<commit_before>import { css } from 'glamor';
import variables from 'Styles/variables';

const name = css({
  fontWeight: 500,
  lineHeight: 1.125,
  marginBottom: '1em',
}).toString();

const propertiesContainer = css({
  paddingRight: variables.gap.small,
  fontSize: 14,
}).toString();

const priceContainer = css({
  paddingLeft: variables.gap.small,
  display: 'flex',
  justifyContent: 'flex-end',
  flexDirection: 'column',
  fontSize: 14,
}).toString();

const detailsRow = css({
  justifyContent: 'space-between',
  alignItems: 'flex-end',
}).toString();

export default {
  detailsRow,
  name,
  priceContainer,
  propertiesContainer,
};
<commit_msg>PWA-226 word wrap in favorite list.<commit_after>import { css } from 'glamor';
import variables from 'Styles/variables';

const name = css({
  fontWeight: 500,
  lineHeight: 1.125,
  marginBottom: '1em',
  wordBreak: ['keep-all', 'break-word'],
  hyphens: 'auto',
}).toString();

const propertiesContainer = css({
  paddingRight: variables.gap.small,
  fontSize: 14,
}).toString();

const priceContainer = css({
  paddingLeft: variables.gap.small,
  display: 'flex',
  justifyContent: 'flex-end',
  flexDirection: 'column',
  fontSize: 14,
}).toString();

const detailsRow = css({
  justifyContent: 'space-between',
  alignItems: 'flex-end',
}).toString();

export default {
  detailsRow,
  name,
  priceContainer,
  propertiesContainer,
};

{'fraction_non_alphanumeric': 0.15357142857142858, 'fraction_numerical': 0.019285714285714285, 'mean_word_length': 4.765432098765432, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4631717', 'n_tokens_mistral': 472, 'n_tokens_neox': 452, 'n_words': 118}