@athoscommerce/snap-preact 1.1.4 → 1.2.0

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/results.d.ts

@@ -1,4 +1,4 @@
-import type { ResultsProps } from '../../../../components/Organisms/Results';
+import type { ResultsProps, ResultsTemplatesLegalProps } from '../../../../components/Organisms/Results';
 import { ThemeComponent } from '../../../../providers';
-export declare const results: ThemeComponent<'results', ResultsProps>;
+export declare const results: ThemeComponent<'results', ResultsProps, ResultsTemplatesLegalProps>;
 //# sourceMappingURL=results.d.ts.map

package/dist/esm/components/src/themes/pike/components/organisms/results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"results.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/results.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,CAoB3D,CAAC"}
+{"version":3,"file":"results.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/results.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAoBvF,CAAC"}

package/dist/esm/components/src/themes/pike/components/organisms/sidebar.d.ts

@@ -1,4 +1,4 @@
-import type { SidebarProps } from '../../../../components/Organisms/Sidebar';
+import type { SidebarProps, SidebarTemplatesLegalProps } from '../../../../components/Organisms/Sidebar';
 import { ThemeComponent } from '../../../../providers';
-export declare const sidebar: ThemeComponent<'sidebar', SidebarProps>;
+export declare const sidebar: ThemeComponent<'sidebar', SidebarProps, SidebarTemplatesLegalProps>;
 //# sourceMappingURL=sidebar.d.ts.map

package/dist/esm/components/src/themes/pike/components/organisms/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/sidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgCvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,CAM3D,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/sidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgCvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAMvF,CAAC"}

package/dist/esm/components/src/themes/pike/components/organisms/termsList.d.ts

@@ -1,4 +1,4 @@
-import type { TermsListProps } from '../../../../components/Organisms/TermsList';
+import type { TermsListProps, TermsListTemplatesLegalProps } from '../../../../components/Organisms/TermsList';
 import { ThemeComponent } from '../../../../providers';
-export declare const termsList: ThemeComponent<'termsList', TermsListProps>;
+export declare const termsList: ThemeComponent<'termsList', TermsListProps, TermsListTemplatesLegalProps>;
 //# sourceMappingURL=termsList.d.ts.map

package/dist/esm/components/src/themes/pike/components/organisms/termsList.d.ts.map

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

package/dist/esm/components/src/themes/pike/components/organisms/toolbar.d.ts

@@ -1,4 +1,4 @@
 import { ThemeComponent } from '../../../../providers';
-import { ToolbarProps } from '../../../../components/Organisms/Toolbar';
-export declare const toolbar: ThemeComponent<'toolbar', ToolbarProps>;
+import type { ToolbarProps, ToolbarTemplatesLegalProps } from '../../../../components/Organisms/Toolbar';
+export declare const toolbar: ThemeComponent<'toolbar', ToolbarProps, ToolbarTemplatesLegalProps>;
 //# sourceMappingURL=toolbar.d.ts.map

package/dist/esm/components/src/themes/pike/components/organisms/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAuCxE,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,CAY3D,CAAC"}
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AAuCzG,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAYvF,CAAC"}

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

@@ -1,4 +1,4 @@
 import { ThemeComponent } from '../../../../providers';
-import { AutocompleteFixedProps } from '../../../../components/Templates/AutocompleteFixed';
-export declare const autocompleteFixed: ThemeComponent<'autocompleteFixed', AutocompleteFixedProps>;
+import { AutocompleteFixedProps, AutocompleteFixedTemplatesLegalProps } from '../../../../components/Templates/AutocompleteFixed';
+export declare const autocompleteFixed: ThemeComponent<'autocompleteFixed', AutocompleteFixedProps, AutocompleteFixedTemplatesLegalProps>;
 //# sourceMappingURL=autocompleteFixed.d.ts.map

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,MAAM,oDAAoD,CAAC;AAgF5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CA6IzF,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

@@ -1,4 +1,4 @@
 import { ThemeComponent } from '../../../../providers';
-import { AutocompleteModalProps } from '../../../../components/Templates/AutocompleteModal';
-export declare const autocompleteModal: ThemeComponent<'autocompleteModal', AutocompleteModalProps>;
+import { AutocompleteModalProps, AutocompleteModalTemplatesLegalProps } from '../../../../components/Templates/AutocompleteModal';
+export declare const autocompleteModal: ThemeComponent<'autocompleteModal', AutocompleteModalProps, AutocompleteModalTemplatesLegalProps>;
 //# sourceMappingURL=autocompleteModal.d.ts.map

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,MAAM,oDAAoD,CAAC;AA2E5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CAyIzF,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

@@ -1,4 +1,4 @@
 import { ThemeComponent } from '../../../../providers';
