@athoscommerce/snap-preact 1.5.1-beta.114 → 1.5.1

package/dist/cjs/components/src/themes/pike/components/organisms/autocomplete.js

@@ -22,7 +22,7 @@ var activeSelectors = '.ss__autocomplete__terms .ss__autocomplete__terms__option
 // CSS in JS style script for the Autocomplete component
 var autocompleteStyleScript = function (props) {
     var _a, _b, _c;
-    var _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _d, _e, _f, _g, _h, _j, _k;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_d = props === null || props === void 0 ? void 0 : props.theme) === null || _d === void 0 ? void 0 : _d.variables;
     var desktopBp = (_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.desktop;
@@ -30,142 +30,167 @@ var autocompleteStyleScript = function (props) {
     var mobileBp = (_g = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _g === void 0 ? void 0 : _g.mobile;
     // shared styles
     var sharedStyles = (0, react_1.css)((_a = {
-            '&.ss__autocomplete': __assign(__assign({ top: '48px', left: 0, right: 0, border: "1px solid ".concat(custom_1.custom.colors.gray02), backgroundColor: custom_1.custom.colors.white, overflow: 'hidden', gap: "".concat(custom_1.custom.spacing.x4, "px"), padding: "".concat(custom_1.custom.spacing.x4, "px") }, custom_1.custom.styles.boxSizing('autocomplete', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_b = { '&.ss__autocomplete--only-terms': {
+            '&.ss__autocomplete': (_b = {
+                    top: '48px',
+                    left: 0,
+                    right: 0,
+                    border: "1px solid ".concat(custom_1.custom.colors.gray02),
+                    backgroundColor: custom_1.custom.colors.white,
+                    overflow: 'hidden',
+                    gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                    padding: "".concat(custom_1.custom.spacing.x4, "px"),
+                    '&.ss__autocomplete--only-terms': {
                         width: '100%',
-                    }, 'a, div, p, .ss__button': {
+                    },
+                    'a, div, p, .ss__button': {
                         fontSize: '12px',
-                    }, 'a, div:not(.ss__button, .ss__rating__icons, .ss__rating__icons .ss__rating__stars .ss__rating__stars__star), p': {
+                    },
+                    'a, div:not(.ss__button, .ss__rating__icons, .ss__rating__icons .ss__rating__stars .ss__rating__stars__star), p': {
                         lineHeight: 1.5,
-                        color: (_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.text,
-                    }, a: {
+                    },
+                    a: {
                         display: 'block',
-                    }, 'ul, ul li': {
+                    },
+                    'ul, ul li': {
                         padding: 0,
                         margin: 0,
                         listStyle: 'none',
-                    }, '.ss__banner': {
+                    },
+                    '.ss__banner': {
                         img: {
                             maxWidth: '100%',
                             maxHeight: '150px',
                             height: 'auto',
                         },
-                    } }, _b[headerSelectors] = __assign(__assign({ padding: 0 }, custom_1.custom.styles.headerText((_j = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _j === void 0 ? void 0 : _j.secondary, '14px')), { lineHeight: 1.2 }), _b['.ss__autocomplete__facets .ss__facets .ss__facet .ss__facet__header, .ss__autocomplete__content__results .ss__autocomplete__title h5, .ss__autocomplete__content__info a, .ss__no-results__recommendations h3'] = {
-                margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
-            }, _b[activeSelectors] = __assign({}, custom_1.custom.styles.activeText((_k = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _k === void 0 ? void 0 : _k.primary)), _b['& > div'] = {
-                minWidth: '1px',
-                maxWidth: 'none',
-                flex: (props === null || props === void 0 ? void 0 : props.vertical) ? "1 1 calc(100% + ".concat(custom_1.custom.spacing.x8, "px)") : '1 1 0%',
-                margin: "0 -".concat(custom_1.custom.spacing.x4, "px"),
-                padding: "0 ".concat(custom_1.custom.spacing.x4, "px"),
-                paddingBottom: "".concat(custom_1.custom.spacing.x4, "px"),
-                borderBottom: "1px solid ".concat(custom_1.custom.colors.gray02),
-                '&:last-child': {
-                    paddingBottom: 0,
-                    borderBottomWidth: 0,
+                    }
                 },
-            }, _b['.ss__autocomplete__terms, .ss__autocomplete__facets'] = {
-                flex: (props === null || props === void 0 ? void 0 : props.vertical) ? '' : '0 0 200px',
-            }, _b['.ss__autocomplete__terms'] = {
-                backgroundColor: 'transparent',
-                '& > div': {
-                    '.ss__autocomplete__title': {
-                        padding: 0,
+                _b[headerSelectors] = __assign(__assign({ padding: 0 }, custom_1.custom.styles.headerText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.secondary, '14px')), { lineHeight: 1.2 }),
+                _b['.ss__autocomplete__facets .ss__facets .ss__facet .ss__facet__header, .ss__autocomplete__content__results .ss__autocomplete__title h5, .ss__autocomplete__content__info a, .ss__no-results__recommendations h3'] = {
+                    margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
+                },
+                _b[activeSelectors] = __assign({}, custom_1.custom.styles.activeText((_j = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _j === void 0 ? void 0 : _j.primary)),
+                _b['& > div'] = {
+                    minWidth: '1px',
+                    maxWidth: 'none',
+                    flex: (props === null || props === void 0 ? void 0 : props.vertical) ? "1 1 calc(100% + ".concat(custom_1.custom.spacing.x8, "px)") : '1 1 0%',
+                    margin: "0 -".concat(custom_1.custom.spacing.x4, "px"),
+                    padding: "0 ".concat(custom_1.custom.spacing.x4, "px"),
+                    paddingBottom: "".concat(custom_1.custom.spacing.x4, "px"),
+                    borderBottom: "1px solid ".concat(custom_1.custom.colors.gray02),
+                    '&:last-child': {
+                        paddingBottom: 0,
+                        borderBottomWidth: 0,
                     },
-                    '.ss__autocomplete__terms__options': {
-                        '.ss__autocomplete__terms__option a': {
-                            fontSize: '14px',
-                            em: {
-                                color: (_l = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _l === void 0 ? void 0 : _l.text,
-                                fontStyle: 'normal',
-                                fontSize: 'inherit',
-                                fontWeight: 'inherit',
-                            },
+                },
+                _b['.ss__autocomplete__terms, .ss__autocomplete__facets'] = {
+                    flex: (props === null || props === void 0 ? void 0 : props.vertical) ? '' : '0 0 200px',
+                },
+                _b['.ss__autocomplete__terms'] = {
+                    backgroundColor: 'transparent',
+                    '& > div': {
+                        '.ss__autocomplete__title': {
+                            padding: 0,
                         },
-                        '.ss__autocomplete__terms__option--active a': {
-                            '&, & em': __assign({}, custom_1.custom.styles.activeText((_m = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _m === void 0 ? void 0 : _m.primary)),
+                        '.ss__autocomplete__terms__options': {
+                            '.ss__autocomplete__terms__option a': {
+                                fontSize: '14px',
+                                em: {
+                                    fontStyle: 'normal',
+                                    fontSize: 'inherit',
+                                    fontWeight: 'inherit',
+                                },
+                            },
+                            '.ss__autocomplete__terms__option--active a': {
+                                '&, & em': __assign({}, custom_1.custom.styles.activeText((_k = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _k === void 0 ? void 0 : _k.primary)),
+                            },
                         },
                     },
                 },
-            }, _b['.ss__autocomplete__facets'] = {
-                '.ss__facets': {
-                    width: '100%',
-                    flexFlow: 'row nowrap',
-                    gap: "".concat(custom_1.custom.spacing.x4, "px"),
-                    '.ss__facet': {
-                        flex: '1 1 0%',
-                        margin: 0,
-                        '.ss__facet__header': {
-                            borderBottom: 0,
-                        },
-                        '.ss__facet__options': {
-                            '.ss__facet-hierarchy-options .ss__facet-hierarchy-options__option, .ss__facet-list-options .ss__facet-list-options__option': {
-                                padding: 0,
-                                margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
-                                '&:last-child': {
-                                    marginBottom: 0,
-                                },
+                _b['.ss__autocomplete__facets'] = {
+                    '.ss__facets': {
+                        width: '100%',
+                        flexFlow: 'row nowrap',
+                        gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                        '.ss__facet': {
+                            flex: '1 1 0%',
+                            margin: 0,
+                            '.ss__facet__header': {
+                                borderBottom: 0,
                             },
-                            '.ss__facet__facet-grid-options .ss__facet-grid-options__option': {
-                                display: 'flex',
+                            '.ss__facet__options': {
+                                '.ss__facet-hierarchy-options .ss__facet-hierarchy-options__option, .ss__facet-list-options .ss__facet-list-options__option': {
+                                    padding: 0,
+                                    margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
+                                    '&:last-child': {
+                                        marginBottom: 0,
+                                    },
+                                },
+                                '.ss__facet__facet-grid-options .ss__facet-grid-options__option': {
+                                    display: 'flex',
+                                },
                             },
                         },
                     },
+                    '.ss__banner': {
+                        display: 'none',
+                        margin: "".concat(custom_1.custom.spacing.x4, "px 0 0 0"),
+                    },
                 },
-                '.ss__banner': {
-                    display: 'none',
-                    margin: "".concat(custom_1.custom.spacing.x4, "px 0 0 0"),
+                _b['.ss__autocomplete__content'] = {
+                    display: 'block',
+                    overflow: 'visible',
+                    '.ss__banner': {
+                        margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
+                    },
                 },
-            }, _b['.ss__autocomplete__content'] = {
-                display: 'block',
-                overflow: 'visible',
-                '.ss__banner': {
-                    margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
+                _b['.ss__autocomplete__content__results'] = {
+                    '&:after': {
+                        content: '""',
+                        display: 'block',
+                        height: "".concat(custom_1.custom.spacing.x4, "px"),
+                        margin: "0 -".concat(custom_1.custom.spacing.x4, "px"),
+                        position: 'relative',
+                        zIndex: 2,
+                    },
+                    '.ss__results': __assign({ overflowY: 'auto', overflowX: 'hidden', maxHeight: '54vh' }, custom_1.custom.styles.scrollbar()),
+                    '.ss__results .ss__result.ss__result--grid': __assign({}, custom_1.custom.styles.resultCompact('grid', '', 12)),
+                    '.ss__results .ss__result.ss__result--list': __assign({}, custom_1.custom.styles.resultCompact('', '0 0 80px', 12)),
                 },
-            }, _b['.ss__autocomplete__content__results'] = {
-                '&:after': {
-                    content: '""',
-                    display: 'block',
-                    height: "".concat(custom_1.custom.spacing.x4, "px"),
+                _b['.ss__autocomplete__content__info'] = {
+                    textAlign: 'left',
+                    borderTop: "1px solid ".concat(custom_1.custom.colors.gray02),
                     margin: "0 -".concat(custom_1.custom.spacing.x4, "px"),
-                    position: 'relative',
-                    zIndex: 2,
-                },
-                '.ss__results': __assign({ overflowY: 'auto', overflowX: 'hidden', maxHeight: '54vh' }, custom_1.custom.styles.scrollbar()),
-                '.ss__results .ss__result.ss__result--grid': __assign({}, custom_1.custom.styles.resultCompact('grid', '', 12)),
-                '.ss__results .ss__result.ss__result--list': __assign({}, custom_1.custom.styles.resultCompact('', '0 0 80px', 12)),
-            }, _b['.ss__autocomplete__content__info'] = {
-                textAlign: 'left',
-                borderTop: "1px solid ".concat(custom_1.custom.colors.gray02),
-                margin: "0 -".concat(custom_1.custom.spacing.x4, "px"),
-                padding: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x4, "px 0 ").concat(custom_1.custom.spacing.x4, "px"),
-                a: {
-                    position: 'relative',
-                    display: 'inline-block',
-                    padding: "0 ".concat(custom_1.custom.spacing.x1 + custom_1.custom.sizes.icon12, "px 0 0"),
-                    '&, .ss__icon': {
-                        margin: 0,
-                    },
-                    '.ss__icon': {
-                        position: 'absolute',
-                        top: 0,
-                        bottom: 0,
-                        right: 0,
-                        margin: 'auto 0',
+                    padding: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x4, "px 0 ").concat(custom_1.custom.spacing.x4, "px"),
+                    a: {
+                        position: 'relative',
+                        display: 'inline-block',
+                        padding: "0 ".concat(custom_1.custom.spacing.x1 + custom_1.custom.sizes.icon12, "px 0 0"),
+                        '&, .ss__icon': {
+                            margin: 0,
+                        },
+                        '.ss__icon': {
+                            position: 'absolute',
+                            top: 0,
+                            bottom: 0,
+                            right: 0,
+                            margin: 'auto 0',
+                        },
                     },
                 },
-            }, _b['.ss__autocomplete__content__no-results'] = {
-                '.ss__autocomplete__content__no-results__text': {
-                    p: {
-                        display: 'inline',
-                        margin: 0,
-                        padding: 0,
-                        fontSize: '14px',
-                        '& ~ p': {
-                            paddingLeft: '4px',
+                _b['.ss__autocomplete__content__no-results'] = {
+                    '.ss__autocomplete__content__no-results__text': {
+                        p: {
+                            display: 'inline',
+                            margin: 0,
+                            padding: 0,
+                            fontSize: '14px',
+                            '& ~ p': {
+                                paddingLeft: '4px',
+                            },
                         },
                     },
                 },
-            }, _b))
+                _b)
         },
         _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
             '&.ss__autocomplete': {

package/dist/cjs/components/src/themes/pike/components/organisms/facet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"facet.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/facet.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA8IvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAwB/E,CAAC"}
+{"version":3,"file":"facet.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/facet.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA4IvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAsB/E,CAAC"}

package/dist/cjs/components/src/themes/pike/components/organisms/facet.js

@@ -18,24 +18,27 @@ var custom_1 = require("../../custom");
 var lightGray = custom_1.custom.utils.lightenColor();
 // CSS in JS style script for the Facet component
 var facetStyleScript = function (props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c;
     // 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;
     // facet styles
-    var facetStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('facet', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__facet--collapsed': {
+    var facetStyles = (0, react_1.css)({
+        '&.ss__facet--collapsed': {
             '.ss__facet__header': {
                 '.ss__facet__dropdown__icon': {
                     transform: 'rotate(0deg)',
                 },
             },
-        }, '&.ss__facet--showing-all:has(.ss__facet__show-more-less)': {
+        },
+        '&.ss__facet--showing-all:has(.ss__facet__show-more-less)': {
             '.ss__facet__options': {
                 maxHeight: "490px",
                 overflowY: 'auto',
                 overflowX: 'hidden',
                 paddingRight: "".concat(custom_1.custom.spacing.x2, "px"),
             },
-        }, '.ss__facet__header': __assign(__assign({ margin: " 0 0 ".concat(custom_1.custom.spacing.x4, "px 0"), padding: " 0 0 ".concat(custom_1.custom.spacing.x2, "px 0"), borderBottom: "2px solid ".concat((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary), gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.headerText('', '16px')), { '.ss__facet__header__inner': {
+        },
+        '.ss__facet__header': __assign(__assign({ margin: " 0 0 ".concat(custom_1.custom.spacing.x4, "px 0"), padding: " 0 0 ".concat(custom_1.custom.spacing.x2, "px 0"), borderBottom: "2px solid ".concat((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary), gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.headerText('', '16px')), { '.ss__facet__header__inner': {
                 flex: '1 1 0%',
                 gap: "".concat(custom_1.custom.spacing.x1, "px"),
                 alignItems: 'center',
@@ -65,12 +68,14 @@ var facetStyleScript = function (props) {
             }, '.ss__facet__dropdown__icon': {
                 transition: 'transform ease 0.5s',
                 transform: 'rotate(180deg)',
-            } }), '.ss__facet__options': __assign({ marginTop: 0, maxHeight: 'none', overflow: 'visible' }, custom_1.custom.styles.scrollbar()), '.ss__search-input': {
+            } }),
+        '.ss__facet__options': __assign({ marginTop: 0, maxHeight: 'none', overflow: 'visible' }, custom_1.custom.styles.scrollbar()),
+        '.ss__search-input': {
             margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px"),
-        }, '.ss__facet__range-inputs': {
+        },
+        '.ss__facet__range-inputs': {
             margin: "".concat(custom_1.custom.spacing.x4, "px 0 0 0"),
             fontSize: '14px',
-            color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text,
             '&, .ss__facet__range-inputs__row': {
                 gap: "".concat(custom_1.custom.spacing.x2, "px"),
             },
@@ -94,7 +99,7 @@ var facetStyleScript = function (props) {
             '.ss__facet__range-input__prefix': {
                 padding: 0,
             },
-            '.ss__facet__range-input__input': __assign(__assign({ height: custom_1.custom.sizes.height, lineHeight: custom_1.custom.sizes.height }, custom_1.custom.styles.box((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.text, "0 ".concat(custom_1.custom.spacing.x2, "px"), false)), { '&::-webkit-input-placeholder': {
+            '.ss__facet__range-input__input': __assign(__assign({ height: custom_1.custom.sizes.height, lineHeight: custom_1.custom.sizes.height }, custom_1.custom.styles.box(undefined, "0 ".concat(custom_1.custom.spacing.x2, "px"), false)), { '&::-webkit-input-placeholder': {
                     color: lightGray,
                 }, '&::-ms-input-placeholder': {
                     color: lightGray,
@@ -104,9 +109,11 @@ var facetStyleScript = function (props) {
             '.ss__facet__range-inputs__row--button-wrapper .ss__button': {
                 width: '100%',
             },
-        }, '.ss__facet__show-more-less': __assign(__assign({ margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"), flexFlow: 'row nowrap', display: 'inline-flex', alignItems: 'center', gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.activeText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary)), { lineHeight: 1, '.ss__facet__show-more-less__icon': {
+        },
+        '.ss__facet__show-more-less': __assign(__assign({ margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"), flexFlow: 'row nowrap', display: 'inline-flex', alignItems: 'center', gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.activeText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary)), { lineHeight: 1, '.ss__facet__show-more-less__icon': {
                 margin: 0,
-            } }) }));
+            } }),
+    });
     return facetStyles;
 };
 // Facet component props
@@ -118,8 +125,6 @@ exports.facet = {
             iconExpand: custom_1.custom.icons.arrowDown,
             iconOverflowMore: custom_1.custom.icons.plus,
             iconOverflowLess: custom_1.custom.icons.minus,
-            color: custom_1.custom.colors.secondary,
-            iconColor: custom_1.custom.colors.primary,
         },
         'facet dropdown icon.collapse': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),

package/dist/cjs/components/src/themes/pike/components/organisms/facets.d.ts.map

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

package/dist/cjs/components/src/themes/pike/components/organisms/facets.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.facets = void 0;
 var react_1 = require("@emotion/react");
@@ -20,7 +9,8 @@ var facetsStyleScript = 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;
     // facets styles
-    var facetsStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('facets', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__facets': {
+    var facetsStyles = (0, react_1.css)({
+        '&.ss__facets': {
             display: 'block',
             width: 'auto',
             '.ss__facet': {
@@ -29,7 +19,8 @@ var facetsStyleScript = function (props) {
                     marginBottom: 0,
                 },
             },
-        } }));
+        },
+    });
     return facetsStyles;
 };
 // Facets component props

package/dist/cjs/components/src/themes/pike/components/organisms/facetsHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"facetsHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/facetsHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AACpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyJvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAkE3H,CAAC"}
+{"version":3,"file":"facetsHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/facetsHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AACpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwJvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAkE3H,CAAC"}

package/dist/cjs/components/src/themes/pike/components/organisms/facetsHorizontal.js

@@ -19,13 +19,15 @@ var dropdownButtonHeight = custom_1.custom.sizes.height;
 // CSS in JS style script for the Facets component
 var facetsHorizontalStyleScript = 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 tabletBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet;
     // facets horizontal styles
-    var facetsHorizontalStyles = (0, react_1.css)(__assign(__assign({ margin: 0 }, custom_1.custom.styles.boxSizing('facetsHorizontal', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__facets-horizontal__header': {
+    var facetsHorizontalStyles = (0, react_1.css)((_a = {
+            margin: 0,
+            '.ss__facets-horizontal__header': {
                 gap: "".concat(custom_1.custom.spacing.x2, "px"),
                 position: 'relative',
                 '& > *': {
@@ -56,7 +58,7 @@ var facetsHorizontalStyleScript = function (props) {
                             right: 0,
                         },
                     },
-                    '.ss__dropdown__button, .ss__dropdown__content': __assign({}, custom_1.custom.styles.box((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.text, "0 ".concat(custom_1.custom.spacing.x2, "px"))),
+                    '.ss__dropdown__button, .ss__dropdown__content': __assign({}, custom_1.custom.styles.box(undefined, "0 ".concat(custom_1.custom.spacing.x2, "px"))),
                     '.ss__dropdown__button': {
                         height: "".concat(dropdownButtonHeight, "px"),
                         lineHeight: "".concat(dropdownButtonHeight, "px"),
@@ -135,19 +137,23 @@ var facetsHorizontalStyleScript = function (props) {
                 '.ss__facets-horizontal__header__dropdown .ss__dropdown__content .ss__facet__show-more-less, .ss__mobile-sidebar .ss__slideout__button .ss__button': {
                     display: 'flex',
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
-        '.ss__facets-horizontal__header': {
-            '& > *': {
-                width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 3, "px) / 4)"),
+            }
+        },
+        _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
+            '.ss__facets-horizontal__header': {
+                '& > *': {
+                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 3, "px) / 4)"),
+                },
             },
         },
-    }, _a["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
-        '.ss__facets-horizontal__header': {
-            '& > *': {
-                width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 5, "px) / 6)"),
+        _a["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
+            '.ss__facets-horizontal__header': {
+                '& > *': {
+                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 5, "px) / 6)"),
+                },
             },
         },
-    }, _a)));
+        _a));
     return facetsHorizontalStyles;
 };
 // FacetsHorizontal component props

package/dist/cjs/components/src/themes/pike/components/organisms/filterSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterSummary.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/filterSummary.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gCAAgC,EAAE,MAAM,gDAAgD,CAAC;AAC3H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6GvD,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,kBAAkB,EAAE,gCAAgC,CAQ/G,CAAC"}
+{"version":3,"file":"filterSummary.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/filterSummary.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gCAAgC,EAAE,MAAM,gDAAgD,CAAC;AAC3H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA4GvD,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,kBAAkB,EAAE,gCAAgC,CAQ/G,CAAC"}

package/dist/cjs/components/src/themes/pike/components/organisms/filterSummary.js

@@ -36,7 +36,7 @@ var filterSummaryStyleScript = function (props) {
     var headerStyles = isSidebar
         ? __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"), padding: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"), borderBottom: "2px solid ".concat((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary) }, custom_1.custom.styles.headerText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary, '16px')) : __assign({ padding: 0 }, custom_1.custom.styles.headerText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary, '14px'));
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign(__assign({ width: 'auto' }, filterSummaryStyles), custom_1.custom.styles.boxSizing('filterSummary', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__filter-summary__title': __assign({}, headerStyles), '.ss__filter-summary__filters': {
+    var sharedStyles = (0, react_1.css)(__assign(__assign({ width: 'auto' }, filterSummaryStyles), { '.ss__filter-summary__title': __assign({}, headerStyles), '.ss__filter-summary__filters': {
             margin: 0,
         } }));
     // inline filter summary styles

package/dist/cjs/components/src/themes/pike/components/organisms/mobileSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/mobileSidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gCAAgC,EAAE,MAAM,gDAAgD,CAAC;AAC3H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmIvD,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,kBAAkB,EAAE,gCAAgC,CAiB/G,CAAC"}
+{"version":3,"file":"mobileSidebar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/mobileSidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,gCAAgC,EAAE,MAAM,gDAAgD,CAAC;AAC3H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkIvD,eAAO,MAAM,aAAa,EAAE,cAAc,CAAC,eAAe,EAAE,kBAAkB,EAAE,gCAAgC,CAiB/G,CAAC"}

package/dist/cjs/components/src/themes/pike/components/organisms/mobileSidebar.js

@@ -15,11 +15,8 @@ exports.mobileSidebar = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // static variables
-var headerHeight = 60;
+var headerHeight = 50;
 var footerHeight = 75;
-var activeColors = custom_1.custom.utils.activeColors();
-var activeColor = activeColors[0];
-var fontColor = activeColors[1];
 // CSS in JS style script for the MobileSidebar component
 var mobileSidebarStyleScript = function (props) {
     var _a, _b;
@@ -28,6 +25,9 @@ var mobileSidebarStyleScript = function (props) {
     var hideHeader = typeof (props === null || props === void 0 ? void 0 : props.hideHeader) == 'boolean' ? props.hideHeader : false;
     var hideFooter = typeof (props === null || props === void 0 ? void 0 : props.hideFooter) == 'boolean' ? props.hideFooter : false;
     hideFooter = (props === null || props === void 0 ? void 0 : props.hideApplyButton) && (props === null || props === void 0 ? void 0 : props.hideClearButton) ? true : hideFooter;
+    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 fontColor = activeColors[1];
     // determine inner content height
     var innerHeight = 100;
     if (!hideHeader && !hideFooter) {
@@ -40,11 +40,13 @@ var mobileSidebarStyleScript = function (props) {
         innerHeight = footerHeight;
     }
     // mobile sidebar styles
-    var mobileSidebarStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('mobileSidebar', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__slideout__button .ss__button': {
+    var mobileSidebarStyles = (0, react_1.css)({
+        '.ss__slideout__button .ss__button': {
             '.ss__button__content': {
                 textAlign: 'left',
             },
-        }, '.ss__mobile-sidebar__slideout': {
+        },
+        '.ss__mobile-sidebar__slideout': {
             overflowY: 'hidden',
             padding: 0,
             width: '100%',
@@ -91,7 +93,6 @@ var mobileSidebarStyleScript = function (props) {
                         padding: "".concat(custom_1.custom.spacing.x2, "px ").concat(custom_1.custom.spacing.x4, "px"),
                         borderBottom: "1px solid ".concat(custom_1.custom.colors.gray01),
                         backgroundColor: custom_1.custom.colors.gray01,
-                        color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
                         fontSize: '14px',
                     }, '.ss__filter-summary .ss__filter-summary__filters, .ss__facets .ss__facet .ss__dropdown__content': {
                         padding: "".concat(custom_1.custom.spacing.x4, "px"),
@@ -120,7 +121,8 @@ var mobileSidebarStyleScript = function (props) {
                     },
                 },
             },
-        } }));
+        },
+    });
     return mobileSidebarStyles;
 };
 // MobileSidebar component props

package/dist/cjs/components/src/themes/pike/components/organisms/noResults.d.ts.map

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

package/dist/cjs/components/src/themes/pike/components/organisms/noResults.js

@@ -16,20 +16,21 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the NoResults component
 var noResultsStyleScript = function (props) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     // 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;
     // no results styles
-    var noResultsStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('noResults', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '& > *:not(.ss__no-results__recommendations)': {
+    var noResultsStyles = (0, react_1.css)({
+        '& > *:not(.ss__no-results__recommendations)': {
             'h1, h2, h3, h4, h5, h6, ul': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
             },
             'h1, h2, h3, h4, h5, h6, .ss__no-results__recommendations .ss__recommendation .ss__recommendation__title': __assign({}, custom_1.custom.styles.headerText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary, '20px')),
-            'ul li, p': __assign({}, custom_1.custom.styles.baseText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text)),
+            'ul li, p': __assign({}, custom_1.custom.styles.baseText()),
             a: {
-                color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary,
                 '&:hover': {
-                    color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary,
+                    color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary,
                 },
             },
             ul: {
@@ -44,16 +45,19 @@ var noResultsStyleScript = function (props) {
                     },
                 },
             },
-        }, '.ss__no-results__contact': {
-            '.ss__no-results__contact__title': __assign(__assign({}, custom_1.custom.styles.baseText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text)), { fontWeight: 'normal' }),
-        }, '.ss__no-results__recommendations': {
+        },
+        '.ss__no-results__contact': {
+            '.ss__no-results__contact__title': __assign(__assign({}, custom_1.custom.styles.baseText()), { fontWeight: 'normal' }),
+        },
+        '.ss__no-results__recommendations': {
             '.ss__recommendation': {
                 margin: "".concat(custom_1.custom.spacing.x4, "px 0"),
                 '.ss__recommendation__title': {
                     fontSize: '20px',
                 },
             },
-        } }));
+        },
+    });
     return noResultsStyles;
 };
 // NoResults component props