@athoscommerce/snap-preact 1.1.5 → 1.2.0

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

@@ -19,17 +19,16 @@ var lightGray = custom_1.custom.utils.lightenColor();
 // CSS in JS style script for the Result component
 var resultStyleScript = 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) || custom_1.custom.breakpoints.mobile;
     // result styles
     var resultStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('result', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '&.ss__result--sale': {
                 '.ss__result__details': {
                     '.ss__result__details__pricing': {
                         '.ss__result__price:not(.ss__price--strike)': {
                             '&, span': {
-                                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,
                             },
                         },
                     },
@@ -70,26 +69,16 @@ var resultStyleScript = function (props) {
                         },
                     },
                 },
-                '.ss__result__details': {
-                    display: 'flex',
-                    flex: '1 1 0%',
-                    gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                    padding: 0,
-                    margin: 0,
-                    '& > *, .ss__result__details__title, .ss__result__details__title, .ss__result__details__pricing': {
+                '.ss__result__details': __assign(__assign({ display: 'flex', flex: '1 1 0%', gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: 0, margin: 0 }, custom_1.custom.styles.baseText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.text)), { a: {
+                        color: 'inherit',
+                    }, '& > *, .ss__result__details__title, .ss__result__details__title, .ss__result__details__pricing': {
                         margin: 0,
-                    },
-                    '& > *': {
+                    }, '& > *': {
                         flex: '0 1 auto',
                         minWidth: '1px',
-                    },
-                    '.ss__result__details__title': {
+                    }, '.ss__result__details__title': {
                         order: -2,
-                        a: {
-                            color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.text,
-                        },
-                    },
-                    '.ss__result__details__pricing': {
+                    }, '.ss__result__details__pricing': {
                         order: -1,
                         '.ss__result__price': {
                             fontSize: '16px',
@@ -103,18 +92,20 @@ var resultStyleScript = function (props) {
                                 color: lightGray,
                             },
                         },
-                    },
-                    '.ss__result__add-to-cart-wrapper .ss__button': {
+                    }, '.ss__result__add-to-cart-wrapper .ss__button': {
                         width: "100%",
-                    },
-                    '.ss__result__details__variant-selection, .ss__result__add-to-cart-wrapper': {
+                    }, '.ss__result__details__variant-selection, .ss__result__add-to-cart-wrapper': {
                         marginTop: 'auto',
                         order: 20,
-                    },
-                    '.ss__result__details__variant-selection ~ .ss__result__add-to-cart-wrapper, .ss__result__add-to-cart-wrapper ~ .ss__result__details__variant-selection': {
+                    }, '.ss__result__details__variant-selection ~ .ss__result__add-to-cart-wrapper, .ss__result__add-to-cart-wrapper ~ .ss__result__details__variant-selection': {
                         marginTop: 0,
-                    },
-                },
+                    }, '.ss__result__details__variant-selection': {
+                        '.ss__variant-selection': {
+                            '.ss__slideshow:not(:has(.ss__slideshow__navigation)) .ss__slideshow__container .ss__slideshow__track, .ss__grid .ss__grid__options': {
+                                justifyContent: 'center',
+                            },
+                        },
+                    } }),
             }, '&.ss__result--list': {
                 '.ss__result__details': {
                     textAlign: 'center',
@@ -123,7 +114,7 @@ var resultStyleScript = function (props) {
                         fontWeight: custom_1.custom.fonts.weight02,
                     },
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(mobileBp - 100))] = {
+            } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
         '&.ss__result--list': {
             '&, .ss__result__details': {
                 flexFlow: 'row wrap',
@@ -164,7 +155,7 @@ var resultStyleScript = function (props) {
                     '.ss__variant-selection': {
                         width: "calc((100% - ".concat(custom_1.custom.spacing.x2, "px) / 2)"),
                         margin: 0,
-                        '.ss__slideshow .ss__slideshow__container .ss__slideshow__track': {
+                        '.ss__slideshow:not(:has(.ss__slideshow__navigation)) .ss__slideshow__container .ss__slideshow__track, .ss__grid .ss__grid__options': {
                             justifyContent: 'flex-start',
                         },
                     },

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

@@ -1 +1 @@
-{"version":3,"file":"searchInput.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/searchInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,8CAA8C,CAAC;AACrH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqFvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAmBvG,CAAC"}
+{"version":3,"file":"searchInput.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/searchInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,8CAA8C,CAAC;AACrH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqFvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAoBvG,CAAC"}

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

@@ -97,6 +97,7 @@ exports.searchInput = {
         },
         'searchInput button.submit-search icon': {
             icon: custom_1.custom.icons.search,
+            size: "".concat(custom_1.custom.sizes.icon16, "px"),
         },
     },
 };

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

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

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

@@ -65,23 +65,14 @@ var selectStyleScript = function (props) {
                         padding: 0,
                         border: 0,
                         backgroundColor: 'transparent',
-                        '.ss__select__select__option': {
-                            lineHeight: 1.5,
-                            color: 'inherit',
-                            gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                            padding: 0,
-                            margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
-                            '&:last-child': {
+                        '.ss__select__select__option': __assign(__assign({}, custom_1.custom.styles.baseText('inherit')), { gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: 0, margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"), '&:last-child': {
                                 marginBottom: '0',
-                            },
-                            '&:hover': {
+                            }, '&:hover': {
                                 backgroundColor: 'transparent',
                                 fontWeight: 'normal',
-                            },
-                            'a, span': {
+                            }, 'a, span': {
                                 cursor: 'pointer',
-                            },
-                        },
+                            } }),
                         '.ss__select__select__option--selected': __assign({}, custom_1.custom.styles.activeText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary)),
                     },
                 },

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

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

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

