@athoscommerce/snap-preact 1.9.1 → 1.10.0

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

@@ -1,51 +1,164 @@
 "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.molecules = void 0;
 // MOLECULES Imports
-var calloutBadge_1 = require("./calloutBadge");
-var carousel_1 = require("./carousel");
-var checkbox_1 = require("./checkbox");
-var errorHandler_1 = require("./errorHandler");
-var facetGridOptions_1 = require("./facetGridOptions");
-var facetHierarchyOptions_1 = require("./facetHierarchyOptions");
-var facetListOptions_1 = require("./facetListOptions");
-var facetPaletteOptions_1 = require("./facetPaletteOptions");
-var facetSlider_1 = require("./facetSlider");
-var filter_1 = require("./filter");
-var grid_1 = require("./grid");
-var layoutSelector_1 = require("./layoutSelector");
-var list_1 = require("./list");
-var loadMore_1 = require("./loadMore");
-var modal_1 = require("./modal");
-var overlayBadge_1 = require("./overlayBadge");
-var pagination_1 = require("./pagination");
-var perPage_1 = require("./perPage");
-var radio_1 = require("./radio");
-var radioList_1 = require("./radioList");
-var result_1 = require("./result");
-var searchInput_1 = require("./searchInput");
-var select_1 = require("./select");
-var slideshow_1 = require("./slideshow");
-var slideout_1 = require("./slideout");
-var sortBy_1 = require("./sortBy");
-var rating_1 = require("./rating");
-var swatches_1 = require("./swatches");
-var variantSelection_1 = require("./variantSelection");
-var terms_1 = require("./terms");
+const calloutBadge_1 = require("./calloutBadge");
+const carousel_1 = require("./carousel");
+const checkbox_1 = require("./checkbox");
+const errorHandler_1 = require("./errorHandler");
+const facetGridOptions_1 = require("./facetGridOptions");
+const facetHierarchyOptions_1 = require("./facetHierarchyOptions");
+const facetListOptions_1 = require("./facetListOptions");
+const facetPaletteOptions_1 = require("./facetPaletteOptions");
+const facetSlider_1 = require("./facetSlider");
+const filter_1 = require("./filter");
+const grid_1 = require("./grid");
+const layoutSelector_1 = require("./layoutSelector");
+const list_1 = require("./list");
+const loadMore_1 = require("./loadMore");
+const modal_1 = require("./modal");
+const overlayBadge_1 = require("./overlayBadge");
+const pagination_1 = require("./pagination");
+const perPage_1 = require("./perPage");
+const radio_1 = require("./radio");
+const radioList_1 = require("./radioList");
+const result_1 = require("./result");
+const searchInput_1 = require("./searchInput");
+const select_1 = require("./select");
+const slideshow_1 = require("./slideshow");
+const slideout_1 = require("./slideout");
+const sortBy_1 = require("./sortBy");
+const rating_1 = require("./rating");
+const swatches_1 = require("./swatches");
+const variantSelection_1 = require("./variantSelection");
+const terms_1 = require("./terms");
 exports.molecules = {
-    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, calloutBadge_1.calloutBadge.default), carousel_1.carousel.default), checkbox_1.checkbox.default), errorHandler_1.errorHandler.default), facetGridOptions_1.facetGridOptions.default), facetHierarchyOptions_1.facetHierarchyOptions.default), facetListOptions_1.facetListOptions.default), facetPaletteOptions_1.facetPaletteOptions.default), facetSlider_1.facetSlider.default), filter_1.filter.default), grid_1.grid.default), layoutSelector_1.layoutSelector.default), list_1.list.default), loadMore_1.loadMore.default), modal_1.modal.default), overlayBadge_1.overlayBadge.default), pagination_1.pagination.default), perPage_1.perPage.default), radio_1.radio.default), radioList_1.radioList.default), rating_1.rating.default), result_1.result.default), searchInput_1.searchInput.default), select_1.select.default), slideshow_1.slideshow.default), slideout_1.slideout.default), sortBy_1.sortBy.default), swatches_1.swatches.default), terms_1.terms.default), variantSelection_1.variantSelection.default),
-    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, calloutBadge_1.calloutBadge.mobile), carousel_1.carousel.mobile), checkbox_1.checkbox.mobile), errorHandler_1.errorHandler.mobile), facetGridOptions_1.facetGridOptions.mobile), facetHierarchyOptions_1.facetHierarchyOptions.mobile), facetListOptions_1.facetListOptions.mobile), facetPaletteOptions_1.facetPaletteOptions.mobile), facetSlider_1.facetSlider.mobile), filter_1.filter.mobile), grid_1.grid.mobile), layoutSelector_1.layoutSelector.mobile), list_1.list.mobile), loadMore_1.loadMore.mobile), modal_1.modal.mobile), overlayBadge_1.overlayBadge.mobile), pagination_1.pagination.mobile), perPage_1.perPage.mobile), radio_1.radio.mobile), radioList_1.radioList.mobile), rating_1.rating.mobile), result_1.result.mobile), searchInput_1.searchInput.mobile), select_1.select.mobile), slideshow_1.slideshow.mobile), slideout_1.slideout.mobile), sortBy_1.sortBy.mobile), swatches_1.swatches.mobile), terms_1.terms.mobile), variantSelection_1.variantSelection.mobile),
-    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, calloutBadge_1.calloutBadge.tablet), carousel_1.carousel.tablet), checkbox_1.checkbox.tablet), errorHandler_1.errorHandler.tablet), facetGridOptions_1.facetGridOptions.tablet), facetHierarchyOptions_1.facetHierarchyOptions.tablet), facetListOptions_1.facetListOptions.tablet), facetPaletteOptions_1.facetPaletteOptions.tablet), facetSlider_1.facetSlider.tablet), filter_1.filter.tablet), grid_1.grid.tablet), layoutSelector_1.layoutSelector.tablet), list_1.list.tablet), loadMore_1.loadMore.tablet), modal_1.modal.tablet), overlayBadge_1.overlayBadge.tablet), pagination_1.pagination.tablet), perPage_1.perPage.tablet), radio_1.radio.tablet), radioList_1.radioList.tablet), rating_1.rating.tablet), result_1.result.tablet), searchInput_1.searchInput.tablet), select_1.select.tablet), slideshow_1.slideshow.tablet), slideout_1.slideout.tablet), sortBy_1.sortBy.tablet), swatches_1.swatches.tablet), terms_1.terms.tablet), variantSelection_1.variantSelection.tablet),
-    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, calloutBadge_1.calloutBadge.desktop), carousel_1.carousel.desktop), checkbox_1.checkbox.desktop), errorHandler_1.errorHandler.desktop), facetGridOptions_1.facetGridOptions.desktop), facetHierarchyOptions_1.facetHierarchyOptions.desktop), facetListOptions_1.facetListOptions.desktop), facetPaletteOptions_1.facetPaletteOptions.desktop), facetSlider_1.facetSlider.desktop), filter_1.filter.desktop), grid_1.grid.desktop), layoutSelector_1.layoutSelector.desktop), list_1.list.desktop), loadMore_1.loadMore.desktop), modal_1.modal.desktop), overlayBadge_1.overlayBadge.desktop), pagination_1.pagination.desktop), perPage_1.perPage.desktop), radio_1.radio.desktop), radioList_1.radioList.desktop), rating_1.rating.desktop), result_1.result.desktop), searchInput_1.searchInput.desktop), select_1.select.desktop), slideshow_1.slideshow.desktop), slideout_1.slideout.desktop), sortBy_1.sortBy.desktop), swatches_1.swatches.desktop), terms_1.terms.desktop), variantSelection_1.variantSelection.desktop),
+    default: {
+        ...calloutBadge_1.calloutBadge.default,
+        ...carousel_1.carousel.default,
+        ...checkbox_1.checkbox.default,
+        ...errorHandler_1.errorHandler.default,
+        ...facetGridOptions_1.facetGridOptions.default,
+        ...facetHierarchyOptions_1.facetHierarchyOptions.default,
+        ...facetListOptions_1.facetListOptions.default,
+        ...facetPaletteOptions_1.facetPaletteOptions.default,
+        ...facetSlider_1.facetSlider.default,
+        ...filter_1.filter.default,
+        ...grid_1.grid.default,
+        ...layoutSelector_1.layoutSelector.default,
+        ...list_1.list.default,
+        ...loadMore_1.loadMore.default,
+        ...modal_1.modal.default,
+        ...overlayBadge_1.overlayBadge.default,
+        ...pagination_1.pagination.default,
+        ...perPage_1.perPage.default,
+        ...radio_1.radio.default,
+        ...radioList_1.radioList.default,
+        ...rating_1.rating.default,
+        ...result_1.result.default,
+        ...searchInput_1.searchInput.default,
+        ...select_1.select.default,
+        ...slideshow_1.slideshow.default,
+        ...slideout_1.slideout.default,
+        ...sortBy_1.sortBy.default,
+        ...swatches_1.swatches.default,
+        ...terms_1.terms.default,
+        ...variantSelection_1.variantSelection.default,
+    },
+    mobile: {
+        ...calloutBadge_1.calloutBadge.mobile,
+        ...carousel_1.carousel.mobile,
+        ...checkbox_1.checkbox.mobile,
+        ...errorHandler_1.errorHandler.mobile,
+        ...facetGridOptions_1.facetGridOptions.mobile,
+        ...facetHierarchyOptions_1.facetHierarchyOptions.mobile,
+        ...facetListOptions_1.facetListOptions.mobile,
+        ...facetPaletteOptions_1.facetPaletteOptions.mobile,
+        ...facetSlider_1.facetSlider.mobile,
+        ...filter_1.filter.mobile,
+        ...grid_1.grid.mobile,
+        ...layoutSelector_1.layoutSelector.mobile,
+        ...list_1.list.mobile,
+        ...loadMore_1.loadMore.mobile,
+        ...modal_1.modal.mobile,
+        ...overlayBadge_1.overlayBadge.mobile,
+        ...pagination_1.pagination.mobile,
+        ...perPage_1.perPage.mobile,
+        ...radio_1.radio.mobile,
+        ...radioList_1.radioList.mobile,
+        ...rating_1.rating.mobile,
+        ...result_1.result.mobile,
+        ...searchInput_1.searchInput.mobile,
+        ...select_1.select.mobile,
+        ...slideshow_1.slideshow.mobile,
+        ...slideout_1.slideout.mobile,
+        ...sortBy_1.sortBy.mobile,
+        ...swatches_1.swatches.mobile,
+        ...terms_1.terms.mobile,
+        ...variantSelection_1.variantSelection.mobile,
+    },
+    tablet: {
+        ...calloutBadge_1.calloutBadge.tablet,
+        ...carousel_1.carousel.tablet,
+        ...checkbox_1.checkbox.tablet,
+        ...errorHandler_1.errorHandler.tablet,
+        ...facetGridOptions_1.facetGridOptions.tablet,
+        ...facetHierarchyOptions_1.facetHierarchyOptions.tablet,
+        ...facetListOptions_1.facetListOptions.tablet,
+        ...facetPaletteOptions_1.facetPaletteOptions.tablet,
+        ...facetSlider_1.facetSlider.tablet,
+        ...filter_1.filter.tablet,
+        ...grid_1.grid.tablet,
+        ...layoutSelector_1.layoutSelector.tablet,
+        ...list_1.list.tablet,
+        ...loadMore_1.loadMore.tablet,
+        ...modal_1.modal.tablet,
+        ...overlayBadge_1.overlayBadge.tablet,
+        ...pagination_1.pagination.tablet,
+        ...perPage_1.perPage.tablet,
+        ...radio_1.radio.tablet,
+        ...radioList_1.radioList.tablet,
+        ...rating_1.rating.tablet,
+        ...result_1.result.tablet,
+        ...searchInput_1.searchInput.tablet,
+        ...select_1.select.tablet,
+        ...slideshow_1.slideshow.tablet,
+        ...slideout_1.slideout.tablet,
+        ...sortBy_1.sortBy.tablet,
+        ...swatches_1.swatches.tablet,
+        ...terms_1.terms.tablet,
+        ...variantSelection_1.variantSelection.tablet,
+    },
+    desktop: {
+        ...calloutBadge_1.calloutBadge.desktop,
+        ...carousel_1.carousel.desktop,
+        ...checkbox_1.checkbox.desktop,
+        ...errorHandler_1.errorHandler.desktop,
+        ...facetGridOptions_1.facetGridOptions.desktop,
+        ...facetHierarchyOptions_1.facetHierarchyOptions.desktop,
+        ...facetListOptions_1.facetListOptions.desktop,
+        ...facetPaletteOptions_1.facetPaletteOptions.desktop,
+        ...facetSlider_1.facetSlider.desktop,
+        ...filter_1.filter.desktop,
+        ...grid_1.grid.desktop,
+        ...layoutSelector_1.layoutSelector.desktop,
+        ...list_1.list.desktop,
+        ...loadMore_1.loadMore.desktop,
+        ...modal_1.modal.desktop,
+        ...overlayBadge_1.overlayBadge.desktop,
+        ...pagination_1.pagination.desktop,
+        ...perPage_1.perPage.desktop,
+        ...radio_1.radio.desktop,
+        ...radioList_1.radioList.desktop,
+        ...rating_1.rating.desktop,
+        ...result_1.result.desktop,
+        ...searchInput_1.searchInput.desktop,
+        ...select_1.select.desktop,
+        ...slideshow_1.slideshow.desktop,
+        ...slideout_1.slideout.desktop,
+        ...sortBy_1.sortBy.desktop,
+        ...swatches_1.swatches.desktop,
+        ...terms_1.terms.desktop,
+        ...variantSelection_1.variantSelection.desktop,
+    },
 };

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