-import { AutocompleteSlideoutProps } from '../../../../components/Templates/AutocompleteSlideout';
-export declare const autocompleteSlideout: ThemeComponent<'autocompleteSlideout', AutocompleteSlideoutProps>;
+import { AutocompleteSlideoutProps, AutocompleteSlideoutTemplatesLegalProps } from '../../../../components/Templates/AutocompleteSlideout';
+export declare const autocompleteSlideout: ThemeComponent<'autocompleteSlideout', AutocompleteSlideoutProps, AutocompleteSlideoutTemplatesLegalProps>;
 //# sourceMappingURL=autocompleteSlideout.d.ts.map

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,MAAM,uDAAuD,CAAC;AAoDlG,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CA2FlG,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

@@ -1,4 +1,4 @@
-import type { RecommendationProps } from '../../../../components/Templates/Recommendation';
+import type { RecommendationProps, RecommendationTemplatesLegalProps } from '../../../../components/Templates/Recommendation';
 import { ThemeComponent } from '../../../../providers';
-export declare const recommendation: ThemeComponent<'recommendation', RecommendationProps>;
+export declare const recommendation: ThemeComponent<'recommendation', RecommendationProps, RecommendationTemplatesLegalProps>;
 //# sourceMappingURL=recommendation.d.ts.map

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,MAAM,iDAAiD,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoHvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CAwDhF,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

@@ -1,4 +1,4 @@
-import type { RecommendationBundleProps } from '../../../../components/Templates/RecommendationBundle';
+import type { RecommendationBundleProps, RecommendationBundleTemplatesLegalProps } from '../../../../components/Templates/RecommendationBundle';
 import { ThemeComponent } from '../../../../providers';
-export declare const recommendationBundle: ThemeComponent<'recommendationBundle', RecommendationBundleProps>;
+export declare const recommendationBundle: ThemeComponent<'recommendationBundle', RecommendationBundleProps, RecommendationBundleTemplatesLegalProps>;
 //# sourceMappingURL=recommendationBundle.d.ts.map

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,MAAM,uDAAuD,CAAC;AAEvG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwJvD,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CAwDlG,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/esm/components/src/themes/pike/components/templates/recommendationBundle.js