@@ -14,7 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.swatches = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
-//import Color from 'color';
 // static variables
 var swatchesSpacing = custom_1.custom.spacing.x1;
 var swatchesSize = 28;
@@ -56,7 +55,7 @@ var swatchesStyleScript = function (props) {
                         '.ss__slideshow__slide': {
                             '.ss__swatches__slideshow__swatch': (_a = {
                                     position: 'relative',
-                                    height: "".concat(swatchesSize, "px"),
+                                    height: "100%",
                                     aspectRatio: 1,
                                     border: 0,
                                     '.ss__swatches__slideshow__swatch__inner': __assign(__assign({ position: 'relative', width: '100%', height: '100%' }, custom_1.custom.styles.box((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text, "".concat(custom_1.custom.spacing.x1, "px"))), (_b = { '&, .ss__swatches__slideshow__swatch__value': {
@@ -177,7 +176,14 @@ var swatchesStyleScript = function (props) {
         },
     ]);
     // swatches grid styles
-    var swatchesGridStyles = (0, react_1.css)([sharedStyles]);
+    var swatchesGridStyles = (0, react_1.css)([
+        sharedStyles,
+        {
+            '.ss__grid .ss__grid__options .ss__grid__option:not(.ss__grid__show-more-wrapper)': {
+                maxWidth: "".concat(swatchesSize, "px"),
+            },
+        },
+    ]);
     return (props === null || props === void 0 ? void 0 : props.type) == 'grid' ? swatchesGridStyles : swatchesCarouselStyles;
 };
 // Swatches component props
@@ -188,9 +194,9 @@ exports.swatches = {
             hideLabels: false,
         },
         'swatches slideshow': {
-            slidesToShow: 4,
+            slideWidth: swatchesSize,
             gap: swatchesSpacing,
-            centerInsufficientSlides: true,
+            centerInsufficientSlides: false,
         },
         'swatches grid': {
             columns: 4,

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

@@ -20,7 +20,7 @@ var termsStyleScript = function (props) {
     var _b, _c, _d, _e, _f, _g;
     // 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 desktopBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.desktop) || custom_1.custom.breakpoints.desktop;
+    var desktopBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.desktop;
     // shared styles
     var sharedStyles = (0, react_1.css)(__assign(__assign({ width: '100%' }, custom_1.custom.styles.boxSizing('terms', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__terms__title': {
                 '&, h5': {

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

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

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

@@ -25,9 +25,9 @@ var autocompleteStyleScript = function (props) {
     var _d, _e, _f, _g, _h, _j, _k, _l, _m;
     // 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) || custom_1.custom.breakpoints.desktop;
-    var tabletBp = ((_f = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _f === void 0 ? void 0 : _f.tablet) || custom_1.custom.breakpoints.tablet;
-    var mobileBp = ((_g = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _g === void 0 ? void 0 : _g.mobile) || custom_1.custom.breakpoints.mobile;
+    var desktopBp = (_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.desktop;
+    var tabletBp = (_f = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _f === void 0 ? void 0 : _f.tablet;
+    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': {
@@ -96,12 +96,6 @@ var autocompleteStyleScript = function (props) {
                         margin: 0,
                         '.ss__facet__header': {
                             borderBottom: 0,
-                            '.ss__facet__header__inner': {
-                                fontSize: 'inherit',
-                                fontWeight: 'inherit',
-                                lineHeight: 'inherit',
-                                color: 'inherit',
-                            },
                         },
                         '.ss__facet__options': {
                             '.ss__facet-hierarchy-options .ss__facet-hierarchy-options__option, .ss__facet-list-options .ss__facet-list-options__option': {
@@ -173,6 +167,13 @@ var autocompleteStyleScript = function (props) {
                 },
             }, _b))
         },
+        _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+            '&.ss__autocomplete': {
+                '.ss__autocomplete__content__results .ss__results.ss__results-list': {
+                    gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                },
+            },
+        },
         _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small, 'max'))] = {
             '&.ss__autocomplete': {
                 '.ss__autocomplete__content__results .ss__results': {
@@ -280,6 +281,7 @@ var autocompleteStyleScript = function (props) {
         sharedStyles,
         {
             '.ss__autocomplete__terms': {
+                gap: "".concat(custom_1.custom.spacing.x4, "px"),
                 '& > div': {
                     '.ss__autocomplete__title h5': {
                         margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),

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;AAiJvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAqB/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;AA8IvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAwB/E,CAAC"}

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

@@ -106,9 +106,6 @@ var facetStyleScript = function (props) {
             },
         }, '.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': {
                 margin: 0,
-                width: "".concat(custom_1.custom.sizes.icon10, "px"),
-                height: "".concat(custom_1.custom.sizes.icon10, "px"),
-                flex: "0 0 ".concat(custom_1.custom.sizes.icon10, "px"),
             } }) }));
     return facetStyles;
 };
@@ -124,14 +121,17 @@ exports.facet = {
             color: custom_1.custom.colors.secondary,
             iconColor: custom_1.custom.colors.primary,
         },
-        'facet icon.collapse': {
+        'facet dropdown icon.collapse': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),
         },
-        'facet icon.expand': {
+        'facet dropdown icon.expand': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),
         },
         'facet button.reset-facet icon': {
             size: "".concat(custom_1.custom.sizes.icon08, "px"),
         },
+        'facet icon.overflow-more': {
+            size: "".concat(custom_1.custom.sizes.icon10, "px"),
+        },
     },
 };

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;AA4JvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CA+D3H,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;AAyJvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAkE3H,CAAC"}

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

@@ -22,8 +22,8 @@ var facetsHorizontalStyleScript = function (props) {
     var _b, _c, _d, _e;
     // 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) || custom_1.custom.breakpoints.mobile;
-    var tabletBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet) || custom_1.custom.breakpoints.tablet;
+    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': {
                 gap: "".concat(custom_1.custom.spacing.x2, "px"),
@@ -127,11 +127,8 @@ var facetsHorizontalStyleScript = function (props) {
                             marginRight: 'auto',
                         },
                         '.ss__facet__show-more-less': {
-                            margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"),
+                            margin: "".concat(custom_1.custom.spacing.x4, "px 0 0 0"),
                             justifyContent: 'center',
-                            '.ss__facet__show-more-less__icon': {
-                                margin: 0,
-                            },
                         },
                     },
                 },
@@ -165,6 +162,9 @@ exports.facetsHorizontal = {
         'facetsHorizontal button.reset-facet icon': {
             size: "".concat(custom_1.custom.sizes.icon08, "px"),
         },
+        'facetsHorizontal icon.overflow-more': {
+            size: "".concat(custom_1.custom.sizes.icon10, "px"),
+        },
         'facetsHorizontal dropdown facet': {
             statefulOverflow: true,
             horizontal: true,

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;AAkIvD,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;AAmIvD,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

@@ -27,6 +27,7 @@ var mobileSidebarStyleScript = function (props) {
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     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;
     // determine inner content height
     var innerHeight = 100;
     if (!hideHeader && !hideFooter) {

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;AAgEvD,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;AA4DvD,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

@@ -25,11 +25,7 @@ var noResultsStyleScript = function (props) {
                 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': {
-                fontSize: '14px',
-                color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text,
-                lineHeight: 1.5,
-            },
+            '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)),
             a: {
                 color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
                 '&:hover': {
@@ -49,12 +45,7 @@ var noResultsStyleScript = function (props) {
                 },
             },
         }, '.ss__no-results__contact': {
-            '.ss__no-results__contact__title': {
-                fontWeight: 'normal',
-                fontSize: '14px',
-                color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
-                lineHeight: 1.5,
-            },
+            '.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__recommendation': {
                 margin: "".concat(custom_1.custom.spacing.x4, "px 0"),

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

@@ -20,7 +20,7 @@ var toolbarStyleScript = function (props) {
     var _b, _c;
     // 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) || custom_1.custom.breakpoints.mobile;
+    var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
     // toolbar styles
     var toolbarStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('toolbar', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__button--sidebar-toggle-button-wrapper .ss__button': {
                 '.ss__button__content': {

package/dist/cjs/components/src/themes/pike/components/templates/autocompleteFixed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteFixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AAgFlI,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,oCAAoC,CA6I/H,CAAC"}
+{"version":3,"file":"autocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteFixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AAmFlI,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,oCAAoC,CA+I/H,CAAC"}

package/dist/cjs/components/src/themes/pike/components/templates/autocompleteFixed.js

@@ -25,7 +25,7 @@ var autocompleteFixedStyleScript = function (props) {
     var _b, _c;
     // 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) || custom_1.custom.breakpoints.mobile;
+    var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
     // autocomplete shared styles
     var sharedStyles = (0, react_1.css)({
         '.ss__modal': {
@@ -48,6 +48,9 @@ var autocompleteFixedStyleScript = function (props) {
                             '.ss__button, .ss__search-input__button--close-search-button': {
                                 width: "".concat(searchInputHeight, "px"),
                             },
+                            '.ss__search-input__input': {
+                                backgroundColor: custom_1.custom.colors.white,
+                            },
                         },
                         '.ss__autocomplete-fixed__inner__layout-wrapper': {
                             maxHeight: 'none',
@@ -115,7 +118,6 @@ exports.autocompleteFixed = {
         }, 'autocompleteFixed recommendationGrid': {
             rows: 2,
             columns: 4,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteFixed button.see-more icon': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),
             icon: custom_1.custom.icons.arrowRight,
@@ -127,6 +129,7 @@ exports.autocompleteFixed = {
         }, 'autocompleteFixed results': {
             rows: 1,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x2, "px"),
         }, 'autocompleteFixed recommendationGrid': {
             rows: 1,
             columns: 3,
@@ -153,6 +156,7 @@ exports.autocompleteFixed = {
         }, 'autocompleteFixed results': {
             rows: 1,
             columns: 4,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteFixed recommendationGrid': {
             rows: 1,
             columns: 4,
@@ -164,6 +168,7 @@ exports.autocompleteFixed = {
         }, 'autocompleteFixed results': {
             rows: 2,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteFixed recommendationGrid': {
             rows: 2,
             columns: 4,

package/dist/cjs/components/src/themes/pike/components/templates/autocompleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AA2ElI,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,oCAAoC,CAyI/H,CAAC"}
+{"version":3,"file":"autocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AA4ElI,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,oCAAoC,CA2I/H,CAAC"}

package/dist/cjs/components/src/themes/pike/components/templates/autocompleteModal.js

@@ -25,7 +25,7 @@ var autocompleteModalStyleScript = function (props) {
     var _b, _c;
     // 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 desktopBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.desktop) || custom_1.custom.breakpoints.desktop;
+    var desktopBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.desktop;
     // autocomplete shared styles
     var sharedStyles = (0, react_1.css)({
         '.ss__modal': {
@@ -56,7 +56,7 @@ var autocompleteModalStyleScript = function (props) {
                                 backgroundColor: custom_1.custom.colors.white,
                             },
                         },
-                        '.ss__autocomplete': __assign({ width: '100%', flex: '1 1 0%', overflowY: 'auto', overflowX: 'hidden' }, custom_1.custom.styles.scrollbar()),
+                        '.ss__autocomplete': __assign({ width: '100%', flex: '1 1 0%', overflowY: 'auto', overflowX: 'hidden', borderTopWidth: 0 }, custom_1.custom.styles.scrollbar()),
                     },
                 },
             } }, _a["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
@@ -104,7 +104,6 @@ exports.autocompleteModal = {
         }, 'autocompleteModal recommendationGrid': {
             rows: 2,
             columns: 4,
-            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteModal button.see-more icon': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),
             icon: custom_1.custom.icons.arrowRight,
@@ -116,6 +115,7 @@ exports.autocompleteModal = {
         }, 'autocompleteModal results': {
             rows: 1,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x2, "px"),
         }, 'autocompleteModal recommendationGrid': {
             rows: 1,
             columns: 3,
@@ -142,6 +142,7 @@ exports.autocompleteModal = {
         }, 'autocompleteModal results': {
             rows: 1,
             columns: 4,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteModal recommendationGrid': {
             rows: 1,
             columns: 4,
@@ -153,6 +154,7 @@ exports.autocompleteModal = {
         }, 'autocompleteModal results': {
             rows: 2,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteModal recommendationGrid': {
             rows: 2,
             columns: 4,

package/dist/cjs/components/src/themes/pike/components/templates/autocompleteShared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteShared.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteShared.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAUnG,eAAO,MAAM,6BAA6B,UAAW,uBAAuB,YAAY,MAAM,8CA6Y7F,CAAC"}
+{"version":3,"file":"autocompleteShared.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteShared.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAUnG,eAAO,MAAM,6BAA6B,UAAW,uBAAuB,YAAY,MAAM,8CAoZ7F,CAAC"}