@shopgate/engage 7.32.0-beta.18 → 7.32.0-beta.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/components/Typography/Typography.d.ts +1 -1
  2. package/components/Typography/Typography.d.ts.map +1 -1
  3. package/components/Typography/Typography.js +2 -0
  4. package/filter/components/PriceSlider/components/Label/index.js +5 -6
  5. package/filter/components/PriceSlider/index.js +1 -3
  6. package/package.json +7 -7
  7. package/product/components/ProductGridPrice/index.js +0 -5
  8. package/styles/theme/createDefaultThemeOptions/index.d.ts.map +1 -1
  9. package/styles/theme/createDefaultThemeOptions/index.js +1 -2
  10. package/styles/theme/createTheme/createComponents.types.d.ts +6 -16
  11. package/styles/theme/createTheme/createComponents.types.d.ts.map +1 -1
  12. package/styles/theme/createTheme/createComponents.types.js +6 -16
  13. package/styles/theme/createTheme/createTypography.d.ts +2 -1
  14. package/styles/theme/createTheme/createTypography.js +2 -1
package/components/Typography/Typography.d.ts CHANGED
@@ -9,7 +9,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
9
9
  props: Record<string, unknown>;
10
10
  ownerState?: Record<string, unknown> | undefined;
11
11
  } | undefined) => {
12
- classes: Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "root" | "fontWeightLight" | "fontWeightRegular" | "fontWeightMedium" | "fontWeightBold" | "gutterBottom" | "noWrap" | "paragraph" | "srOnly" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "colorInherit" | "colorPrimary" | "colorSecondary" | "colorTextPrimary" | "colorTextSecondary" | "colorError" | "colorWarning" | "colorSuccess" | "displayInline" | "displayBlock", string>;
12
+ classes: Record<"h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "caption" | "button" | "overline" | "price" | "root" | "fontWeightLight" | "fontWeightRegular" | "fontWeightMedium" | "fontWeightBold" | "gutterBottom" | "noWrap" | "paragraph" | "srOnly" | "alignLeft" | "alignCenter" | "alignRight" | "alignJustify" | "colorInherit" | "colorPrimary" | "colorSecondary" | "colorTextPrimary" | "colorTextSecondary" | "colorError" | "colorWarning" | "colorSuccess" | "displayInline" | "displayBlock", string>;
13
13
  theme: import("@shopgate/engage/styles").Theme;
14
14
  css: import("tss-react").Css;
15
15
  cx: import("tss-react").Cx;
package/components/Typography/Typography.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/F,KAAK,OAAO,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAUjE,QAAA,MAAM,SAAS;;cA2ET,CAAC;;;;;;CAyDJ,CAAC;AAeJ;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC5D,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,OAAO,GACP,SAAS,GACT,SAAS,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC;IACd;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAC9D,kBAAkB,CAAC,CAAC,CAAC,GACrB,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;wBAgErB,CAC7C,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,EAEpC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,KACxE,KAAK,CAAC,YAAY,GAAG,IAAI;AAJ9B,wBAI+B"}
1
+ {"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAE/F,KAAK,OAAO,GAAG,YAAY,GAAG,QAAQ,CAAC;AAEvC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAUjE,QAAA,MAAM,SAAS;;cAyEQ,CAAA;;;;;;CA6DpB,CAAC;AAeJ;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC5D,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,aAAa,GACb,eAAe,GACf,OAAO,GACP,SAAS,GACT,SAAS,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACzC;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC;IACd;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC7D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAC9D,kBAAkB,CAAC,CAAC,CAAC,GACrB,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC;wBAgErB,CAC7C,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,EAEpC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;CAAE,KACxE,KAAK,CAAC,YAAY,GAAG,IAAI;AAJ9B,wBAI+B"}
package/components/Typography/Typography.js CHANGED
@@ -63,6 +63,8 @@ const useStyles = makeStyles({
63
63
  subtitle2: theme.typography.subtitle2,
64
64
  /* Styles applied to the root element if `variant="overline"`. */
65
65
  overline: theme.typography.overline,
66
+ /* Styles applied to the root element if `variant="price"`. */
67
+ price: theme.typography.price,
66
68
  /* Styles applied to the root element if `variant="srOnly"`. Only accessible to screen readers. */
67
69
  srOnly: {
68
70
  position: 'absolute',
package/filter/components/PriceSlider/components/Label/index.js CHANGED
@@ -71,11 +71,11 @@ const useStyles = makeStyles()(theme => ({
71
71
  }));
72
72
 
73
73
  /**
74
- * Builds the width a price field needs to fit the longer of its value and the highest price.
75
- * @param {number} length Amount of characters the field has to fit.
74
+ * Builds the width a price field needs to fit its current value.
75
+ * @param {number|string} value The value the field has to fit.
76
76
  * @returns {string}
77
77
  */
78
- const fieldWidth = length => `${length + 1}ch`;
78
+ const fieldWidth = value => `${Math.max(String(value).length, 2) + 1}ch`;
79
79
 
80
80
  /**
81
81
  * The filter price range slider label component.
@@ -87,7 +87,6 @@ function Label(props) {
87
87
  classes
88
88
  } = useStyles();
89
89
  const {
90
- priceLength,
91
90
  priceMax,
92
91
  priceMin,
93
92
  onChange
@@ -170,7 +169,7 @@ function Label(props) {
170
169
  onChange: handleChangeMin,
171
170
  onClick: handleFieldClick,
172
171
  style: {
173
- width: fieldWidth(Math.max(priceLength, String(minValue).length))
172
+ width: fieldWidth(minValue)
174
173
  },
175
174
  className: classes.editableField,
176
175
  "aria-label": i18n.text('price.range_from'),
@@ -196,7 +195,7 @@ function Label(props) {
196
195
  onChange: handleChangeMax,
197
196
  onClick: handleFieldClick,
198
197
  style: {
199
- width: fieldWidth(Math.max(priceLength, String(maxValue).length))
198
+ width: fieldWidth(maxValue)
200
199
  },
201
200
  className: classes.editableField,
202
201
  "aria-label": i18n.text('price.range_to'),
package/filter/components/PriceSlider/index.js CHANGED
@@ -80,13 +80,11 @@ const PriceSlider = ({
80
80
  }, [id, onChange]);
81
81
  const priceMin = Math.floor(value[0] / 100);
82
82
  const priceMax = Math.ceil(value[1] / 100);
83
- const priceLength = (max / 100).toString().length;
84
83
  const renderLabel = useCallback(() => /*#__PURE__*/_jsx(Label, {
85
- priceLength: priceLength,
86
84
  priceMax: priceMax,
87
85
  priceMin: priceMin,
88
86
  onChange: handleChange
89
- }), [handleChange, priceLength, priceMax, priceMin]);
87
+ }), [handleChange, priceMax, priceMin]);
90
88
  return /*#__PURE__*/_jsx(FilterItem, {
91
89
  children: /*#__PURE__*/_jsx("div", {
92
90
  "data-test-id": "priceRangeSlider",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shopgate/engage",
3
- "version": "7.32.0-beta.18",
3
+ "version": "7.32.0-beta.19",
4
4
  "description": "Shopgate's ENGAGE library.",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Shopgate <support@shopgate.com>",
@@ -18,12 +18,12 @@
18
18
  "dependencies": {
19
19
  "@emotion/react": "^11.14.0",
20
20
  "@shopgate/native-modules": "1.0.0-beta.34",
21
- "@shopgate/pwa-common": "7.32.0-beta.18",
22
- "@shopgate/pwa-common-commerce": "7.32.0-beta.18",
23
- "@shopgate/pwa-core": "7.32.0-beta.18",
24
- "@shopgate/pwa-ui-ios": "7.32.0-beta.18",
25
- "@shopgate/pwa-ui-material": "7.32.0-beta.18",
26
- "@shopgate/pwa-ui-shared": "7.32.0-beta.18",
21
+ "@shopgate/pwa-common": "7.32.0-beta.19",
22
+ "@shopgate/pwa-common-commerce": "7.32.0-beta.19",
23
+ "@shopgate/pwa-core": "7.32.0-beta.19",
24
+ "@shopgate/pwa-ui-ios": "7.32.0-beta.19",
25
+ "@shopgate/pwa-ui-material": "7.32.0-beta.19",
26
+ "@shopgate/pwa-ui-shared": "7.32.0-beta.19",
27
27
  "@stripe/react-stripe-js": "^1.16.5",
28
28
  "@stripe/stripe-js": "^1.44.1",
29
29
  "@virtuous/conductor": "~2.5.0",
package/product/components/ProductGridPrice/index.js CHANGED
@@ -9,9 +9,6 @@ const useStyles = makeStyles()(theme => ({
9
9
  priceWrapper: {
10
10
  alignItems: 'center'
11
11
  },
12
- strikedPrice: {
13
- fontSize: `calc(${theme.components.price.fontSize} * 0.75)`
14
- },
15
12
  basicPrice: {
16
13
  fontSize: theme.typography.body2.fontSize
17
14
  }
@@ -48,13 +45,11 @@ const ProductGridPrice = ({
48
45
  })
49
46
  }), price.msrp > 0 && price.unitPrice !== price.msrp && /*#__PURE__*/_jsx(Grid.Item, {
50
47
  children: /*#__PURE__*/_jsx(PriceStriked, {
51
- className: classes.strikedPrice,
52
48
  value: price.msrp,
53
49
  currency: price.currency
54
50
  })
55
51
  }), !price.msrp && price.unitPriceStriked > 0 && price.unitPrice !== price.unitPriceStriked && /*#__PURE__*/_jsx(Grid.Item, {
56
52
  children: /*#__PURE__*/_jsx(PriceStriked, {
57
- className: classes.strikedPrice,
58
53
  value: price.unitPriceStriked,
59
54
  currency: price.currency
60
55
  })
package/styles/theme/createDefaultThemeOptions/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createDefaultThemeOptions/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GACpC,iBAAwB,mBAAwB,KAC/C,YA4ND,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createDefaultThemeOptions/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAInD;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GACpC,iBAAwB,mBAAwB,KAC/C,YA2ND,CAAC"}
package/styles/theme/createDefaultThemeOptions/index.js CHANGED
@@ -56,7 +56,7 @@ export const createDefaultThemeOptions = ({
56
56
  },
57
57
  price: {
58
58
  vars: {
59
- color: getCSSCustomProp('--color-primary')
59
+ saleColor: getCSSCustomProp('--color-primary')
60
60
  }
61
61
  },
62
62
  input: {
@@ -96,7 +96,6 @@ export const createDefaultThemeOptions = ({
96
96
  border: '#E6E6E6',
97
97
  inactive: 'var(--tab-bar-item-default-color, #747474)',
98
98
  active: `var(--tab-bar-item-highlighted-color, ${getCSSCustomProp('--color-secondary')})`,
99
- floatingBorderRadius: 'var(--tab-bar-floating-border-radius, 16px)',
100
99
  floatingBoxShadow: 'var(--tab-bar-floating-box-shadow, 0 0 12px rgba(0, 0, 0, 0.24))',
101
100
  floatingMinHeight: 'var(--tab-bar-floating-min-height, 59px)',
102
101
  badgeColor: 'var(--tab-bar-item-badge-color, #FFFFFF)',
package/styles/theme/createTheme/createComponents.types.d.ts CHANGED
@@ -104,13 +104,9 @@ export declare const componentsSchema: {
104
104
  };
105
105
  readonly price: {
106
106
  readonly vars: {
107
- readonly color: "";
108
- readonly default: "";
109
- readonly sale: "";
110
- readonly striked: "";
111
- readonly fontFamily: "";
112
- readonly fontWeight: "";
113
- readonly fontSize: "";
107
+ readonly defaultColor: "";
108
+ readonly saleColor: "";
109
+ readonly strikedColor: "";
114
110
  };
115
111
  };
116
112
  readonly button: {
@@ -182,7 +178,6 @@ export declare const componentsSchema: {
182
178
  readonly border: "";
183
179
  readonly inactive: "";
184
180
  readonly active: "";
185
- readonly floatingBorderRadius: "";
186
181
  readonly floatingBoxShadow: "";
187
182
  readonly floatingMinHeight: "";
188
183
  readonly badgeColor: "";
@@ -282,13 +277,9 @@ export declare const componentsDefaults: {
282
277
  };
283
278
  price: {
284
279
  vars: {
285
- color: (t: Theme) => string;
286
- default: (t: Theme) => string;
287
- sale: (t: Theme) => string;
288
- striked: (t: Theme) => string;
289
- fontFamily: string;
290
- fontWeight: string;
291
- fontSize: string;
280
+ defaultColor: (t: Theme) => string;
281
+ saleColor: (t: Theme) => string;
282
+ strikedColor: (t: Theme) => string;
292
283
  };
293
284
  };
294
285
  input: {
@@ -345,7 +336,6 @@ export declare const componentsDefaults: {
345
336
  border: string;
346
337
  inactive: string;
347
338
  active: (t: Theme) => string;
348
- floatingBorderRadius: string;
349
339
  floatingBoxShadow: string;
350
340
  floatingMinHeight: string;
351
341
  badgeColor: string;
package/styles/theme/createTheme/createComponents.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"createComponents.types.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createTheme/createComponents.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"createComponents.types.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createTheme/createComponents.types.ts"],"names":[],"mappings":"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"}
package/styles/theme/createTheme/createComponents.types.js CHANGED
@@ -92,13 +92,9 @@ export const componentsSchema = {
92
92
  },
93
93
  price: {
94
94
  vars: {
95
- color: '',
96
- default: '',
97
- sale: '',
98
- striked: '',
99
- fontFamily: '',
100
- fontWeight: '',
101
- fontSize: ''
95
+ defaultColor: '',
96
+ saleColor: '',
97
+ strikedColor: ''
102
98
  }
103
99
  },
104
100
  button: {
@@ -170,7 +166,6 @@ export const componentsSchema = {
170
166
  border: '',
171
167
  inactive: '',
172
168
  active: '',
173
- floatingBorderRadius: '',
174
169
  floatingBoxShadow: '',
175
170
  floatingMinHeight: '',
176
171
  badgeColor: '',
@@ -271,13 +266,9 @@ export const componentsDefaults = {
271
266
  },
272
267
  price: {
273
268
  vars: {
274
- color: t => t.palette.primary.main,
275
- default: t => t.palette.text.primary,
276
- sale: t => t.palette.primary.main,
277
- striked: t => t.palette.grey.dark,
278
- fontFamily: 'inherit',
279
- fontWeight: 'inherit',
280
- fontSize: '16px'
269
+ defaultColor: t => t.palette.text.primary,
270
+ saleColor: t => t.palette.primary.main,
271
+ strikedColor: t => t.palette.grey.dark
281
272
  }
282
273
  },
283
274
  input: {
@@ -334,7 +325,6 @@ export const componentsDefaults = {
334
325
  border: '#E6E6E6',
335
326
  inactive: '#747474',
336
327
  active: t => t.palette.secondary.main,
337
- floatingBorderRadius: '16px',
338
328
  floatingBoxShadow: '0 0 12px rgba(0, 0, 0, 0.24)',
339
329
  floatingMinHeight: '59px',
340
330
  badgeColor: '#FFFFFF',
package/styles/theme/createTheme/createTypography.d.ts CHANGED
@@ -16,7 +16,8 @@ export type Variant =
16
16
  | 'body2'
17
17
  | 'caption'
18
18
  | 'button'
19
- | 'overline';
19
+ | 'overline'
20
+ | 'price';
20
21
 
21
22
  export interface FontStyle
22
23
  extends Required<{
package/styles/theme/createTheme/createTypography.js CHANGED
@@ -114,7 +114,8 @@ export default function createTypography(palette, typography, cssVarPrefix = 'sg
114
114
  body2: buildVariant('fontWeightRegular', 14, 1.43),
115
115
  button: buildVariant(buttonFontWeight > fontWeightMedium ? 'fontWeightBold' : 'fontWeightMedium', 16, 1.75, caseButton),
116
116
  caption: buildVariant('fontWeightRegular', 12, 1.66),
117
- overline: buildVariant('fontWeightRegular', 12, 2.66, caseAllCaps)
117
+ overline: buildVariant('fontWeightRegular', 12, 2.66, caseAllCaps),
118
+ price: buildVariant('fontWeightRegular', 16, 1.5)
118
119
  };
119
120
  return _merge({
120
121
  pxToRem,