@athoscommerce/snap-preact 1.1.5 → 1.2.0

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

@@ -19,13 +19,13 @@ var headerSelectors = '.ss__autocomplete__facets .ss__facets .ss__facet .ss__fac
 var activeSelectors = '.ss__autocomplete__facets .ss__facets .ss__facet .ss__facet__options .ss__facet-list-options .ss__facet-list-options__option--filtered, .ss__autocomplete__content .ss__autocomplete__content__results .ss__results .ss__result:hover .ss__result__details .ss__result__details__title a, .ss__autocomplete__button--see-more:hover .ss__button__content';
 // CSS in JS style script for the Autocomplete Layout component
 var autocompleteSharedStyleScript = function (props, template) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var _o, _p, _q, _r, _s, _t;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _q, _r, _s, _t, _u, _v;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = (_o = props === null || props === void 0 ? void 0 : props.theme) === null || _o === void 0 ? void 0 : _o.variables;
-    var desktopBp = ((_p = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _p === void 0 ? void 0 : _p.desktop) || custom_1.custom.breakpoints.desktop;
-    var tabletBp = ((_q = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _q === void 0 ? void 0 : _q.tablet) || custom_1.custom.breakpoints.tablet;
-    var mobileBp = ((_r = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _r === void 0 ? void 0 : _r.mobile) || custom_1.custom.breakpoints.mobile;
+    var variables = (_q = props === null || props === void 0 ? void 0 : props.theme) === null || _q === void 0 ? void 0 : _q.variables;
+    var desktopBp = (_r = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _r === void 0 ? void 0 : _r.desktop;
+    var tabletBp = (_s = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _s === void 0 ? void 0 : _s.tablet;
+    var mobileBp = (_t = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _t === void 0 ? void 0 : _t.mobile;
     // determine template being used
     var isFixed = template == 'autocompleteFixed';
     var isModal = template == 'autocompleteModal';
@@ -60,8 +60,8 @@ var autocompleteSharedStyleScript = function (props, template) {
                 },
             }
         },
-        _a[headerSelectors] = __assign(__assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"), padding: 0 }, custom_1.custom.styles.headerText((_s = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _s === void 0 ? void 0 : _s.secondary, '14px')), { lineHeight: 1.2 }),
-        _a[activeSelectors] = __assign({}, custom_1.custom.styles.activeText((_t = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _t === void 0 ? void 0 : _t.primary)),
+        _a[headerSelectors] = __assign(__assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"), padding: 0 }, custom_1.custom.styles.headerText((_u = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _u === void 0 ? void 0 : _u.secondary, '14px')), { lineHeight: 1.2 }),
+        _a[activeSelectors] = __assign({}, custom_1.custom.styles.activeText((_v = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _v === void 0 ? void 0 : _v.primary)),
         _a));
     // shared layout styles
     var sharedLayoutStyles = (0, react_1.css)({
@@ -105,12 +105,6 @@ var autocompleteSharedStyleScript = function (props, template) {
                     margin: 0,
                     '.ss__facet__header': {
                         borderBottom: 0,
-                        '.ss__facet__header__inner': {
-                            fontSize: 'inherit',
-                            fontWeight: 'inherit',
-                            color: 'inherit',
-                            lineHeight: 'inherit',
-                        },
                     },
                     '.ss__facet__options': {
                         '.ss__facet-hierarchy-options .ss__facet-hierarchy-options__option, .ss__facet-list-options .ss__facet-list-options__option': {
@@ -146,7 +140,7 @@ var autocompleteSharedStyleScript = function (props, template) {
         },
     });
     // results layout styles
-    var resultsLayoutStyles = (0, react_1.css)(__assign({ gap: "".concat(custom_1.custom.spacing.x4, "px"), overflowY: isFixed ? 'auto' : 'hidden', overflowX: 'hidden', maxHeight: isFixed ? '54vh' : '' }, custom_1.custom.styles.scrollbar()));
+    var resultsLayoutStyles = (0, react_1.css)(__assign({ overflowY: isFixed ? 'auto' : 'hidden', overflowX: 'hidden', maxHeight: isFixed ? '54vh' : '' }, custom_1.custom.styles.scrollbar()));
     // results styles
     var resultsStyles = (0, react_1.css)({
         '.ss__autocomplete__content__results': {
@@ -252,13 +246,20 @@ var autocompleteSharedStyleScript = function (props, template) {
         noResultsStyles,
         seeMoreStyles,
         (_d = {},
-            _d["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small, 'max'))] = __assign({}, resultsSmallStyles),
+            _d["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+                '.ss__autocomplete__content__results .ss__results.ss__results-list': {
+                    gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                },
+            },
             _d),
         (_e = {},
-            _e["".concat(custom_1.custom.utils.getBp(mobileBp))] = __assign({}, seeMoreMobileStyles),
+            _e["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small, 'max'))] = __assign({}, resultsSmallStyles),
             _e),
         (_f = {},
-            _f["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
+            _f["".concat(custom_1.custom.utils.getBp(mobileBp))] = __assign({}, seeMoreMobileStyles),
+            _f),
+        (_g = {},
+            _g["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
                 '& > .ss__autocomplete__row': {
                     '.ss__autocomplete__column': {
                         flex: '1 1 0%',
@@ -291,9 +292,9 @@ var autocompleteSharedStyleScript = function (props, template) {
                     },
                 },
             },
-            _f),
-        (_g = {},
-            _g["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
+            _g),
+        (_h = {},
+            _h["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
                 '&': sharedDesktopStyles,
                 '& > .ss__autocomplete__row': {
                     '.ss__autocomplete__column': {
@@ -310,7 +311,7 @@ var autocompleteSharedStyleScript = function (props, template) {
                     maxHeight: isFixed ? '60vh' : '',
                 },
             },
-            _g),
+            _h),
     ]);
     // mini styles
     var miniStyles = (0, react_1.css)([
@@ -326,17 +327,24 @@ var autocompleteSharedStyleScript = function (props, template) {
         resultsStyles,
         noResultsStyles,
         seeMoreStyles,
-        (_h = {},
-            _h["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small, 'max'))] = __assign({}, resultsSmallStyles),
-            _h),
         (_j = {},
-            _j["".concat(custom_1.custom.utils.getBp(mobileBp))] = __assign({}, seeMoreMobileStyles),
+            _j["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+                '.ss__autocomplete__content__results .ss__results.ss__results-list': {
+                    gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                },
+            },
             _j),
         (_k = {},
-            _k["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
+            _k["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small, 'max'))] = __assign({}, resultsSmallStyles),
+            _k),
+        (_l = {},
+            _l["".concat(custom_1.custom.utils.getBp(mobileBp))] = __assign({}, seeMoreMobileStyles),
+            _l),
+        (_m = {},
+            _m["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
                 '&': sharedDesktopStyles,
             },
-            _k),
+            _m),
     ]);
     // terms styles
     var termsStyles = (0, react_1.css)([
@@ -346,17 +354,17 @@ var autocompleteSharedStyleScript = function (props, template) {
         contentStyles,
         noResultsStyles,
         seeMoreStyles,
-        (_l = {},
-            _l["".concat(custom_1.custom.utils.getBp(mobileBp))] = __assign({}, seeMoreMobileStyles),
-            _l),
-        (_m = {},
-            _m["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
+        (_o = {},
+            _o["".concat(custom_1.custom.utils.getBp(mobileBp))] = __assign({}, seeMoreMobileStyles),
+            _o),
+        (_p = {},
+            _p["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
                 '&': sharedDesktopStyles,
                 '.ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__text p': {
                     fontSize: '16px',
                 },
             },
-            _m),
+            _p),
     ]);
     if (acLayout == 'terms') {
         return termsStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"autocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteSlideout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,uCAAuC,EAAE,MAAM,uDAAuD,CAAC;AAoD3I,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,uCAAuC,CA2F3I,CAAC"}
+{"version":3,"file":"autocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteSlideout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,uCAAuC,EAAE,MAAM,uDAAuD,CAAC;AAuD3I,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,uCAAuC,CA+F3I,CAAC"}

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

@@ -39,6 +39,9 @@ var autocompleteSlideoutStyleScript = 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': __assign({ alignContent: 'flex-start', overflow: 'visible', height: 'calc(100% - 60px)', overflowY: 'auto', overflowX: 'hidden' }, custom_1.custom.styles.scrollbar()),
         } }));
@@ -54,6 +57,7 @@ exports.autocompleteSlideout = {
         }, 'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteSlideout recommendationGrid': {
             rows: 2,
             columns: 3,
@@ -68,6 +72,7 @@ exports.autocompleteSlideout = {
         }, 'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x2, "px"),
         }, 'autocompleteSlideout recommendationGrid': {
             rows: 2,
             columns: 3,
@@ -79,6 +84,7 @@ exports.autocompleteSlideout = {
         }, 'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteSlideout recommendationGrid': {
             rows: 2,
             columns: 3,
@@ -90,6 +96,7 @@ exports.autocompleteSlideout = {
         }, 'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: "".concat(custom_1.custom.spacing.x4, "px"),
         }, 'autocompleteSlideout recommendationGrid': {
             rows: 2,
             columns: 3,

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

@@ -1 +1 @@
-{"version":3,"file":"recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,iDAAiD,CAAC;AAE9H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoHvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAwDnH,CAAC"}
+{"version":3,"file":"recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,iDAAiD,CAAC;AAE9H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqHvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAwDnH,CAAC"}

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

@@ -34,8 +34,8 @@ var recommendationStyleScript = function (props) {
     var _b, _c, _d, _e, _f;
     // 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 tabletBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet) || custom_1.custom.breakpoints.tablet;
-    var mobileBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile) || custom_1.custom.breakpoints.mobile;
+    var tabletBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet;
+    var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
     // spacing and position variables for features
     var spacing = 0;
     if ((props === null || props === void 0 ? void 0 : props.pagination) && (props === null || props === void 0 ? void 0 : props.scrollbar)) {
@@ -50,11 +50,7 @@ var recommendationStyleScript = function (props) {
     // recommendation styles
     var recommendationStyles = (0, react_1.css)(__assign(__assign({ margin: "".concat(custom_1.custom.spacing.x8, "px 0"), position: 'relative' }, custom_1.custom.styles.boxSizing('recommendation', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__recommendation__title, .ss__recommendation__description': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
-            }, '.ss__recommendation__title': __assign(__assign({ paddingRight: "".concat(arrowSizes.default * 2 + custom_1.custom.spacing.x1 + custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.headerText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary, '18px')), custom_1.custom.styles.textOverflow()), '.ss__recommendation__description': {
-                fontSize: '14px',
-                fontWeight: 'normal',
-                color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
-            }, '.ss__carousel': {
+            }, '.ss__recommendation__title': __assign(__assign({ paddingRight: "".concat(arrowSizes.default * 2 + custom_1.custom.spacing.x1 + custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.headerText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary, '18px')), custom_1.custom.styles.textOverflow()), '.ss__recommendation__description': __assign({}, custom_1.custom.styles.baseText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text)), '.ss__carousel': {
                 position: 'static',
                 '& >': {
                     '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
@@ -95,12 +91,15 @@ var recommendationStyleScript = function (props) {
         '.ss__recommendation__title, .ss__recommendation__description': {
             textAlign: 'center',
         },
+        '.ss__recommendation__title': {
+            padding: 0,
+        },
         '.ss__carousel': {
             position: 'relative',
             padding: "0 ".concat(custom_1.custom.spacing.x4 + arrowSizes.tablet, "px"),
             '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
                 top: 0,
-                bottom: "calc(10.15rem + ".concat(spacing - custom_1.custom.spacing.x4, "px)"),
+                bottom: "calc(10.40rem + ".concat(spacing - custom_1.custom.spacing.x4, "px)"),
                 width: "".concat(arrowSizes.tablet, "px"),
                 height: "".concat(arrowSizes.tablet, "px"),
             },

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uCAAuC,EAAE,MAAM,uDAAuD,CAAC;AAEhJ,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwJvD,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,uCAAuC,CAwD3I,CAAC"}
+{"version":3,"file":"recommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uCAAuC,EAAE,MAAM,uDAAuD,CAAC;AAEhJ,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsJvD,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,EAAE,uCAAuC,CAwD3I,CAAC"}

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

@@ -29,8 +29,8 @@ var recommendationBundleStyleScript = function (props) {
     var _b, _c, _d, _e, _f;
     // 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 tabletBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet) || custom_1.custom.breakpoints.tablet;
-    var mobileBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile) || custom_1.custom.breakpoints.mobile;
+    var tabletBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet;
+    var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
     // bundle shared styles
     var sharedStyles = (0, react_1.css)({
         '.ss__recommendation-bundle__wrapper__cta': __assign({}, (0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle', "".concat(custom_1.custom.spacing.x4, "px"))),
@@ -38,11 +38,7 @@ var recommendationBundleStyleScript = function (props) {
     // bundle styles
     var bundleStyles = (0, react_1.css)(__assign(__assign({ margin: "".concat(custom_1.custom.spacing.x8, "px 0") }, custom_1.custom.styles.boxSizing('recommendationBundle', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__recommendation-bundle__title, .ss__recommendation-bundle__description': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
-            }, '.ss__recommendation-bundle__title': __assign({}, custom_1.custom.styles.headerText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary, '18px')), '.ss__recommendation-bundle__description': {
-                fontSize: '14px',
-                fontWeight: 'normal',
-                color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
-            }, '.ss__recommendation-bundle__wrapper': {
+            }, '.ss__recommendation-bundle__title': __assign({}, custom_1.custom.styles.headerText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary, '18px')), '.ss__recommendation-bundle__description': __assign({}, custom_1.custom.styles.baseText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text)), '.ss__recommendation-bundle__wrapper': {
                 flexFlow: 'row wrap',
                 width: 'auto',
                 maxWidth: 'none',
@@ -63,7 +59,7 @@ var recommendationBundleStyleScript = function (props) {
                 '.ss__recommendation-bundle__wrapper__carousel': {
                     '.ss__recommendation__carousel >': {
                         '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
-                            bottom: "calc(10.15rem - ".concat(custom_1.custom.spacing.x4, "px)"),
+                            bottom: "calc(10.40rem - ".concat(custom_1.custom.spacing.x4, "px)"),
                         },
                     },
                 },

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,gCAAgC,EAChC,8CAA8C,EAC9C,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgEvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CACvD,6BAA6B,EAC7B,gCAAgC,EAChC,8CAA8C,CAwC9C,CAAC"}
+{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,gCAAgC,EAChC,8CAA8C,EAC9C,MAAM,8DAA8D,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiEvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CACvD,6BAA6B,EAC7B,gCAAgC,EAChC,8CAA8C,CAwC9C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,6BAA6B,EAC7B,2CAA2C,EAC3C,MAAM,2DAA2D,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyHvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CACpD,0BAA0B,EAC1B,6BAA6B,EAC7B,2CAA2C,CA+C3C,CAAC"}
+{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,6BAA6B,EAC7B,2CAA2C,EAC3C,MAAM,2DAA2D,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA0HvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CACpD,0BAA0B,EAC1B,6BAA6B,EAC7B,2CAA2C,CA+C3C,CAAC"}

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

@@ -26,10 +26,9 @@ var checkboxHeight = 16;
 // CSS in JS style script for the RecommendationBundleVertical component
 var recommendationBundleVerticalStyleScript = function (props) {
     var _a;
-    var _b, _c, _d;
+    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;
     // bundle vertical shared styles
     var sharedStyles = (0, react_1.css)({
         '.ss__recommendation-bundle-vertical__wrapper__cta': __assign({}, (0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-vertical')),
@@ -42,7 +41,7 @@ var recommendationBundleVerticalStyleScript = function (props) {
                         marginBottom: 0,
                     },
                 },
-            }, '.ss__recommendation-bundle-vertical__title': __assign({}, custom_1.custom.styles.headerText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary, '16px')), '.ss__recommendation-bundle-vertical__wrapper': {
+            }, '.ss__recommendation-bundle-vertical__title': __assign({}, custom_1.custom.styles.headerText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary, '16px')), '.ss__recommendation-bundle-vertical__wrapper': {
                 gap: "".concat(custom_1.custom.spacing.x2, "px"),
                 '.ss__recommendation-bundle-vertical__wrapper__selector': {
                     '&.ss__recommendation-bundle-vertical__wrapper__selector--seed': {
@@ -97,7 +96,7 @@ var recommendationBundleVerticalStyleScript = function (props) {
                 '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal__icon__wrapper': {
                     display: 'none',
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(mobileBp - 100))] = {
+            } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
         '.ss__recommendation-bundle-vertical__wrapper .ss__recommendation-bundle-vertical__wrapper__selector .ss__recommendation-bundle-vertical__wrapper__selector__result-wrapper:has(.ss__result--list) .ss__checkbox': {
             right: 'auto',
             left: "calc(33.33% - ".concat(custom_1.custom.spacing.x4, "px)"),

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationEmail.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAE7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqCvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CAuBvI,CAAC"}
+{"version":3,"file":"recommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationEmail.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAE7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuDvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CAoBvI,CAAC"}

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

@@ -21,29 +21,40 @@ var recommendationEmailStyleScript = function (props) {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
-    var recommendationEmailStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('recommendationEmail', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__recommendation-email__result-wrapper': {
+    var recommendationEmailStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('recommendationEmail', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { padding: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"), '&:has(.ss__rating)': {
+            '.ss__recommendation-email__result-wrapper': {
+                height: '465px',
+            },
+        }, '&:has(.ss__callout-badge)': {
+            '.ss__recommendation-email__result-wrapper': {
+                height: '475px',
+            },
+        }, '&:has(.ss__callout-badge):has(.ss__rating)': {
+            '.ss__recommendation-email__result-wrapper': {
+                height: '500px',
+            },
+        }, '.ss__recommendation-email__result-wrapper': {
             width: '400px !important',
-            height: '475px',
+            height: '440px',
             margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
             padding: "0 ".concat(custom_1.custom.spacing.x2, "px"),
             overflow: 'hidden',
         }, '.ss__result': {
             '&, &*': {
-                fontSize: '14px',
-                lineHeight: 1.4,
                 textAlign: 'center',
             },
+            '.ss__result__image-wrapper': {
+                overflow: 'hidden',
+            },
             '.ss__result__details': {
-                '.ss__result__details__title a': __assign({ display: 'block', height: '20px' }, custom_1.custom.styles.textOverflow()),
+                '.ss__result__details__title a': __assign({ display: 'block', height: '20px', lineHeight: '20px' }, custom_1.custom.styles.textOverflow()),
             },
         } }));
     return recommendationEmailStyles;
 };
 // RecommendationEmail component props come from Template export
 exports.recommendationEmail = {
-    default: __assign(__assign({}, recommendationEmail_1.recommendationEmailThemeComponentProps.default), { recommendationEmail: __assign(__assign({}, (((_a = recommendationEmail_1.recommendationEmailThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationEmail']) || {})), { themeStyleScript: recommendationEmailStyleScript }), 'recommendationEmail result': {
-            hideBadge: false,
-        }, 'recommendationEmail result image': {
+    default: __assign(__assign({}, recommendationEmail_1.recommendationEmailThemeComponentProps.default), { recommendationEmail: __assign(__assign({}, (((_a = recommendationEmail_1.recommendationEmailThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationEmail']) || {})), { themeStyleScript: recommendationEmailStyleScript }), 'recommendationEmail result image': {
             lazy: false,
         } }),
     mobile: __assign({}, recommendationEmail_1.recommendationEmailThemeComponentProps.mobile),

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationGrid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,qDAAqD,CAAC;AAE1I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsCvD,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,EAAE,uBAAuB,EAAE,qCAAqC,CA+BnI,CAAC"}
+{"version":3,"file":"recommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationGrid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,qCAAqC,EAAE,MAAM,qDAAqD,CAAC;AAE1I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqDvD,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,EAAE,uBAAuB,EAAE,qCAAqC,CAgCnI,CAAC"}

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

@@ -22,9 +22,10 @@ var recommendationGridStyleScript = function (props) {
     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 tabletBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet) || custom_1.custom.breakpoints.tablet;
-    // recommendation grid styles
-    var recommendationGridStyles = (0, react_1.css)(__assign(__assign({ margin: "".concat(custom_1.custom.spacing.x8, "px 0"), maxHeight: 'none' }, custom_1.custom.styles.boxSizing('recommendationGrid', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__recommendation-grid__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0") }, custom_1.custom.styles.headerText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary, '18px')), '.ss__recommendation-grid__results': __assign({ overflowX: 'auto' }, custom_1.custom.styles.scrollbar()) }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+    var tabletBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet;
+    var hasOverflow = (props === null || props === void 0 ? void 0 : props.rows) == 1 ? true : false;
+    // shared styles
+    var sharedStyles = (0, react_1.css)(__assign(__assign({ margin: "".concat(custom_1.custom.spacing.x8, "px 0"), maxHeight: 'none' }, custom_1.custom.styles.boxSizing('recommendationGrid', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__recommendation-grid__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0") }, custom_1.custom.styles.headerText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary, '18px')) }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
         '.ss__recommendation-grid__title': {
             fontSize: '22px',
         },
@@ -33,12 +34,23 @@ var recommendationGridStyleScript = function (props) {
             textAlign: 'center',
         },
     }, _a)));
-    return recommendationGridStyles;
+    // recommendation grid styles
+    var recommendationGridStyles = (0, react_1.css)([sharedStyles]);
+    // recommendation grid overflow styles
+    var recommendationGridOverflowStyles = (0, react_1.css)([
+        sharedStyles,
+        {
+            '.ss__recommendation-grid__results': __assign(__assign({ overflowX: 'auto', paddingBottom: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.scrollbar()), { '& > div': {
+                    minWidth: '175px',
+                } }),
+        },
+    ]);
+    return hasOverflow ? recommendationGridOverflowStyles : recommendationGridStyles;
 };
 // RecommendationGrid component props come from Template export
 exports.recommendationGrid = {
-    default: __assign(__assign({}, recommendationGrid_1.recommendationGridThemeComponentProps.default), { recommendationGrid: __assign(__assign({}, (((_a = recommendationGrid_1.recommendationGridThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationGrid']) || {})), { themeStyleScript: recommendationGridStyleScript, gapSize: "".concat(custom_1.custom.spacing.x4, "px"), columns: 4 }) }),
+    default: __assign(__assign({}, recommendationGrid_1.recommendationGridThemeComponentProps.default), { recommendationGrid: __assign(__assign({}, (((_a = recommendationGrid_1.recommendationGridThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationGrid']) || {})), { themeStyleScript: recommendationGridStyleScript, gapSize: "".concat(custom_1.custom.spacing.x4, "px"), columns: 5 }) }),
     mobile: __assign(__assign({}, recommendationGrid_1.recommendationGridThemeComponentProps.mobile), { recommendationGrid: __assign(__assign({}, (((_b = recommendationGrid_1.recommendationGridThemeComponentProps.mobile) === null || _b === void 0 ? void 0 : _b['recommendationGrid']) || {})), { gapSize: "".concat(custom_1.custom.spacing.x4, "px ").concat(custom_1.custom.spacing.x2, "px"), columns: 2 }) }),
     tablet: __assign(__assign({}, recommendationGrid_1.recommendationGridThemeComponentProps.tablet), { recommendationGrid: __assign(__assign({}, (((_c = recommendationGrid_1.recommendationGridThemeComponentProps.tablet) === null || _c === void 0 ? void 0 : _c['recommendationGrid']) || {})), { columns: 3 }) }),
-    desktop: __assign(__assign({}, recommendationGrid_1.recommendationGridThemeComponentProps.desktop), { recommendationGrid: __assign({}, (((_d = recommendationGrid_1.recommendationGridThemeComponentProps.desktop) === null || _d === void 0 ? void 0 : _d['recommendationGrid']) || {})) }),
+    desktop: __assign(__assign({}, recommendationGrid_1.recommendationGridThemeComponentProps.desktop), { recommendationGrid: __assign(__assign({}, (((_d = recommendationGrid_1.recommendationGridThemeComponentProps.desktop) === null || _d === void 0 ? void 0 : _d['recommendationGrid']) || {})), { columns: 4 }) }),
 };

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

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwGvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiCnF,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoGvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiCnF,CAAC"}

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

@@ -22,8 +22,8 @@ var searchStyleScript = function (props) {
     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;
-    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;
     // search styles
     var searchStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('search', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__search__header-section, .ss__search__main-section': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
@@ -47,12 +47,10 @@ var searchStyleScript = function (props) {
                         '&:has(.ss__pagination-info:last-child)': {
                             flexDirection: 'row-reverse',
                         },
-                        '&:has(.ss__mobile-sidebar)': {
-                            '.ss__mobile-sidebar': {
-                                minWidth: '1px',
-                                '.ss__mobile-sidebar__slideout__button': {
-                                    width: '100%',
-                                },
+                        '.ss__mobile-sidebar': {
+                            minWidth: '1px',
+                            '.ss__mobile-sidebar__slideout__button': {
+                                width: '100%',
                             },
                         },
                     },
@@ -60,10 +58,8 @@ var searchStyleScript = function (props) {
             } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
         '.ss__search__main-section': {
             '.ss__toolbar': {
-                '.ss__layout__row:has(.ss__mobile-sidebar)': {
-                    '.ss__mobile-sidebar': {
-                        minWidth: '200px',
-                    },
+                '.ss__mobile-sidebar': {
+                    minWidth: '200px',
                 },
             },
         },
@@ -72,13 +68,13 @@ var searchStyleScript = function (props) {
             '.ss__toolbar': {
                 '.ss__layout__row': {
                     '&:has(.ss__select)': {
-                        '.ss__select': {
-                            flex: '1 1 0%',
-                        },
                         '.ss__layout__separator': {
                             display: 'none',
                         },
                     },
+                    '.ss__select': {
+                        flex: '1 1 0%',
+                    },
                     '.ss__pagination-info': {
                         flex: '1 1 100%',
                         order: -1,
@@ -91,13 +87,13 @@ var searchStyleScript = function (props) {
             '.ss__toolbar': {
                 '.ss__layout__row': {
                     '&:has(.ss__select)': {
-                        '.ss__select': {
-                            flex: '0 1 auto',
-                        },
                         '.ss__layout__separator': {
                             display: 'block',
                         },
                     },
+                    '.ss__select': {
+                        flex: '0 1 auto',
+                    },
                     '.ss__pagination-info': {
                         flex: '1 1 0%',
                         order: 0,

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

@@ -22,7 +22,7 @@ var searchCollapsibleStyleScript = 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 tabletBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet) || custom_1.custom.breakpoints.tablet;
+    var tabletBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet;
     // search collapsible styles
     var searchCollapsibleStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('searchCollapsible', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '&:not(:has(.ss__no-results))': {
                 '.ss__search-collapsible__header-section': {

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

@@ -1 +1 @@
-{"version":3,"file":"searchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/searchHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAEpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsEvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAgC3H,CAAC"}
+{"version":3,"file":"searchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/searchHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AAEpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmEvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAgC3H,CAAC"}

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

@@ -19,10 +19,10 @@ var custom_1 = require("../../custom");
 // CSS in JS style script for the Search component
 var searchHorizontalStyleScript = function (props) {
     var _a;
-    var _b, _c;
+    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;
+    var mobileBp = (_d = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile) !== null && _d !== void 0 ? _d : custom_1.custom.breakpoints.mobile;
     // search horizontal styles
     var searchHorizontalStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('searchHorizontal', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__search-horizontal__header-section, .ss__search-horizontal__main-section': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
@@ -38,35 +38,32 @@ var searchHorizontalStyleScript = function (props) {
                 },
                 '.ss__toolbar': {
                     '.ss__layout__row': {
-                        '&:has(.ss__mobile-sidebar)': {
-                            '.ss__mobile-sidebar': {
-                                minWidth: '1px',
-                                '.ss__mobile-sidebar__slideout__button': {
-                                    width: '100%',
-                                },
+                        '.ss__mobile-sidebar': {
+                            minWidth: '1px',
+                            '.ss__mobile-sidebar__slideout__button': {
+                                width: '100%',
                             },
                         },
-                        '&:has(.ss__select)': {
-                            '.ss__select': {
-                                flex: '1 1 0%',
-                            },
+                        '.ss__select': {
+                            flex: '1 1 0%',
                         },
                     },
                 },
             } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
         '.ss__search-horizontal__main-section': {
             '.ss__toolbar': {
-                '.ss__layout__row:has(.ss__mobile-sidebar)': {
-                    '.ss__mobile-sidebar': {
-                        minWidth: '200px',
-                    },
+                '.ss__mobile-sidebar': {
+                    minWidth: '200px',
                 },
             },
         },
     }, _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
         '.ss__search-horizontal__main-section': {
             '.ss__toolbar': {
-                '.ss__layout__row:has(.ss__select)': {
+                '.ss__layout__row': {
+                    '.ss__mobile-sidebar': {
+                        minWidth: '1px',
+                    },
                     '.ss__select': {
                         flex: '0 1 auto',
                     },