@athoscommerce/snap-preact 1.5.1-beta.116 → 1.6.0

package/dist/cjs/components/src/themes/pike/components/molecules/grid.js

@@ -20,21 +20,24 @@ var darkSelector = "&.".concat(gridSelector, "--dark, &:has(.").concat(gridSelec
 var imageSelector = '&:has(.ss__image)';
 var urlSelector = '&[style*="url"]';
 var styleSelector = '&[style], &:has(.ss__image)';
-var activeColors = custom_1.custom.utils.activeColors();
-var activeColor = activeColors[0];
-var fontColor = activeColors[1];
 // CSS in JS style script for the Grid component
 var gridStyleScript = function (props) {
     var _a, _b, _c, _d;
-    var _e, _f, _g, _h, _j;
+    var _e, _f, _g, _h;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.variables;
     var columns = (props === null || props === void 0 ? void 0 : props.columns) ? props.columns : 4;
+    var activeColors = custom_1.custom.utils.activeColors(((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary) || custom_1.custom.colors.secondary);
+    var activeColor = activeColors[0];
+    var fontColor = activeColors[1];
     // grid styles
-    var gridStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('grid', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__grid__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary, '14px')), '.ss__grid__options .ss__grid__option .ss__grid__option__inner .ss__grid__option__label, .ss__grid__show-more-wrapper': {
+    var gridStyles = (0, react_1.css)({
+        '.ss__grid__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.secondary, '14px')),
+        '.ss__grid__options .ss__grid__option .ss__grid__option__inner .ss__grid__option__label, .ss__grid__show-more-wrapper': {
             fontSize: '12px',
             lineHeight: 1,
-        }, '.ss__grid__options': {
+        },
+        '.ss__grid__options': {
             display: 'flex',
             flexFlow: 'row wrap',
             alignItems: 'center',
@@ -52,7 +55,7 @@ var gridStyleScript = function (props) {
                     position: 'relative',
                     maxWidth: '40px',
                     width: "calc((100% - (".concat((props === null || props === void 0 ? void 0 : props.gapSize) ? props.gapSize : custom_1.custom.spacing.x1, " * ").concat(columns - 1, ")) / ").concat(columns, ")"),
-                    '.ss__grid__option__inner': __assign(__assign({ position: 'relative', width: '100%' }, custom_1.custom.styles.box((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text, "".concat(custom_1.custom.spacing.x1, "px"))), (_b = { '&, .ss__grid__option__label': {
+                    '.ss__grid__option__inner': __assign(__assign({ position: 'relative', width: '100%' }, custom_1.custom.styles.box(undefined, "".concat(custom_1.custom.spacing.x1, "px"))), (_b = { '&, .ss__grid__option__label': {
                                 overflow: 'hidden',
                             }, '.ss__grid__option__label': {
                                 maxWidth: '100%',
@@ -130,7 +133,6 @@ var gridStyleScript = function (props) {
                             _d[styleSelector] = {
                                 border: 0,
                                 backgroundColor: 'transparent',
-                                color: (_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.text,
                                 '&:before': {
                                     opacity: 1,
                                 },
@@ -155,7 +157,8 @@ var gridStyleScript = function (props) {
                     paddingLeft: "".concat(custom_1.custom.spacing.x1, "px"),
                 },
             },
-        }, '.ss__grid__show-more-wrapper': {
+        },
+        '.ss__grid__show-more-wrapper': {
             '&:not(.ss__grid__option)': {
                 margin: "".concat(custom_1.custom.spacing.x1, "px 0 0 0"),
                 '.ss__grid__show-more, .ss__grid__show-less': {
@@ -165,8 +168,9 @@ var gridStyleScript = function (props) {
             '&, .ss__grid__show-more': {
                 cursor: 'pointer',
             },
-            '.ss__grid__show-more, .ss__grid__show-less': __assign({}, custom_1.custom.styles.activeText((_j = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _j === void 0 ? void 0 : _j.primary)),
-        } }));
+            '.ss__grid__show-more, .ss__grid__show-less': __assign({}, custom_1.custom.styles.activeText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary)),
+        },
+    });
     return gridStyles;
 };
 // Grid component props

package/dist/cjs/components/src/themes/pike/components/molecules/layoutSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/layoutSelector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,iDAAiD,CAAC;AAC9H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyEvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAgBnH,CAAC"}
+{"version":3,"file":"layoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/layoutSelector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,iDAAiD,CAAC;AAC9H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6DvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CASnH,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/layoutSelector.js

@@ -14,52 +14,43 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.layoutSelector = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
-// static variables
-var activeColors = custom_1.custom.utils.activeColors();
-var activeColor = activeColors[0];
-var activeIconColor = activeColors[1];
 // CSS in JS style script for the LayoutSelector component
 var layoutSelectorStyleScript = function (props) {
     var _a, _b;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
-    // shared styles
-    var sharedStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('layoutSelector', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var activeColors = custom_1.custom.utils.activeColors(((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary) || custom_1.custom.colors.secondary);
+    var activeColor = activeColors[0];
+    var activeIconColor = activeColors[1];
     // dropdown styles
-    var dropdownStyles = (0, react_1.css)([
-        sharedStyles,
-        {
-            '.ss__dropdown': {
-                '.ss__dropdown__button .ss__button__content .ss__select__label': {
-                    paddingRight: "".concat(custom_1.custom.spacing.x1 / 2, "px"),
-                },
+    var dropdownStyles = (0, react_1.css)({
+        '.ss__dropdown': {
+            '.ss__dropdown__button .ss__button__content .ss__select__label': {
+                paddingRight: "".concat(custom_1.custom.spacing.x1 / 2, "px"),
             },
         },
-    ]);
+    });
     // radio styles
-    var radioStyles = (0, react_1.css)([sharedStyles]);
+    var radioStyles = (0, react_1.css)();
     // list styles
-    var listStyles = (0, react_1.css)([
-        sharedStyles,
-        {
-            '.ss__list__options': {
-                display: 'flex',
-                flexFlow: 'nowrap',
-                gap: "".concat(custom_1.custom.spacing.x1, "px"),
-                '.ss__list__option': __assign({ flex: '1 1 0%', width: "auto", height: "".concat(custom_1.custom.sizes.height, "px"), lineHeight: "".concat(custom_1.custom.sizes.height, "px"), margin: 0 }, custom_1.custom.styles.box((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text, "0 ".concat(custom_1.custom.spacing.x2, "px"))),
-                '.ss__list__option--selected': {
-                    '&, &:hover': {
-                        borderColor: activeColor,
-                        backgroundColor: activeColor,
-                        color: activeIconColor,
-                    },
-                    '&, *': {
-                        cursor: 'text',
-                    },
+    var listStyles = (0, react_1.css)({
+        '.ss__list__options': {
+            display: 'flex',
+            flexFlow: 'nowrap',
+            gap: "".concat(custom_1.custom.spacing.x1, "px"),
+            '.ss__list__option': __assign({ flex: '1 1 0%', width: "auto", height: "".concat(custom_1.custom.sizes.height, "px"), lineHeight: "".concat(custom_1.custom.sizes.height, "px"), margin: 0 }, custom_1.custom.styles.box(undefined, "0 ".concat(custom_1.custom.spacing.x2, "px"))),
+            '.ss__list__option--selected': {
+                '&, &:hover': {
+                    borderColor: activeColor,
+                    backgroundColor: activeColor,
+                    color: activeIconColor,
+                },
+                '&, *': {
+                    cursor: 'text',
                 },
             },
         },
-    ]);
+    });
     if ((props === null || props === void 0 ? void 0 : props.type) == 'list') {
         return listStyles;
     }
@@ -79,12 +70,5 @@ exports.layoutSelector = {
         'layoutSelector select': {
             hideSelection: false,
         },
-        'layoutSelector list': {
-            hideTitleText: true,
-            hideOptionLabels: true,
-        },
-        'layoutSelector radioList': {
-            hideTitleText: true,
-        },
     },
 };

package/dist/cjs/components/src/themes/pike/components/molecules/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/list.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoHvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAM3E,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/list.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmHvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAM3E,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/list.js

@@ -19,18 +19,23 @@ var checkboxSpacing = custom_1.custom.sizes.icon16 + custom_1.custom.spacing.x2;
 // CSS in JS style script for the List component
 var listStyleScript = function (props) {
     var _a, _b;
-    var _c, _d, _e, _f, _g, _h;
+    var _c, _d, _e, _f, _g;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.variables;
     var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
     var tabletBp = (_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('list', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__list--disabled': __assign({}, custom_1.custom.styles.disabled()), '.ss__list__title, .ss__list__options': {
+    var sharedStyles = (0, react_1.css)({
+        '&.ss__list--disabled': __assign({}, custom_1.custom.styles.disabled()),
+        '.ss__list__title, .ss__list__options': {
             width: '100%',
-        }, '.ss__list__title, .ss__list__options .ss__list__option': {
+        },
+        '.ss__list__title, .ss__list__options .ss__list__option': {
             padding: 0,
-        }, '.ss__list__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary, '14px')), '.ss__list__options': {
-            '.ss__list__option': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text)), { gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideOptionCheckboxes) ? "" : "0 0 0 ".concat(checkboxSpacing, "px"), '.ss__list__option__label, .ss__list__option__icon': {
+        },
+        '.ss__list__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary, '14px')),
+        '.ss__list__options': {
+            '.ss__list__option': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText()), { gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideOptionCheckboxes) ? "" : "0 0 0 ".concat(checkboxSpacing, "px"), '.ss__list__option__label, .ss__list__option__icon': {
                     padding: 0,
                 }, '.ss__checkbox': {
                     position: 'absolute',
@@ -41,8 +46,9 @@ var listStyleScript = function (props) {
                     top: '-1px',
                 } }),
             '.ss__list__option--disabled': __assign({}, custom_1.custom.styles.disabled()),
-            '.ss__list__option--selected': __assign({}, custom_1.custom.styles.activeText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary)),
-        } }));
+            '.ss__list__option--selected': __assign({}, custom_1.custom.styles.activeText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary)),
+        },
+    });
     // list styles
     var listStyles = (0, react_1.css)([
         sharedStyles,

package/dist/cjs/components/src/themes/pike/components/molecules/loadMore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadMore.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/loadMore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwCvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAc3F,CAAC"}
+{"version":3,"file":"loadMore.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/loadMore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsCvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAU3F,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/loadMore.js

@@ -16,12 +16,13 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the LoadMore component
 var loadMoreStyleScript = function (props) {
-    var _a, _b;
+    var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     var borderColor = (props === null || props === void 0 ? void 0 : props.backgroundColor) != custom_1.custom.colors.gray01 ? custom_1.custom.utils.darkenColor(props.backgroundColor, 0.25) : custom_1.custom.colors.gray02;
     // load more styles
-    var loadMoreStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('loadMore', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__load-more': {
+    var loadMoreStyles = (0, react_1.css)({
+        '&.ss__load-more': {
             '&, .ss__load-more__progress': {
                 gap: "".concat(custom_1.custom.spacing.x2, "px"),
             },
@@ -34,10 +35,10 @@ var loadMoreStyleScript = function (props) {
                     } }),
                 '.ss__load-more__progress__text': {
                     fontSize: '14px',
-                    color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
                 },
             },
-        } }));
+        },
+    });
     return loadMoreStyles;
 };
 // LoadMore component props
@@ -45,12 +46,8 @@ exports.loadMore = {
     default: {
         loadMore: {
             themeStyleScript: loadMoreStyleScript,
-            color: custom_1.custom.colors.primary,
             backgroundColor: custom_1.custom.colors.gray01,
         },
-        'loadMore icon': {
-            color: custom_1.custom.colors.primary,
-        },
         'loadMore button icon': {
             color: 'currentColor',
         },

package/dist/cjs/components/src/themes/pike/components/molecules/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAO/E,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAO/E,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/modal.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.modal = void 0;
 var react_1 = require("@emotion/react");
@@ -20,7 +9,9 @@ var modalStyleScript = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // modal styles
-    var modalStyles = (0, react_1.css)(__assign({ cursor: 'pointer' }, custom_1.custom.styles.boxSizing('modal', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var modalStyles = (0, react_1.css)({
+        cursor: 'pointer',
+    });
     return modalStyles;
 };
 // Modal component props

package/dist/cjs/components/src/themes/pike/components/molecules/overlayBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlayBadge.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/overlayBadge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAM3G,CAAC"}
+{"version":3,"file":"overlayBadge.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/overlayBadge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAM3G,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/overlayBadge.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.overlayBadge = void 0;
 var react_1 = require("@emotion/react");
@@ -20,14 +9,16 @@ var overlayBadgeStyleScript = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // overlay badge styles
-    var overlayBadgeStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('overlayBadge', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__overlay-badge__grid-wrapper': {
+    var overlayBadgeStyles = (0, react_1.css)({
+        '.ss__overlay-badge__grid-wrapper': {
             zIndex: 1,
             gap: "".concat(custom_1.custom.spacing.x2, "px"),
             bottom: 'auto',
             '.ss__overlay-badge__grid-wrapper__slot': {
                 gap: "".concat(custom_1.custom.spacing.x1, "px"),
             },
-        } }));
+        },
+    });
     return overlayBadgeStyles;
 };
 // OverlayBadge component props

package/dist/cjs/components/src/themes/pike/components/molecules/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAClH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA+CvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAqBnG,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAClH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6CvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAoBnG,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/pagination.js

@@ -17,11 +17,12 @@ var custom_1 = require("../../custom");
 // CSS in JS style script for the Pagination component
 var paginationStyleScript = function (props) {
     var _a;
-    var _b, _c, _d, _e;
+    var _b, _c, _d;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
     var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
-    var paginationStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('pagination', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { nav: {
+    var paginationStyles = (0, react_1.css)((_a = {
+            nav: {
                 display: 'flex',
                 flexFlow: 'row wrap',
                 alignItems: 'center',
@@ -30,24 +31,26 @@ var paginationStyleScript = function (props) {
                 '.ss__pagination__page, span': {
                     padding: 0,
                     fontSize: '16px',
-                    color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.text,
                 },
                 '.ss__pagination__page': {
                     minWidth: '1px',
                     minHeight: '1px',
-                    '&.ss__pagination__page--active': __assign({}, custom_1.custom.styles.activeText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary)),
+                    '&.ss__pagination__page--active': __assign({}, custom_1.custom.styles.activeText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary)),
                 },
                 '.ss__pagination__page--previous, .ss__pagination__page--next': {
                     lineHeight: "10px",
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
-        nav: {
-            gap: "".concat(custom_1.custom.spacing.x2, "px"),
-            '.ss__pagination__page, span': {
-                fontSize: '14px',
+            }
+        },
+        _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
+            nav: {
+                gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                '.ss__pagination__page, span': {
+                    fontSize: '14px',
+                },
             },
         },
-    }, _a)));
+        _a));
     return paginationStyles;
 };
 // Pagination component props
@@ -58,7 +61,6 @@ exports.pagination = {
         },
         'pagination icon': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),
-            color: custom_1.custom.colors.primary,
         },
         'pagination icon.prev': {
             icon: custom_1.custom.icons.arrowLeft,

package/dist/cjs/components/src/themes/pike/components/molecules/perPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"perPage.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/perPage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAMvF,CAAC"}
+{"version":3,"file":"perPage.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/perPage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAcvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAMvF,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/perPage.js

@@ -1,26 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.perPage = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the PerPage component
 var perPageStyleScript = function (props) {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // perPage styles
-    var perPageStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('perPage', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var perPageStyles = (0, react_1.css)({});
     return perPageStyles;
 };
 // PerPage component props

package/dist/cjs/components/src/themes/pike/components/molecules/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/radio.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA0DvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAc/E,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/radio.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwDvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAa/E,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/radio.js

@@ -23,7 +23,7 @@ var radioStyleScript = function (props) {
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // default radio styles
     var defaultRadiosStyles = (0, react_1.css)([
-        __assign(__assign(__assign(__assign({ position: 'relative', top: '-1px' }, custom_1.custom.styles.box('', 0)), custom_1.custom.styles.borderRadius(50, '%')), custom_1.custom.styles.boxSizing('radio', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__radio--disabled': __assign({}, custom_1.custom.styles.disabled()), '&.ss__radio--active': {
+        __assign(__assign(__assign({ position: 'relative', top: '-1px' }, custom_1.custom.styles.box('', 0)), custom_1.custom.styles.borderRadius(50, '%')), { '&.ss__radio--disabled': __assign({}, custom_1.custom.styles.disabled()), '&.ss__radio--active': {
                 borderColor: darkGray,
                 backgroundColor: custom_1.custom.colors.white,
                 '.ss__icon': {
@@ -35,14 +35,18 @@ var radioStyleScript = function (props) {
     ]);
     // native radio styles
     var nativeRadiosStyles = (0, react_1.css)([
-        __assign(__assign({ lineHeight: 0 }, custom_1.custom.styles.boxSizing('radio', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__radio--disabled .ss__radio__input': __assign({}, custom_1.custom.styles.disabled()), '.ss__radio__input': {
+        {
+            lineHeight: 0,
+            '&.ss__radio--disabled .ss__radio__input': __assign({}, custom_1.custom.styles.disabled()),
+            '.ss__radio__input': {
                 margin: 0,
                 padding: 0,
                 width: (props === null || props === void 0 ? void 0 : props.size) ? props.size : "".concat(custom_1.custom.sizes.icon16, "px"),
                 height: (props === null || props === void 0 ? void 0 : props.size) ? props.size : "".concat(custom_1.custom.sizes.icon16, "px"),
                 lineHeight: 1,
                 cursor: 'pointer',
-            } }),
+            },
+        },
     ]);
     return (props === null || props === void 0 ? void 0 : props.native) ? nativeRadiosStyles : defaultRadiosStyles;
 };
@@ -54,7 +58,6 @@ exports.radio = {
             checkedIcon: 'circle',
             unCheckedIcon: 'circle',
             size: "".concat(custom_1.custom.sizes.icon16, "px"),
-            color: custom_1.custom.colors.primary,
         },
         'radio icon': {
             width: "calc(50% + 1px)",

package/dist/cjs/components/src/themes/pike/components/molecules/radioList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radioList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/radioList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoHvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}
+{"version":3,"file":"radioList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/radioList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmHvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/radioList.js

@@ -19,18 +19,23 @@ var radioSpacing = custom_1.custom.sizes.icon16 + custom_1.custom.spacing.x2;
 // CSS in JS style script for the RadioList component
 var radioListStyleScript = function (props) {
     var _a, _b;
-    var _c, _d, _e, _f, _g, _h;
+    var _c, _d, _e, _f, _g;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.variables;
     var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
     var tabletBp = (_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('radioList', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__radio-list--disabled': __assign({}, custom_1.custom.styles.disabled()), '.ss__radio-list__title, .ss__radio-list__options-wrapper': {
+    var sharedStyles = (0, react_1.css)({
+        '&.ss__radio-list--disabled': __assign({}, custom_1.custom.styles.disabled()),
+        '.ss__radio-list__title, .ss__radio-list__options-wrapper': {
             width: '100%',
-        }, '.ss__radio-list__title, .ss__radio-list__options-wrapper .ss__radio-list__option': {
+        },
+        '.ss__radio-list__title, .ss__radio-list__options-wrapper .ss__radio-list__option': {
             padding: 0,
-        }, '.ss__radio-list__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary, '14px')), '.ss__radio-list__options-wrapper': {
-            '.ss__radio-list__option': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text)), { gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideOptionRadios) ? "" : "0 0 0 ".concat(radioSpacing, "px"), '.ss__radio-list__option__label, .ss__radio-list__option__icon': {
+        },
+        '.ss__radio-list__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary, '14px')),
+        '.ss__radio-list__options-wrapper': {
+            '.ss__radio-list__option': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText()), { gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideOptionRadios) ? "" : "0 0 0 ".concat(radioSpacing, "px"), '.ss__radio-list__option__label, .ss__radio-list__option__icon': {
                     padding: 0,
                 }, '.ss__radio': {
                     position: 'absolute',
@@ -41,8 +46,9 @@ var radioListStyleScript = function (props) {
                     top: '-1px',
                 } }),
             '.ss__radio-list__option--disabled': __assign({}, custom_1.custom.styles.disabled()),
-            '.ss__radio-list__option--selected': __assign({}, custom_1.custom.styles.activeText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary)),
-        } }));
+            '.ss__radio-list__option--selected': __assign({}, custom_1.custom.styles.activeText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary)),
+        },
+    });
     // list styles
     var radioListStyles = (0, react_1.css)([
         sharedStyles,

package/dist/cjs/components/src/themes/pike/components/molecules/rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/rating.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoCvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiBnF,CAAC"}
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/rating.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkCvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAcnF,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/rating.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.rating = void 0;
 var react_1 = require("@emotion/react");
@@ -18,11 +7,15 @@ var custom_1 = require("../../custom");
 var darkGray = custom_1.custom.utils.darkenColor();
 // CSS in JS style script for the Rating component
 var ratingStyleScript = function (props) {
-    var _a, _b;
+    var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // rating styles
-    var ratingStyles = (0, react_1.css)(__assign(__assign({ flexWrap: 'wrap', gap: "".concat(custom_1.custom.spacing.x1, "px"), lineHeight: 1 }, custom_1.custom.styles.boxSizing('rating', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__rating__icons': {
+    var ratingStyles = (0, react_1.css)({
+        flexWrap: 'wrap',
+        gap: "".concat(custom_1.custom.spacing.x1, "px"),
+        lineHeight: 1,
+        '.ss__rating__icons': {
             '&, .ss__rating__stars .ss__rating__stars__star': {
                 lineHeight: 0,
             },
@@ -30,10 +23,11 @@ var ratingStyleScript = function (props) {
                 gap: '2px',
                 gridTemplateColumns: 'repeat(5, 1fr)',
             },
-        }, '.ss__rating__count, .ss__rating__text': {
+        },
+        '.ss__rating__count, .ss__rating__text': {
             fontSize: '12px',
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
-        } }));
+        },
+    });
     return ratingStyles;
 };
 // Rating component props
@@ -50,8 +44,5 @@ exports.rating = {
         'rating icon.star--empty': {
             color: darkGray,
         },
-        'rating icon.star--full': {
-            color: custom_1.custom.colors.primary,
-        },
     },
 };

package/dist/cjs/components/src/themes/pike/components/molecules/result.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/result.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuLvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}
+{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/result.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsLvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}