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

package/components/Typography/Typography.d.ts

@@ -9,7 +9,7 @@ declare const useStyles: (params: void, muiStyleOverridesParams?: {
     props: Record<string, unknown>;
     ownerState?: Record<string, unknown> | undefined;
 } | undefined) => {
-    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>;
+    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>;
     theme: import("@shopgate/engage/styles").Theme;
     css: import("tss-react").Css;
     cx: import("tss-react").Cx;

package/components/Typography/Typography.d.ts.map

@@ -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"}
+{"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

@@ -63,6 +63,8 @@ const useStyles = makeStyles({
   subtitle2: theme.typography.subtitle2,
   /* Styles applied to the root element if `variant="overline"`. */
   overline: theme.typography.overline,
+  /* Styles applied to the root element if `variant="price"`. */
+  price: theme.typography.price,
   /* Styles applied to the root element if `variant="srOnly"`. Only accessible to screen readers. */
   srOnly: {
     position: 'absolute',

package/filter/components/FilterItem/index.js

@@ -13,6 +13,9 @@ const useStyles = makeStyles()(theme => ({
       left: theme.spacing(2),
       right: theme.spacing(2),
       borderTop: `1px solid ${theme.components.separatorLine.borderColor}`
+    },
+    '&:first-child::before': {
+      display: 'none'
     }
   }
 }));

package/filter/components/PriceSlider/components/Label/index.js

@@ -11,7 +11,11 @@ const {
 } = appConfig;
 const useStyles = makeStyles()(theme => ({
   priceRange: {
-    whiteSpace: 'nowrap'
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    columnGap: theme.spacing(0.5),
+    rowGap: theme.spacing(1)
   },
   editableField: {
     color: theme.palette.text.primary,
@@ -67,11 +71,11 @@ const useStyles = makeStyles()(theme => ({
 }));
 
 /**
- * Builds the width a price field needs to fit the longer of its value and the highest price.
- * @param {number} length Amount of characters the field has to fit.
+ * Builds the width a price field needs to fit its current value.
+ * @param {number|string} value The value the field has to fit.
  * @returns {string}
  */
-const fieldWidth = length => `${length + 2}ch`;
+const fieldWidth = value => `${Math.max(String(value).length, 2) + 1}ch`;
 
 /**
  * The filter price range slider label component.
@@ -83,7 +87,6 @@ function Label(props) {
     classes
   } = useStyles();
   const {
-    priceLength,
     priceMax,
     priceMin,
     onChange
@@ -137,7 +140,6 @@ function Label(props) {
     currency
   }).format('0').replace('0.00', '');
   return /*#__PURE__*/_jsxs("div", {
-    className: classes.priceRange,
     children: [/*#__PURE__*/_jsx("span", {
       className: classes.srOnly,
       children: i18n.text('price.range', {
@@ -147,6 +149,7 @@ function Label(props) {
     }), /*#__PURE__*/_jsxs(I18n.Text, {
       string: "price.range",
       "aria-hidden": true,
+      className: classes.priceRange,
       children: [/*#__PURE__*/_jsx(I18n.Placeholder, {
         forKey: "fromPrice",
         children: /*#__PURE__*/_jsxs("span", {
@@ -166,7 +169,7 @@ function Label(props) {
             onChange: handleChangeMin,
             onClick: handleFieldClick,
             style: {
-              width: fieldWidth(Math.max(priceLength, String(minValue).length))
+              width: fieldWidth(minValue)
             },
             className: classes.editableField,
             "aria-label": i18n.text('price.range_from'),
@@ -192,7 +195,7 @@ function Label(props) {
             onChange: handleChangeMax,
             onClick: handleFieldClick,
             style: {
-              width: fieldWidth(Math.max(priceLength, String(maxValue).length))
+              width: fieldWidth(maxValue)
             },
             className: classes.editableField,
             "aria-label": i18n.text('price.range_to'),

package/filter/components/PriceSlider/index.js

@@ -80,13 +80,11 @@ const PriceSlider = ({
   }, [id, onChange]);
   const priceMin = Math.floor(value[0] / 100);
   const priceMax = Math.ceil(value[1] / 100);
-  const priceLength = (max / 100).toString().length;
   const renderLabel = useCallback(() => /*#__PURE__*/_jsx(Label, {
-    priceLength: priceLength,
     priceMax: priceMax,
     priceMin: priceMin,
     onChange: handleChange
-  }), [handleChange, priceLength, priceMax, priceMin]);
+  }), [handleChange, priceMax, priceMin]);
   return /*#__PURE__*/_jsx(FilterItem, {
     children: /*#__PURE__*/_jsx("div", {
       "data-test-id": "priceRangeSlider",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopgate/engage",
-  "version": "7.32.0-beta.17",
+  "version": "7.32.0-beta.19",
   "description": "Shopgate's ENGAGE library.",
   "license": "Apache-2.0",
   "author": "Shopgate <support@shopgate.com>",
@@ -18,12 +18,12 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@shopgate/native-modules": "1.0.0-beta.34",
-    "@shopgate/pwa-common": "7.32.0-beta.17",
-    "@shopgate/pwa-common-commerce": "7.32.0-beta.17",
-    "@shopgate/pwa-core": "7.32.0-beta.17",
-    "@shopgate/pwa-ui-ios": "7.32.0-beta.17",
-    "@shopgate/pwa-ui-material": "7.32.0-beta.17",
-    "@shopgate/pwa-ui-shared": "7.32.0-beta.17",
+    "@shopgate/pwa-common": "7.32.0-beta.19",
+    "@shopgate/pwa-common-commerce": "7.32.0-beta.19",
+    "@shopgate/pwa-core": "7.32.0-beta.19",
+    "@shopgate/pwa-ui-ios": "7.32.0-beta.19",
+    "@shopgate/pwa-ui-material": "7.32.0-beta.19",
+    "@shopgate/pwa-ui-shared": "7.32.0-beta.19",
     "@stripe/react-stripe-js": "^1.16.5",
     "@stripe/stripe-js": "^1.44.1",
     "@virtuous/conductor": "~2.5.0",

package/product/components/ProductGridPrice/index.js

@@ -9,9 +9,6 @@ const useStyles = makeStyles()(theme => ({
   priceWrapper: {
     alignItems: 'center'
   },
-  strikedPrice: {
-    fontSize: `calc(${theme.components.price.fontSize} * 0.75)`
-  },
   basicPrice: {
     fontSize: theme.typography.body2.fontSize
   }
@@ -48,13 +45,11 @@ const ProductGridPrice = ({
         })
       }), price.msrp > 0 && price.unitPrice !== price.msrp && /*#__PURE__*/_jsx(Grid.Item, {
         children: /*#__PURE__*/_jsx(PriceStriked, {
-          className: classes.strikedPrice,
           value: price.msrp,
           currency: price.currency
         })
       }), !price.msrp && price.unitPriceStriked > 0 && price.unitPrice !== price.unitPriceStriked && /*#__PURE__*/_jsx(Grid.Item, {
         children: /*#__PURE__*/_jsx(PriceStriked, {
-          className: classes.strikedPrice,
           value: price.unitPriceStriked,
           currency: price.currency
         })

package/product/components/ProductRatingStars/ProductRatingStars.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductRatingStars.d.ts","sourceRoot":"","sources":["../../../../product/components/ProductRatingStars/ProductRatingStars.tsx"],"names":[],"mappings":"AAiBA,UAAU,WAAW;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;CAClC;mFAQE,WAAW;AA4Bd,wBAAwC"}
+{"version":3,"file":"ProductRatingStars.d.ts","sourceRoot":"","sources":["../../../../product/components/ProductRatingStars/ProductRatingStars.tsx"],"names":[],"mappings":"AAeA,UAAU,WAAW;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;CAClC;mFAQE,WAAW;AAmBd,wBAAwC"}

package/product/components/ProductRatingStars/ProductRatingStars.js

@@ -1,13 +1,10 @@
-import { memo, useMemo } from 'react';
+import { memo } from 'react';
 import { useSelector } from 'react-redux';
 import appConfig from '@shopgate/pwa-common/helpers/config';
 import { getProductRating } from '@shopgate/pwa-common-commerce/product/selectors/product';
 import { RatingStars } from '@shopgate/engage/components';
 import useShowEmptyRatingStars from "../../hooks/useShowEmptyRatingStars";
 import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  hasReviews
-} = appConfig;
 /**
  * The product RatingStars component.
  */
@@ -21,15 +18,7 @@ const ProductRatingStars = ({
     productId
   }));
   const showEmptyRatingStars = useShowEmptyRatingStars();
-  const showRatings = useMemo(() => {
-    if (hasReviews && (rating?.average ?? 0) > 0) {
-      return true;
-    }
-    if (hasReviews && showEmptyRatingStars && rating) {
-      return true;
-    }
-    return false;
-  }, [rating, showEmptyRatingStars]);
+  const showRatings = appConfig.hasReviews && ((rating?.average ?? 0) > 0 || showEmptyRatingStars && Boolean(rating));
   if (!showRatings) {
     return null;
   }

package/product/components/Rating/index.js

@@ -1,4 +1,4 @@
-import React, { memo, useMemo } from 'react';
+import React, { memo } from 'react';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import appConfig from '@shopgate/pwa-common/helpers/config';
@@ -9,9 +9,6 @@ import RatingCount from '@shopgate/engage/reviews/components/Reviews/components/
 import { useShowEmptyRatingStars } from '@shopgate/engage/product/hooks';
 import { makeStyles } from '@shopgate/engage/styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  hasReviews
-} = appConfig;
 const useStyles = makeStyles()(theme => ({
   container: {
     display: 'flex',
@@ -47,15 +44,7 @@ const Rating = ({
     productId
   }));
   const showEmptyRatingStars = useShowEmptyRatingStars();
-  const showRatings = useMemo(() => {
-    if (hasReviews && (rating?.average ?? 0) > 0) {
-      return true;
-    }
-    if (hasReviews && showEmptyRatingStars && rating) {
-      return true;
-    }
-    return false;
-  }, [rating, showEmptyRatingStars]);
+  const showRatings = appConfig.hasReviews && ((rating?.average ?? 0) > 0 || showEmptyRatingStars && Boolean(rating));
   return /*#__PURE__*/_jsx(SurroundPortals, {
     portalName: PRODUCT_RATING,
     children: showRatings && /*#__PURE__*/_jsxs("div", {

package/styles/theme/createDefaultThemeOptions/index.d.ts.map

@@ -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"}
+{"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

@@ -56,7 +56,7 @@ export const createDefaultThemeOptions = ({
         },
         price: {
           vars: {
-            color: getCSSCustomProp('--color-primary')
+            saleColor: getCSSCustomProp('--color-primary')
           }
         },
         input: {
@@ -96,7 +96,6 @@ export const createDefaultThemeOptions = ({
             border: '#E6E6E6',
             inactive: 'var(--tab-bar-item-default-color, #747474)',
             active: `var(--tab-bar-item-highlighted-color, ${getCSSCustomProp('--color-secondary')})`,
-            floatingBorderRadius: 'var(--tab-bar-floating-border-radius, 16px)',
             floatingBoxShadow: 'var(--tab-bar-floating-box-shadow, 0 0 12px rgba(0, 0, 0, 0.24))',
             floatingMinHeight: 'var(--tab-bar-floating-min-height, 59px)',
             badgeColor: 'var(--tab-bar-item-badge-color, #FFFFFF)',

package/styles/theme/createTheme/createComponents.types.d.ts

@@ -104,13 +104,9 @@ export declare const componentsSchema: {
     };
     readonly price: {
         readonly vars: {
-            readonly color: "";
-            readonly default: "";
-            readonly sale: "";
-            readonly striked: "";
-            readonly fontFamily: "";
-            readonly fontWeight: "";
-            readonly fontSize: "";
+            readonly defaultColor: "";
+            readonly saleColor: "";
+            readonly strikedColor: "";
         };
     };
     readonly button: {
@@ -182,7 +178,6 @@ export declare const componentsSchema: {
             readonly border: "";
             readonly inactive: "";
             readonly active: "";
-            readonly floatingBorderRadius: "";
             readonly floatingBoxShadow: "";
             readonly floatingMinHeight: "";
             readonly badgeColor: "";
@@ -282,13 +277,9 @@ export declare const componentsDefaults: {
     };
     price: {
         vars: {
-            color: (t: Theme) => string;
-            default: (t: Theme) => string;
-            sale: (t: Theme) => string;
-            striked: (t: Theme) => string;
-            fontFamily: string;
-            fontWeight: string;
-            fontSize: string;
+            defaultColor: (t: Theme) => string;
+            saleColor: (t: Theme) => string;
+            strikedColor: (t: Theme) => string;
         };
     };
     input: {
@@ -345,7 +336,6 @@ export declare const componentsDefaults: {
             border: string;
             inactive: string;
             active: (t: Theme) => string;
-            floatingBorderRadius: string;
             floatingBoxShadow: string;
             floatingMinHeight: string;
             badgeColor: string;

package/styles/theme/createTheme/createComponents.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponents.types.d.ts","sourceRoot":"","sources":["../../../../styles/theme/createTheme/createComponents.types.ts"],"names":[],"mappings":"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"}
+{"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

@@ -92,13 +92,9 @@ export const componentsSchema = {
   },
   price: {
     vars: {
-      color: '',
-      default: '',
-      sale: '',
-      striked: '',
-      fontFamily: '',
-      fontWeight: '',
-      fontSize: ''
+      defaultColor: '',
+      saleColor: '',
+      strikedColor: ''
     }
   },
   button: {
@@ -170,7 +166,6 @@ export const componentsSchema = {
       border: '',
       inactive: '',
       active: '',
-      floatingBorderRadius: '',
       floatingBoxShadow: '',
       floatingMinHeight: '',
       badgeColor: '',
@@ -271,13 +266,9 @@ export const componentsDefaults = {
   },
   price: {
     vars: {
-      color: t => t.palette.primary.main,
-      default: t => t.palette.text.primary,
-      sale: t => t.palette.primary.main,
-      striked: t => t.palette.grey.dark,
-      fontFamily: 'inherit',
-      fontWeight: 'inherit',
-      fontSize: '16px'
+      defaultColor: t => t.palette.text.primary,
+      saleColor: t => t.palette.primary.main,
+      strikedColor: t => t.palette.grey.dark
     }
   },
   input: {
@@ -334,7 +325,6 @@ export const componentsDefaults = {
       border: '#E6E6E6',
       inactive: '#747474',
       active: t => t.palette.secondary.main,
-      floatingBorderRadius: '16px',
       floatingBoxShadow: '0 0 12px rgba(0, 0, 0, 0.24)',
       floatingMinHeight: '59px',
       badgeColor: '#FFFFFF',

package/styles/theme/createTheme/createTypography.d.ts

@@ -16,7 +16,8 @@ export type Variant =
   | 'body2'
   | 'caption'
   | 'button'
-  | 'overline';
+  | 'overline'
+  | 'price';
 
 export interface FontStyle
   extends Required<{

package/styles/theme/createTheme/createTypography.js

@@ -114,7 +114,8 @@ export default function createTypography(palette, typography, cssVarPrefix = 'sg
     body2: buildVariant('fontWeightRegular', 14, 1.43),
     button: buildVariant(buttonFontWeight > fontWeightMedium ? 'fontWeightBold' : 'fontWeightMedium', 16, 1.75, caseButton),
     caption: buildVariant('fontWeightRegular', 12, 1.66),
-    overline: buildVariant('fontWeightRegular', 12, 2.66, caseAllCaps)
+    overline: buildVariant('fontWeightRegular', 12, 2.66, caseAllCaps),
+    price: buildVariant('fontWeightRegular', 16, 1.5)
   };
   return _merge({
     pxToRem,