@athoscommerce/snap-preact 1.1.5 → 1.2.0

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

@@ -6,7 +6,6 @@ const lightGray = custom.utils.lightenColor();
 const resultStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
     // result styles
     const resultStyles = css({
         ...custom.styles.boxSizing('result', props?.treePath, props?.name),
@@ -63,6 +62,10 @@ const resultStyleScript = (props) => {
                 gap: `${custom.spacing.x2}px`,
                 padding: 0,
                 margin: 0,
+                ...custom.styles.baseText(variables?.colors?.text),
+                a: {
+                    color: 'inherit',
+                },
                 '& > *, .ss__result__details__title, .ss__result__details__title, .ss__result__details__pricing': {
                     margin: 0,
                 },
@@ -72,9 +75,6 @@ const resultStyleScript = (props) => {
                 },
                 '.ss__result__details__title': {
                     order: -2,
-                    a: {
-                        color: variables?.colors?.text,
-                    },
                 },
                 '.ss__result__details__pricing': {
                     order: -1,
@@ -101,6 +101,13 @@ const resultStyleScript = (props) => {
                 '.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': {
@@ -112,7 +119,7 @@ const resultStyleScript = (props) => {
                 },
             },
         },
-        [`${custom.utils.getBp(mobileBp - 100)}`]: {
+        [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
             '&.ss__result--list': {
                 '&, .ss__result__details': {
                     flexFlow: 'row wrap',
@@ -153,7 +160,7 @@ const resultStyleScript = (props) => {
                         '.ss__variant-selection': {
                             width: `calc((100% - ${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/esm/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/esm/components/src/themes/pike/components/molecules/searchInput.js

@@ -95,6 +95,7 @@ export const searchInput = {
         },
         'searchInput button.submit-search icon': {
             icon: custom.icons.search,
+            size: `${custom.sizes.icon16}px`,
         },
     },
 };

package/dist/esm/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/esm/components/src/themes/pike/components/molecules/select.js

@@ -54,8 +54,7 @@ const selectStyleScript = (props) => {
                         border: 0,
                         backgroundColor: 'transparent',
                         '.ss__select__select__option': {
-                            lineHeight: 1.5,
-                            color: 'inherit',
+                            ...custom.styles.baseText('inherit'),
                             gap: `${custom.spacing.x2}px`,
                             padding: 0,
                             margin: `0 0 ${custom.spacing.x1}px 0`,

package/dist/esm/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/esm/components/src/themes/pike/components/molecules/swatches.js

@@ -1,6 +1,5 @@
 import { css } from '@emotion/react';
 import { custom } from '../../custom';
-//import Color from 'color';
 // static variables
 const swatchesSpacing = custom.spacing.x1;
 const swatchesSize = 28;
@@ -42,7 +41,7 @@ const swatchesStyleScript = (props) => {
                         '.ss__slideshow__slide': {
                             '.ss__swatches__slideshow__swatch': {
                                 position: 'relative',
-                                height: `${swatchesSize}px`,
+                                height: `100%`,
                                 aspectRatio: 1,
                                 border: 0,
                                 '.ss__swatches__slideshow__swatch__inner': {
@@ -191,7 +190,14 @@ const swatchesStyleScript = (props) => {
         },
     ]);
     // swatches grid styles
-    const swatchesGridStyles = css([sharedStyles]);
+    const swatchesGridStyles = css([
+        sharedStyles,
+        {
+            '.ss__grid .ss__grid__options .ss__grid__option:not(.ss__grid__show-more-wrapper)': {
+                maxWidth: `${swatchesSize}px`,
+            },
+        },
+    ]);
     return props?.type == 'grid' ? swatchesGridStyles : swatchesCarouselStyles;
 };
 // Swatches component props
@@ -202,9 +208,9 @@ export const swatches = {
             hideLabels: false,
         },
         'swatches slideshow': {
-            slidesToShow: 4,
+            slideWidth: swatchesSize,
             gap: swatchesSpacing,
-            centerInsufficientSlides: true,
+            centerInsufficientSlides: false,
         },
         'swatches grid': {
             columns: 4,

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

@@ -4,7 +4,7 @@ import { custom } from '../../custom';
 const termsStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const desktopBp = variables?.breakpoints?.desktop || custom.breakpoints.desktop;
+    const desktopBp = variables?.breakpoints?.desktop;
     // shared styles
     const sharedStyles = css({
         width: '100%',

package/dist/esm/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/esm/components/src/themes/pike/components/organisms/autocomplete.js

@@ -8,9 +8,9 @@ const activeSelectors = '.ss__autocomplete__terms .ss__autocomplete__terms__opti
 const autocompleteStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const desktopBp = variables?.breakpoints?.desktop || custom.breakpoints.desktop;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const desktopBp = variables?.breakpoints?.desktop;
+    const tabletBp = variables?.breakpoints?.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
     // shared styles
     const sharedStyles = css({
         '&.ss__autocomplete': {
@@ -109,12 +109,6 @@ const autocompleteStyleScript = (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': {
@@ -199,6 +193,13 @@ const autocompleteStyleScript = (props) => {
                 },
             },
         },
+        [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
+            '&.ss__autocomplete': {
+                '.ss__autocomplete__content__results .ss__results.ss__results-list': {
+                    gap: `${custom.spacing.x2}px`,
+                },
+            },
+        },
         [`${custom.utils.getBp(custom.breakpoints.small, 'max')}`]: {
             '&.ss__autocomplete': {
                 '.ss__autocomplete__content__results .ss__results': {
@@ -305,6 +306,7 @@ const autocompleteStyleScript = (props) => {
         sharedStyles,
         {
             '.ss__autocomplete__terms': {
+                gap: `${custom.spacing.x4}px`,
                 '& > div': {
                     '.ss__autocomplete__title h5': {
                         margin: `0 0 ${custom.spacing.x2}px 0`,

package/dist/esm/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/esm/components/src/themes/pike/components/organisms/facet.js

@@ -129,9 +129,6 @@ const facetStyleScript = (props) => {
             lineHeight: 1,
             '.ss__facet__show-more-less__icon': {
                 margin: 0,
-                width: `${custom.sizes.icon10}px`,
-                height: `${custom.sizes.icon10}px`,
-                flex: `0 0 ${custom.sizes.icon10}px`,
             },
         },
     });
@@ -149,14 +146,17 @@ export const facet = {
             color: custom.colors.secondary,
             iconColor: custom.colors.primary,
         },
-        'facet icon.collapse': {
+        'facet dropdown icon.collapse': {
             size: `${custom.sizes.icon12}px`,
         },
-        'facet icon.expand': {
+        'facet dropdown icon.expand': {
             size: `${custom.sizes.icon12}px`,
         },
         'facet button.reset-facet icon': {
             size: `${custom.sizes.icon08}px`,
         },
+        'facet icon.overflow-more': {
+            size: `${custom.sizes.icon10}px`,
+        },
     },
 };

package/dist/esm/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/esm/components/src/themes/pike/components/organisms/facetsHorizontal.js

@@ -6,8 +6,8 @@ const dropdownButtonHeight = custom.sizes.height;
 const facetsHorizontalStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
     // facets horizontal styles
     const facetsHorizontalStyles = css({
         margin: 0,
@@ -118,11 +118,8 @@ const facetsHorizontalStyleScript = (props) => {
                         marginRight: 'auto',
                     },
                     '.ss__facet__show-more-less': {
-                        margin: `${custom.spacing.x2}px 0 0 0`,
+                        margin: `${custom.spacing.x4}px 0 0 0`,
                         justifyContent: 'center',
-                        '.ss__facet__show-more-less__icon': {
-                            margin: 0,
-                        },
                     },
                 },
             },
@@ -159,6 +156,9 @@ export const facetsHorizontal = {
         'facetsHorizontal button.reset-facet icon': {
             size: `${custom.sizes.icon08}px`,
         },
+        'facetsHorizontal icon.overflow-more': {
+            size: `${custom.sizes.icon10}px`,
+        },
         'facetsHorizontal dropdown facet': {
             statefulOverflow: true,
             horizontal: true,

package/dist/esm/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/esm/components/src/themes/pike/components/organisms/mobileSidebar.js

@@ -11,7 +11,8 @@ const mobileSidebarStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
     const hideHeader = typeof props?.hideHeader == 'boolean' ? props.hideHeader : false;
-    const hideFooter = typeof props?.hideFooter == 'boolean' ? props.hideFooter : false;
+    let hideFooter = typeof props?.hideFooter == 'boolean' ? props.hideFooter : false;
+    hideFooter = props?.hideApplyButton && props?.hideClearButton ? true : hideFooter;
     // determine inner content height
     let innerHeight = 100;
     if (!hideHeader && !hideFooter) {

package/dist/esm/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/esm/components/src/themes/pike/components/organisms/noResults.js

@@ -15,9 +15,7 @@ const noResultsStyleScript = (props) => {
                 ...custom.styles.headerText(variables?.colors?.secondary, '20px'),
             },
             'ul li, p': {
-                fontSize: '14px',
-                color: variables?.colors?.text,
-                lineHeight: 1.5,
+                ...custom.styles.baseText(variables?.colors?.text),
             },
             a: {
                 color: variables?.colors?.primary,
@@ -40,10 +38,8 @@ const noResultsStyleScript = (props) => {
         },
         '.ss__no-results__contact': {
             '.ss__no-results__contact__title': {
+                ...custom.styles.baseText(variables?.colors?.text),
                 fontWeight: 'normal',
-                fontSize: '14px',
-                color: variables?.colors?.text,
-                lineHeight: 1.5,
             },
         },
         '.ss__no-results__recommendations': {

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

@@ -4,7 +4,7 @@ import { custom } from '../../custom';
 const toolbarStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const mobileBp = variables?.breakpoints?.mobile;
     // toolbar styles
     const toolbarStyles = css({
         ...custom.styles.boxSizing('toolbar', props?.treePath, props?.name),

package/dist/esm/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/esm/components/src/themes/pike/components/templates/autocompleteFixed.js

@@ -8,7 +8,7 @@ const searchInputHeight = 40;
 const autocompleteFixedStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const mobileBp = variables?.breakpoints?.mobile;
     // autocomplete shared styles
     const sharedStyles = css({
         '.ss__modal': {
@@ -35,6 +35,9 @@ const autocompleteFixedStyleScript = (props) => {
                         '.ss__button, .ss__search-input__button--close-search-button': {
                             width: `${searchInputHeight}px`,
                         },
+                        '.ss__search-input__input': {
+                            backgroundColor: custom.colors.white,
+                        },
                     },
                     '.ss__autocomplete-fixed__inner__layout-wrapper': {
                         maxHeight: 'none',
@@ -124,7 +127,6 @@ export const autocompleteFixed = {
         'autocompleteFixed recommendationGrid': {
             rows: 2,
             columns: 4,
-            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteFixed button.see-more icon': {
             size: `${custom.sizes.icon12}px`,
@@ -147,6 +149,7 @@ export const autocompleteFixed = {
         'autocompleteFixed results': {
             rows: 1,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px ${custom.spacing.x2}px`,
         },
         'autocompleteFixed recommendationGrid': {
             rows: 1,
@@ -185,6 +188,7 @@ export const autocompleteFixed = {
         'autocompleteFixed results': {
             rows: 1,
             columns: 4,
+            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteFixed recommendationGrid': {
             rows: 1,
@@ -207,6 +211,7 @@ export const autocompleteFixed = {
         'autocompleteFixed results': {
             rows: 2,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteFixed recommendationGrid': {
             rows: 2,

package/dist/esm/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/esm/components/src/themes/pike/components/templates/autocompleteModal.js

@@ -8,7 +8,7 @@ const searchInputHeight = 40;
 const autocompleteModalStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const desktopBp = variables?.breakpoints?.desktop || custom.breakpoints.desktop;
+    const desktopBp = variables?.breakpoints?.desktop;
     // autocomplete shared styles
     const sharedStyles = css({
         '.ss__modal': {
@@ -48,6 +48,7 @@ const autocompleteModalStyleScript = (props) => {
                         flex: '1 1 0%',
                         overflowY: 'auto',
                         overflowX: 'hidden',
+                        borderTopWidth: 0,
                         ...custom.styles.scrollbar(),
                     },
                 },
@@ -118,7 +119,6 @@ export const autocompleteModal = {
         'autocompleteModal recommendationGrid': {
             rows: 2,
             columns: 4,
-            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteModal button.see-more icon': {
             size: `${custom.sizes.icon12}px`,
@@ -140,6 +140,7 @@ export const autocompleteModal = {
         'autocompleteModal results': {
             rows: 1,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px ${custom.spacing.x2}px`,
         },
         'autocompleteModal recommendationGrid': {
             rows: 1,
@@ -177,6 +178,7 @@ export const autocompleteModal = {
         'autocompleteModal results': {
             rows: 1,
             columns: 4,
+            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteModal recommendationGrid': {
             rows: 1,
@@ -198,6 +200,7 @@ export const autocompleteModal = {
         'autocompleteModal results': {
             rows: 2,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteModal recommendationGrid': {
             rows: 2,

package/dist/esm/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"}

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

@@ -7,9 +7,9 @@ const activeSelectors = '.ss__autocomplete__facets .ss__facets .ss__facet .ss__f
 export const autocompleteSharedStyleScript = (props, template) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const desktopBp = variables?.breakpoints?.desktop || custom.breakpoints.desktop;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const desktopBp = variables?.breakpoints?.desktop;
+    const tabletBp = variables?.breakpoints?.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
     // determine template being used
     const isFixed = template == 'autocompleteFixed';
     const isModal = template == 'autocompleteModal';
@@ -95,12 +95,6 @@ export const autocompleteSharedStyleScript = (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': {
@@ -137,7 +131,6 @@ export const autocompleteSharedStyleScript = (props, template) => {
     });
     // results layout styles
     const resultsLayoutStyles = css({
-        gap: `${custom.spacing.x4}px`,
         overflowY: isFixed ? 'auto' : 'hidden',
         overflowX: 'hidden',
         maxHeight: isFixed ? '54vh' : '',
@@ -258,6 +251,13 @@ export const autocompleteSharedStyleScript = (props, template) => {
         resultsStyles,
         noResultsStyles,
         seeMoreStyles,
+        {
+            [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
+                '.ss__autocomplete__content__results .ss__results.ss__results-list': {
+                    gap: `${custom.spacing.x2}px`,
+                },
+            },
+        },
         {
             [`${custom.utils.getBp(custom.breakpoints.small, 'max')}`]: {
                 ...resultsSmallStyles,
@@ -337,6 +337,13 @@ export const autocompleteSharedStyleScript = (props, template) => {
         resultsStyles,
         noResultsStyles,
         seeMoreStyles,
+        {
+            [`${custom.utils.getBp(custom.breakpoints.small)}`]: {
+                '.ss__autocomplete__content__results .ss__results.ss__results-list': {
+                    gap: `${custom.spacing.x2}px`,
+                },
+            },
+        },
         {
             [`${custom.utils.getBp(custom.breakpoints.small, 'max')}`]: {
                 ...resultsSmallStyles,

package/dist/esm/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/esm/components/src/themes/pike/components/templates/autocompleteSlideout.js

@@ -29,6 +29,9 @@ const autocompleteSlideoutStyleScript = (props) => {
                 '.ss__button, .ss__search-input__button--close-search-button': {
                     width: `${searchInputHeight}px`,
                 },
+                '.ss__search-input__input': {
+                    backgroundColor: custom.colors.white,
+                },
             },
             '.ss__autocomplete': {
                 alignContent: 'flex-start',
@@ -62,6 +65,7 @@ export const autocompleteSlideout = {
         'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteSlideout recommendationGrid': {
             rows: 2,
@@ -87,6 +91,7 @@ export const autocompleteSlideout = {
         'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px ${custom.spacing.x2}px`,
         },
         'autocompleteSlideout recommendationGrid': {
             rows: 2,
@@ -108,6 +113,7 @@ export const autocompleteSlideout = {
         'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteSlideout recommendationGrid': {
             rows: 2,
@@ -129,6 +135,7 @@ export const autocompleteSlideout = {
         'autocompleteSlideout results': {
             rows: 2,
             columns: 3,
+            gapSize: `${custom.spacing.x4}px`,
         },
         'autocompleteSlideout recommendationGrid': {
             rows: 2,

package/dist/esm/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/esm/components/src/themes/pike/components/templates/recommendation.js

@@ -17,8 +17,8 @@ const carouselOptions = {
 const recommendationStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
     // spacing and position variables for features
     let spacing = 0;
     if (props?.pagination && props?.scrollbar) {
@@ -44,9 +44,7 @@ const recommendationStyleScript = (props) => {
             ...custom.styles.textOverflow(),
         },
         '.ss__recommendation__description': {
-            fontSize: '14px',
-            fontWeight: 'normal',
-            color: variables?.colors?.text,
+            ...custom.styles.baseText(variables?.colors?.text),
         },
         '.ss__carousel': {
             position: 'static',
@@ -92,12 +90,15 @@ const recommendationStyleScript = (props) => {
             '.ss__recommendation__title, .ss__recommendation__description': {
                 textAlign: 'center',
             },
+            '.ss__recommendation__title': {
+                padding: 0,
+            },
             '.ss__carousel': {
                 position: 'relative',
                 padding: `0 ${custom.spacing.x4 + arrowSizes.tablet}px`,
                 '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
                     top: 0,
-                    bottom: `calc(10.15rem + ${spacing - custom.spacing.x4}px)`,
+                    bottom: `calc(10.40rem + ${spacing - custom.spacing.x4}px)`,
                     width: `${arrowSizes.tablet}px`,
                     height: `${arrowSizes.tablet}px`,
                 },

package/dist/esm/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"}