@@ -12,8 +12,8 @@ const checkboxHeight = 16;
 const recommendationBundleStyleScript = (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;
     // bundle shared styles
     const sharedStyles = css({
         '.ss__recommendation-bundle__wrapper__cta': {
@@ -31,9 +31,7 @@ const recommendationBundleStyleScript = (props) => {
             ...custom.styles.headerText(variables?.colors?.secondary, '18px'),
         },
         '.ss__recommendation-bundle__description': {
-            fontSize: '14px',
-            fontWeight: 'normal',
-            color: variables?.colors?.text,
+            ...custom.styles.baseText(variables?.colors?.text),
         },
         '.ss__recommendation-bundle__wrapper': {
             flexFlow: 'row wrap',
@@ -56,7 +54,7 @@ const recommendationBundleStyleScript = (props) => {
             '.ss__recommendation-bundle__wrapper__carousel': {
                 '.ss__recommendation__carousel >': {
                     '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
-                        bottom: `calc(10.15rem - ${custom.spacing.x4}px)`,
+                        bottom: `calc(10.40rem - ${custom.spacing.x4}px)`,
                     },
                 },
             },

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

@@ -1,4 +1,4 @@
-import type { RecommendationBundleEasyAddProps } from '../../../../components/Templates/RecommendationBundleEasyAdd';
+import type { RecommendationBundleEasyAddProps, RecommendationBundleEasyAddTemplatesLegalProps } from '../../../../components/Templates/RecommendationBundleEasyAdd';
 import { ThemeComponent } from '../../../../providers';
-export declare const recommendationBundleEasyAdd: ThemeComponent<'recommendationBundleEasyAdd', RecommendationBundleEasyAddProps>;
+export declare const recommendationBundleEasyAdd: ThemeComponent<'recommendationBundleEasyAdd', RecommendationBundleEasyAddProps, RecommendationBundleEasyAddTemplatesLegalProps>;
 //# sourceMappingURL=recommendationBundleEasyAdd.d.ts.map

package/dist/esm/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,EAAE,gCAAgC,EAAE,MAAM,8DAA8D,CAAC;AAErH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgEvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,6BAA6B,EAAE,gCAAgC,CAuCvH,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/esm/components/src/themes/pike/components/templates/recommendationBundleList.d.ts

@@ -1,4 +1,4 @@
-import type { RecommendationBundleListProps } from '../../../../components/Templates/RecommendationBundleList';
+import type { RecommendationBundleListProps, RecommendationBundleListTemplatesLegalProps } from '../../../../components/Templates/RecommendationBundleList';
 import { ThemeComponent } from '../../../../providers';
-export declare const recommendationBundleList: ThemeComponent<'recommendationBundleList', RecommendationBundleListProps>;
+export declare const recommendationBundleList: ThemeComponent<'recommendationBundleList', RecommendationBundleListProps, RecommendationBundleListTemplatesLegalProps>;
 //# sourceMappingURL=recommendationBundleList.d.ts.map

package/dist/esm/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,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAE/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyHvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,0BAA0B,EAAE,6BAA6B,CA8C9G,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/esm/components/src/themes/pike/components/templates/recommendationBundleVertical.d.ts

@@ -1,4 +1,4 @@
-import type { RecommendationBundleVerticalProps } from '../../../../components/Templates/RecommendationBundleVertical';
+import type { RecommendationBundleVerticalProps, RecommendationBundleVerticalTemplatesLegalProps } from '../../../../components/Templates/RecommendationBundleVertical';
 import { ThemeComponent } from '../../../../providers';
-export declare const recommendationBundleVertical: ThemeComponent<'recommendationBundleVertical', RecommendationBundleVerticalProps>;
+export declare const recommendationBundleVertical: ThemeComponent<'recommendationBundleVertical', RecommendationBundleVerticalProps, RecommendationBundleVerticalTemplatesLegalProps>;
 //# sourceMappingURL=recommendationBundleVertical.d.ts.map

package/dist/esm/components/src/themes/pike/components/templates/recommendationBundleVertical.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundleVertical.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleVertical.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,+DAA+D,CAAC;AAEvH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsHvD,eAAO,MAAM,4BAA4B,EAAE,cAAc,CAAC,8BAA8B,EAAE,iCAAiC,CA0C1H,CAAC"}
+{"version":3,"file":"recommendationBundleVertical.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleVertical.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACX,iCAAiC,EACjC,+CAA+C,EAC/C,MAAM,+DAA+D,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsHvD,eAAO,MAAM,4BAA4B,EAAE,cAAc,CACxD,8BAA8B,EAC9B,iCAAiC,EACjC,+CAA+C,CA2C/C,CAAC"}

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

@@ -12,7 +12,6 @@ const checkboxHeight = 16;
 const recommendationBundleVerticalStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
     // bundle vertical shared styles
     const sharedStyles = css({
         '.ss__recommendation-bundle-vertical__wrapper__cta': {
@@ -95,7 +94,7 @@ const recommendationBundleVerticalStyleScript = (props) => {
                 display: 'none',
             },
         },
-        [`${custom.utils.getBp(mobileBp - 100)}`]: {
+        [`${custom.utils.getBp(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% - ${custom.spacing.x4}px)`,

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

@@ -1,4 +1,4 @@
-import type { RecommendationEmailProps } from '../../../../components/Templates/RecommendationEmail';
+import type { RecommendationEmailProps, RecommendationEmailTemplatesLegalProps } from '../../../../components/Templates/RecommendationEmail';
 import { ThemeComponent } from '../../../../providers';
-export declare const recommendationEmail: ThemeComponent<'recommendationEmail', RecommendationEmailProps>;
+export declare const recommendationEmail: ThemeComponent<'recommendationEmail', RecommendationEmailProps, RecommendationEmailTemplatesLegalProps>;
 //# sourceMappingURL=recommendationEmail.d.ts.map

package/dist/esm/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,MAAM,sDAAsD,CAAC;AAErG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqCvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,CAuB/F,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/esm/components/src/themes/pike/components/templates/recommendationEmail.js

@@ -7,23 +7,41 @@ const recommendationEmailStyleScript = (props) => {
     const variables = props?.theme?.variables;
     const recommendationEmailStyles = css({
         ...custom.styles.boxSizing('recommendationEmail', props?.treePath, props?.name),
+        padding: `0 0 ${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 ${custom.spacing.x6}px 0`,
             padding: `0 ${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': {
                     display: 'block',
                     height: '20px',
+                    lineHeight: '20px',
                     ...custom.styles.textOverflow(),
                 },
             },
@@ -39,9 +57,6 @@ export const recommendationEmail = {
             ...(recommendationEmailThemeComponentProps.default?.['recommendationEmail'] || {}),
             themeStyleScript: recommendationEmailStyleScript,
         },
-        'recommendationEmail result': {
-            hideBadge: false,
-        },
         'recommendationEmail result image': {
             lazy: false,
         },

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

@@ -1,4 +1,4 @@
-import type { RecommendationGridProps } from '../../../../components/Templates/RecommendationGrid';
+import type { RecommendationGridProps, RecommendationGridTemplatesLegalProps } from '../../../../components/Templates/RecommendationGrid';
 import { ThemeComponent } from '../../../../providers';
-export declare const recommendationGrid: ThemeComponent<'recommendationGrid', RecommendationGridProps>;
+export declare const recommendationGrid: ThemeComponent<'recommendationGrid', RecommendationGridProps, RecommendationGridTemplatesLegalProps>;
 //# sourceMappingURL=recommendationGrid.d.ts.map

package/dist/esm/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,MAAM,qDAAqD,CAAC;AAEnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsCvD,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,EAAE,uBAAuB,CA+B5F,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"}