@@ -1,44 +1,39 @@
 "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.layoutSelector = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const custom_1 = require("../../custom");
 // CSS in JS style script for the LayoutSelector component
-var layoutSelectorStyleScript = function (props) {
-    var _a, _b;
+const layoutSelectorStyleScript = (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;
-    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];
+    const variables = props?.theme?.variables;
+    const activeColors = custom_1.custom.utils.activeColors(variables?.colors?.secondary || custom_1.custom.colors.secondary);
+    const activeColor = activeColors[0];
+    const activeIconColor = activeColors[1];
     // dropdown styles
-    var dropdownStyles = (0, react_1.css)({
+    const 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"),
+                paddingRight: `${custom_1.custom.spacing.x1 / 2}px`,
             },
         },
     });
     // radio styles
-    var radioStyles = (0, react_1.css)();
+    const radioStyles = (0, react_1.css)();
     // list styles
-    var listStyles = (0, react_1.css)({
+    const 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"))),
+            gap: `${custom_1.custom.spacing.x1}px`,
+            '.ss__list__option': {
+                flex: '1 1 0%',
+                width: `auto`,
+                height: `${custom_1.custom.sizes.height}px`,
+                lineHeight: `${custom_1.custom.sizes.height}px`,
+                margin: 0,
+                ...custom_1.custom.styles.box(undefined, `0 ${custom_1.custom.spacing.x2}px`),
+            },
             '.ss__list__option--selected': {
                 '&, &:hover': {
                     borderColor: activeColor,
@@ -51,10 +46,10 @@ var layoutSelectorStyleScript = function (props) {
             },
         },
     });
-    if ((props === null || props === void 0 ? void 0 : props.type) == 'list') {
+    if (props?.type == 'list') {
         return listStyles;
     }
-    else if ((props === null || props === void 0 ? void 0 : props.type) == 'radio') {
+    else if (props?.type == 'radio') {
         return radioStyles;
     }
     else {

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

@@ -1,56 +1,60 @@
 "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.list = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const custom_1 = require("../../custom");
 // static variables
-var checkboxSpacing = custom_1.custom.sizes.icon16 + custom_1.custom.spacing.x2;
+const 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;
+const listStyleScript = (props) => {
     // 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;
+    const variables = props?.theme?.variables;
+    const mobileBp = variables?.breakpoints?.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
     // shared styles
-    var sharedStyles = (0, react_1.css)({
-        '&.ss__list--disabled': __assign({}, custom_1.custom.styles.disabled()),
+    const sharedStyles = (0, react_1.css)({
+        '&.ss__list--disabled': {
+            ...custom_1.custom.styles.disabled(),
+        },
         '.ss__list__title, .ss__list__options': {
             width: '100%',
         },
         '.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__title': {
+            margin: `0 0 ${custom_1.custom.spacing.x2}px 0`,
+            ...custom_1.custom.styles.headerText(variables?.colors?.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': {
+            '.ss__list__option': {
+                position: 'relative',
+                ...custom_1.custom.styles.baseText(),
+                gap: `${custom_1.custom.spacing.x2}px`,
+                padding: props?.hideOptionCheckboxes ? `` : `0 0 0 ${checkboxSpacing}px`,
+                '.ss__list__option__label, .ss__list__option__icon': {
                     padding: 0,
-                }, '.ss__checkbox': {
+                },
+                '.ss__checkbox': {
                     position: 'absolute',
                     top: '1.5px',
                     left: 0,
-                }, '.ss__list__option__icon': {
+                },
+                '.ss__list__option__icon': {
                     position: 'relative',
                     top: '-1px',
-                } }),
-            '.ss__list__option--disabled': __assign({}, custom_1.custom.styles.disabled()),
-            '.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)),
+                },
+            },
+            '.ss__list__option--disabled': {
+                ...custom_1.custom.styles.disabled(),
+            },
+            '.ss__list__option--selected': {
+                ...custom_1.custom.styles.activeText(variables?.colors?.primary),
+            },
         },
     });
     // list styles
-    var listStyles = (0, react_1.css)([
+    const listStyles = (0, react_1.css)([
         sharedStyles,
         {
             '&, .ss__list__options, .ss__list__title': {
@@ -58,7 +62,7 @@ var listStyleScript = function (props) {
             },
             '.ss__list__options': {
                 '.ss__list__option': {
-                    margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
+                    margin: `0 0 ${custom_1.custom.spacing.x1}px 0`,
                     '&:last-child': {
                         marginBottom: 0,
                     },
@@ -67,7 +71,7 @@ var listStyleScript = function (props) {
         },
     ]);
     // list horizontal styles
-    var listHorizontalStyles = (0, react_1.css)([
+    const listHorizontalStyles = (0, react_1.css)([
         sharedStyles,
         {
             '&, .ss__list__title': {
@@ -75,32 +79,34 @@ var listStyleScript = function (props) {
             },
             '.ss__list__options': {
                 flexFlow: 'row wrap',
-                gap: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px"),
+                gap: `${custom_1.custom.spacing.x1}px ${custom_1.custom.spacing.x2}px`,
                 '.ss__list__option': {
                     flex: '0 1 auto',
-                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2, "px) / 2)"),
+                    width: `calc((100% - ${custom_1.custom.spacing.x2}px) / 2)`,
                     minWidth: '1px',
                     margin: 0,
-                    '.ss__list__option__label': __assign({}, custom_1.custom.styles.textOverflow()),
+                    '.ss__list__option__label': {
+                        ...custom_1.custom.styles.textOverflow(),
+                    },
                 },
             },
         },
-        (_a = {},
-            _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
+        {
+            [`${custom_1.custom.utils.getBp(mobileBp)}`]: {
                 '.ss__list__options .ss__list__option': {
-                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 2, "px) / 3)"),
+                    width: `calc((100% - ${custom_1.custom.spacing.x2 * 2}px) / 3)`,
                 },
             },
-            _a),
-        (_b = {},
-            _b["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
+        },
+        {
+            [`${custom_1.custom.utils.getBp(tabletBp)}`]: {
                 '.ss__list__options .ss__list__option': {
-                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 3, "px) / 4)"),
+                    width: `calc((100% - ${custom_1.custom.spacing.x2 * 3}px) / 4)`,
                 },
             },
-            _b),
+        },
     ]);
-    return (props === null || props === void 0 ? void 0 : props.horizontal) ? listHorizontalStyles : listStyles;
+    return props?.horizontal ? listHorizontalStyles : listStyles;
 };
 // List component props
 exports.list = {

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

@@ -1,38 +1,31 @@
 "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.loadMore = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const custom_1 = require("../../custom");
 // CSS in JS style script for the LoadMore component
-var loadMoreStyleScript = function (props) {
-    var _a;
+const loadMoreStyleScript = (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;
-    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;
+    const variables = props?.theme?.variables;
+    const borderColor = 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)({
+    const loadMoreStyles = (0, react_1.css)({
         '&.ss__load-more': {
             '&, .ss__load-more__progress': {
-                gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                gap: `${custom_1.custom.spacing.x2}px`,
             },
             '.ss__load-more__icon': {
                 margin: 0,
             },
             '.ss__load-more__progress': {
-                '.ss__load-more__progress__indicator': __assign(__assign({ margin: '0 auto', border: "1px solid ".concat(borderColor) }, custom_1.custom.styles.borderRadius(5)), { '.ss__load-more__progress__indicator__bar': {
+                '.ss__load-more__progress__indicator': {
+                    margin: '0 auto',
+                    border: `1px solid ${borderColor}`,
+                    ...custom_1.custom.styles.borderRadius(5),
+                    '.ss__load-more__progress__indicator__bar': {
                         margin: '-1px',
-                    } }),
+                    },
+                },
                 '.ss__load-more__progress__text': {
                     fontSize: '14px',
                 },

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

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.modal = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const custom_1 = require("../../custom");
 // CSS in JS style script for the Modal component
-var modalStyleScript = function (props) {
-    var _a;
+const modalStyleScript = (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;
+    const variables = props?.theme?.variables;
     // modal styles
-    var modalStyles = (0, react_1.css)({
+    const modalStyles = (0, react_1.css)({
         cursor: 'pointer',
     });
     return modalStyles;

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

@@ -1,21 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.overlayBadge = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
+const react_1 = require("@emotion/react");
+const custom_1 = require("../../custom");
 // CSS in JS style script for the Search component
-var overlayBadgeStyleScript = function (props) {
-    var _a;
+const overlayBadgeStyleScript = (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;
+    const variables = props?.theme?.variables;
     // overlay badge styles
-    var overlayBadgeStyles = (0, react_1.css)({
+    const overlayBadgeStyles = (0, react_1.css)({
         '.ss__overlay-badge__grid-wrapper': {
             zIndex: 1,
-            gap: "".concat(custom_1.custom.spacing.x2, "px"),
+            gap: `${custom_1.custom.spacing.x2}px`,
             bottom: 'auto',
             '.ss__overlay-badge__grid-wrapper__slot': {
-                gap: "".concat(custom_1.custom.spacing.x1, "px"),
+                gap: `${custom_1.custom.spacing.x1}px`,
             },
         },
     });