@athoscommerce/snap-preact 1.1.4 → 1.2.0

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

@@ -106,9 +106,6 @@ var facetStyleScript = function (props) {
             },
         }, '.ss__facet__show-more-less': __assign(__assign({ margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"), flexFlow: 'row nowrap', display: 'inline-flex', alignItems: 'center', gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.activeText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary)), { lineHeight: 1, '.ss__facet__show-more-less__icon': {
                 margin: 0,
-                width: "".concat(custom_1.custom.sizes.icon10, "px"),
-                height: "".concat(custom_1.custom.sizes.icon10, "px"),
-                flex: "0 0 ".concat(custom_1.custom.sizes.icon10, "px"),
             } }) }));
     return facetStyles;
 };
@@ -124,14 +121,17 @@ exports.facet = {
             color: custom_1.custom.colors.secondary,
             iconColor: custom_1.custom.colors.primary,
         },
-        'facet icon.collapse': {
+        'facet dropdown icon.collapse': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),
         },
-        'facet icon.expand': {
+        'facet dropdown icon.expand': {
             size: "".concat(custom_1.custom.sizes.icon12, "px"),
         },
         'facet button.reset-facet icon': {
             size: "".concat(custom_1.custom.sizes.icon08, "px"),
         },
+        'facet icon.overflow-more': {
+            size: "".concat(custom_1.custom.sizes.icon10, "px"),
+        },
     },
 };

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

@@ -1,4 +1,4 @@
-import type { FacetsProps } from '../../../../components/Organisms/Facets';
+import type { FacetsProps, FacetsTemplatesLegalProps } from '../../../../components/Organisms/Facets';
 import { ThemeComponent } from '../../../../providers';
-export declare const facets: ThemeComponent<'facets', FacetsProps>;
+export declare const facets: ThemeComponent<'facets', FacetsProps, FacetsTemplatesLegalProps>;
 //# sourceMappingURL=facets.d.ts.map

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

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

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

@@ -1,4 +1,4 @@
-import type { FacetsHorizontalProps } from '../../../../components/Organisms/FacetsHorizontal';
+import type { FacetsHorizontalProps, FacetsHorizontalTemplatesLegalProps } from '../../../../components/Organisms/FacetsHorizontal';
 import { ThemeComponent } from '../../../../providers';
-export declare const facetsHorizontal: ThemeComponent<'facetsHorizontal', FacetsHorizontalProps>;
+export declare const facetsHorizontal: ThemeComponent<'facetsHorizontal', FacetsHorizontalProps, FacetsHorizontalTemplatesLegalProps>;
 //# sourceMappingURL=facetsHorizontal.d.ts.map

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

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

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

@@ -22,8 +22,8 @@ var facetsHorizontalStyleScript = function (props) {
     var _b, _c, _d, _e;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var mobileBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile) || custom_1.custom.breakpoints.mobile;
-    var tabletBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet) || custom_1.custom.breakpoints.tablet;
+    var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
+    var tabletBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet;
     // facets horizontal styles
     var facetsHorizontalStyles = (0, react_1.css)(__assign(__assign({ margin: 0 }, custom_1.custom.styles.boxSizing('facetsHorizontal', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__facets-horizontal__header': {
                 gap: "".concat(custom_1.custom.spacing.x2, "px"),
@@ -127,11 +127,8 @@ var facetsHorizontalStyleScript = function (props) {
                             marginRight: 'auto',
                         },
                         '.ss__facet__show-more-less': {
-                            margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"),
+                            margin: "".concat(custom_1.custom.spacing.x4, "px 0 0 0"),
                             justifyContent: 'center',
-                            '.ss__facet__show-more-less__icon': {
-                                margin: 0,
-                            },
                         },
                     },
                 },
@@ -165,6 +162,9 @@ exports.facetsHorizontal = {
         'facetsHorizontal button.reset-facet icon': {
             size: "".concat(custom_1.custom.sizes.icon08, "px"),
         },
+        'facetsHorizontal icon.overflow-more': {
+            size: "".concat(custom_1.custom.sizes.icon10, "px"),
+        },
         'facetsHorizontal dropdown facet': {
             statefulOverflow: true,
             horizontal: true,

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

@@ -1,4 +1,4 @@
-import type { FilterSummaryProps } from '../../../../components/Organisms/FilterSummary';
+import type { FilterSummaryProps, FilterSummaryTemplatesLegalProps } from '../../../../components/Organisms/FilterSummary';
 import { ThemeComponent } from '../../../../providers';
-export declare const filterSummary: ThemeComponent<'filterSummary', FilterSummaryProps>;
+export declare const filterSummary: ThemeComponent<'filterSummary', FilterSummaryProps, FilterSummaryTemplatesLegalProps>;
 //# sourceMappingURL=filterSummary.d.ts.map

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

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

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

@@ -1,4 +1,4 @@
-import type { MobileSidebarProps } from '../../../../components/Organisms/MobileSidebar';
+import type { MobileSidebarProps, MobileSidebarTemplatesLegalProps } from '../../../../components/Organisms/MobileSidebar';
 import { ThemeComponent } from '../../../../providers';
-export declare const mobileSidebar: ThemeComponent<'mobileSidebar', MobileSidebarProps>;
+export declare const mobileSidebar: ThemeComponent<'mobileSidebar', MobileSidebarProps, MobileSidebarTemplatesLegalProps>;
 //# sourceMappingURL=mobileSidebar.d.ts.map

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

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

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

@@ -27,6 +27,7 @@ var mobileSidebarStyleScript = function (props) {
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     var hideHeader = typeof (props === null || props === void 0 ? void 0 : props.hideHeader) == 'boolean' ? props.hideHeader : false;
     var hideFooter = typeof (props === null || props === void 0 ? void 0 : props.hideFooter) == 'boolean' ? props.hideFooter : false;
+    hideFooter = (props === null || props === void 0 ? void 0 : props.hideApplyButton) && (props === null || props === void 0 ? void 0 : props.hideClearButton) ? true : hideFooter;
     // determine inner content height
     var innerHeight = 100;
     if (!hideHeader && !hideFooter) {

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

@@ -1,4 +1,4 @@
-import type { NoResultsProps } from '../../../../components/Organisms/NoResults';
+import type { NoResultsProps, NoResultsTemplatesLegalProps } from '../../../../components/Organisms/NoResults';
 import { ThemeComponent } from '../../../../providers';
-export declare const noResults: ThemeComponent<'noResults', NoResultsProps>;
+export declare const noResults: ThemeComponent<'noResults', NoResultsProps, NoResultsTemplatesLegalProps>;
 //# sourceMappingURL=noResults.d.ts.map

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

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

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

@@ -25,11 +25,7 @@ var noResultsStyleScript = function (props) {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
             },
             'h1, h2, h3, h4, h5, h6, .ss__no-results__recommendations .ss__recommendation .ss__recommendation__title': __assign({}, custom_1.custom.styles.headerText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary, '20px')),
-            'ul li, p': {
-                fontSize: '14px',
-                color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text,
-                lineHeight: 1.5,
-            },
+            'ul li, p': __assign({}, custom_1.custom.styles.baseText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text)),
             a: {
                 color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
                 '&:hover': {
@@ -49,12 +45,7 @@ var noResultsStyleScript = function (props) {
                 },
             },
         }, '.ss__no-results__contact': {
-            '.ss__no-results__contact__title': {
-                fontWeight: 'normal',
-                fontSize: '14px',
-                color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
-                lineHeight: 1.5,
-            },
+            '.ss__no-results__contact__title': __assign(__assign({}, custom_1.custom.styles.baseText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text)), { fontWeight: 'normal' }),
         }, '.ss__no-results__recommendations': {
             '.ss__recommendation': {
                 margin: "".concat(custom_1.custom.spacing.x4, "px 0"),

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

@@ -20,7 +20,7 @@ var toolbarStyleScript = function (props) {
     var _b, _c;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var mobileBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile) || custom_1.custom.breakpoints.mobile;
+    var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
     // toolbar styles
     var toolbarStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('toolbar', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__button--sidebar-toggle-button-wrapper .ss__button': {
                 '.ss__button__content': {

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

@@ -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/cjs/components/src/themes/pike/components/templates/autocompleteFixed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteFixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,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/cjs/components/src/themes/pike/components/templates/autocompleteFixed.js

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

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

@@ -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/cjs/components/src/themes/pike/components/templates/autocompleteModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/autocompleteModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,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/cjs/components/src/themes/pike/components/templates/autocompleteModal.js

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

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

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

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

@@ -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/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,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/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

@@ -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/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,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"}