@athoscommerce/snap-preact 1.1.4 → 1.2.0

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,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/cjs/components/src/themes/pike/components/templates/recommendationBundle.js

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,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/cjs/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/cjs/components/src/themes/pike/components/templates/recommendationBundleList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,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/cjs/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/cjs/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/cjs/components/src/themes/pike/components/templates/recommendationBundleVertical.js

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationEmail.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,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/cjs/components/src/themes/pike/components/templates/recommendationEmail.js

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationGrid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationGrid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,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"}

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

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

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

@@ -1,4 +1,4 @@
-import type { SearchProps } from '../../../../components/Templates/Search';
+import type { SearchProps, SearchTemplatesLegalProps } from '../../../../components/Templates/Search';
 import { ThemeComponent } from '../../../../providers';
-export declare const search: ThemeComponent<'search', SearchProps>;
+export declare const search: ThemeComponent<'search', SearchProps, SearchTemplatesLegalProps>;
 //# sourceMappingURL=search.d.ts.map

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

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

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

@@ -22,8 +22,8 @@ var searchStyleScript = function (props) {
     var _b, _c, _d;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var mobileBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile) || custom_1.custom.breakpoints.mobile;
-    var tabletBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet) || custom_1.custom.breakpoints.tablet;
+    var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
+    var tabletBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet;
     // search styles
     var searchStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('search', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__search__header-section, .ss__search__main-section': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
@@ -47,12 +47,10 @@ var searchStyleScript = function (props) {
                         '&:has(.ss__pagination-info:last-child)': {
                             flexDirection: 'row-reverse',
                         },
-                        '&:has(.ss__mobile-sidebar)': {
-                            '.ss__mobile-sidebar': {
-                                minWidth: '1px',
-                                '.ss__mobile-sidebar__slideout__button': {
-                                    width: '100%',
-                                },
+                        '.ss__mobile-sidebar': {
+                            minWidth: '1px',
+                            '.ss__mobile-sidebar__slideout__button': {
+                                width: '100%',
                             },
                         },
                     },
@@ -60,10 +58,8 @@ var searchStyleScript = function (props) {
             } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
         '.ss__search__main-section': {
             '.ss__toolbar': {
-                '.ss__layout__row:has(.ss__mobile-sidebar)': {
-                    '.ss__mobile-sidebar': {
-                        minWidth: '200px',
-                    },
+                '.ss__mobile-sidebar': {
+                    minWidth: '200px',
                 },
             },
         },
@@ -72,13 +68,13 @@ var searchStyleScript = function (props) {
             '.ss__toolbar': {
                 '.ss__layout__row': {
                     '&:has(.ss__select)': {
-                        '.ss__select': {
-                            flex: '1 1 0%',
-                        },
                         '.ss__layout__separator': {
                             display: 'none',
                         },
                     },
+                    '.ss__select': {
+                        flex: '1 1 0%',
+                    },
                     '.ss__pagination-info': {
                         flex: '1 1 100%',
                         order: -1,
@@ -91,13 +87,13 @@ var searchStyleScript = function (props) {
             '.ss__toolbar': {
                 '.ss__layout__row': {
                     '&:has(.ss__select)': {
-                        '.ss__select': {
-                            flex: '0 1 auto',
-                        },
                         '.ss__layout__separator': {
                             display: 'block',
                         },
                     },
+                    '.ss__select': {
+                        flex: '0 1 auto',
+                    },
                     '.ss__pagination-info': {
                         flex: '1 1 0%',
                         order: 0,

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

@@ -1,4 +1,4 @@
-import type { SearchCollapsibleProps } from '../../../../components/Templates/SearchCollapsible';
+import type { SearchCollapsibleProps, SearchCollapsibleTemplatesLegalProps } from '../../../../components/Templates/SearchCollapsible';
 import { ThemeComponent } from '../../../../providers';
-export declare const searchCollapsible: ThemeComponent<'searchCollapsible', SearchCollapsibleProps>;
+export declare const searchCollapsible: ThemeComponent<'searchCollapsible', SearchCollapsibleProps, SearchCollapsibleTemplatesLegalProps>;
 //# sourceMappingURL=searchCollapsible.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"searchCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/searchCollapsible.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAEjG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkGvD,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CA8DzF,CAAC"}
+{"version":3,"file":"searchCollapsible.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/searchCollapsible.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oCAAoC,EAAE,MAAM,oDAAoD,CAAC;AAEvI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkGvD,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,EAAE,oCAAoC,CA8D/H,CAAC"}

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

@@ -22,7 +22,7 @@ var searchCollapsibleStyleScript = function (props) {
     var _b, _c;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var tabletBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet) || custom_1.custom.breakpoints.tablet;
+    var tabletBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet;
     // search collapsible styles
     var searchCollapsibleStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('searchCollapsible', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '&:not(:has(.ss__no-results))': {
                 '.ss__search-collapsible__header-section': {

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

@@ -1,4 +1,4 @@
-import type { SearchHorizontalProps } from '../../../../components/Templates/SearchHorizontal';
+import type { SearchHorizontalProps, SearchHorizontalTemplatesLegalProps } from '../../../../components/Templates/SearchHorizontal';
 import { ThemeComponent } from '../../../../providers';
-export declare const searchHorizontal: ThemeComponent<'searchHorizontal', SearchHorizontalProps>;
+export declare const searchHorizontal: ThemeComponent<'searchHorizontal', SearchHorizontalProps, SearchHorizontalTemplatesLegalProps>;
 //# sourceMappingURL=searchHorizontal.d.ts.map

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

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

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

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

package/dist/cjs/components/src/themes/pike/custom.d.ts

@@ -7,13 +7,13 @@ type ObjectIconType = {
     [key: string]: IconType;
 };
 type ObjectNestedType = {
-    [key: string]: ObjectNumberOrStringType | ObjectNestedType;
+    [key: string]: ObjectNumberOrStringType | ObjectNestedType | undefined;
 };
 type ObjectNumberType = {
     [key: string]: number;
 };
 type ObjectNumberOrStringType = {
-    [key: string]: number | string;
+    [key: string]: number | string | undefined;
 };
 type ObjectStringType = {
     [key: string]: string;
@@ -28,6 +28,7 @@ type CustomThemeType = {
     styles: {
         activeText: (color?: string) => ObjectNestedType;
         badgeText: (fontSize: number) => ObjectNumberOrStringType;
+        baseText: (color?: string) => ObjectNumberOrStringType;
         borderRadius: (value?: number, unit?: string) => ObjectStringType | null;
         box: (color?: string, padding?: number | string, radius?: boolean) => ObjectNumberOrStringType;
         boxSizing: (component: string, treePath?: string, name?: string) => ObjectNestedType | null;

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

@@ -1 +1 @@
-{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/pike/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWvD,eAAO,MAAM,MAAM,EAAE,eAgRpB,CAAC;AAGF,KAAK,aAAa,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,gBAAgB,CAAC;CAC3D,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAC/B,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE;QACP,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACjD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC1D,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QACzE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,wBAAwB,CAAC;QAC/F,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QAC5F,QAAQ,EAAE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;QAC5D,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,GAAG,gBAAgB,CAAC;QACxH,SAAS,EAAE,MAAM,gBAAgB,CAAC;QAClC,MAAM,EAAE,MAAM,wBAAwB,CAAC;QACvC,YAAY,EAAE,MAAM,wBAAwB,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;QAC3C,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QACzD,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAC7C,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KAC1D,CAAC;CACF,CAAC"}
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/pike/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAWvD,eAAO,MAAM,MAAM,EAAE,eAwRpB,CAAC;AAGF,KAAK,aAAa,GAAG;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,wBAAwB,GAAG,gBAAgB,GAAG,SAAS,CAAC;CACvE,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CAC3C,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,eAAe,GAAG;IACtB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,MAAM,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,MAAM,EAAE;QACP,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,gBAAgB,CAAC;QACjD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC1D,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QACvD,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QACzE,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,wBAAwB,CAAC;QAC/F,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,gBAAgB,GAAG,IAAI,CAAC;QAC5F,QAAQ,EAAE,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;QAC5D,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,wBAAwB,GAAG,gBAAgB,CAAC;QACxH,SAAS,EAAE,MAAM,gBAAgB,CAAC;QAClC,MAAM,EAAE,MAAM,wBAAwB,CAAC;QACvC,YAAY,EAAE,MAAM,wBAAwB,CAAC;KAC7C,CAAC;IACF,KAAK,EAAE;QACN,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,EAAE,CAAC;QAC3C,WAAW,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QACzD,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAC7C,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;KAC1D,CAAC;CACF,CAAC"}

package/dist/cjs/components/src/themes/pike/custom.js

@@ -88,7 +88,7 @@ exports.custom = {
             return {
                 '&, &:hover': {
                     fontWeight: (_a = exports.custom === null || exports.custom === void 0 ? void 0 : exports.custom.fonts) === null || _a === void 0 ? void 0 : _a.weight01,
-                    color: color ? color : '',
+                    color: color || undefined,
                 },
             };
         },
@@ -100,6 +100,14 @@ exports.custom = {
                 lineHeight: 1.2,
             };
         },
+        baseText: function (color) {
+            // header text styles
+            return {
+                fontSize: '14px',
+                lineHeight: 1.5,
+                color: color || undefined,
+            };
+        },
         borderRadius: function (value, unit) {
             var hasValue = value || value === 0 ? true : false;
             value = hasValue ? value : exports.custom.sizes.radius;
@@ -125,7 +133,7 @@ exports.custom = {
             var hasRadius = typeof radius == 'boolean' ? radius : true;
             // radius style if available
             var radiusStyle = hasRadius && exports.custom.sizes.radius ? exports.custom.styles.borderRadius() : null;
-            return __assign(__assign({ border: "1px solid ".concat(exports.custom.colors.gray02) }, radiusStyle), { backgroundColor: exports.custom.colors.gray01, color: color ? color : '', padding: padding });
+            return __assign(__assign({ border: "1px solid ".concat(exports.custom.colors.gray02) }, radiusStyle), { backgroundColor: exports.custom.colors.gray01, color: color || undefined, padding: padding });
         },
         boxSizing: function (component, treePath, name) {
             treePath = treePath ? treePath : component;
@@ -165,7 +173,7 @@ exports.custom = {
                 fontSize: fontSize ? fontSize : '',
                 fontWeight: (_a = exports.custom === null || exports.custom === void 0 ? void 0 : exports.custom.fonts) === null || _a === void 0 ? void 0 : _a.weight02,
                 textTransform: (_b = exports.custom === null || exports.custom === void 0 ? void 0 : exports.custom.fonts) === null || _b === void 0 ? void 0 : _b.transform,
-                color: color ? color : '',
+                color: color || undefined,
             };
         },
         resultCompact: function (layout, imageWidth, fontSize) {
@@ -176,7 +184,7 @@ exports.custom = {
                 '&': {
                     gap: "".concat(exports.custom.spacing.x1, "px"),
                 },
-                '.ss__result__details__title a, .ss__result__details__pricing .ss__price--strike, .ss__result__details__pricing .ss__price--strike span': {
+                '.ss__result__details__title a, .ss__result__details__pricing .ss__price, .ss__result__details__pricing .ss__price span': {
                     fontSize: "".concat(fontSize, "px"),
                 },
                 '.ss__result__details__pricing .ss__result__price': {
@@ -188,7 +196,7 @@ exports.custom = {
                     overflow: 'hidden',
                     WebkitLineClamp: '2',
                 },
-                '.ss__result__add-to-cart-wrapper': {
+                '.ss__result__details__variant-selection, .ss__result__add-to-cart-wrapper': {
                     marginTop: '2.5px',
                 },
             };

package/dist/cjs/components/src/themes/snapnco/components/atoms/button.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProps } from '../../../../components/Atoms/Button';
+import type { ButtonProps, ButtonTemplatesLegalProps } from '../../../../components/Atoms/Button';
 import { ThemeComponent } from '../../../../providers';
-export declare const button: ThemeComponent<'button', ButtonProps>;
+export declare const button: ThemeComponent<'button', ButtonProps, ButtonTemplatesLegalProps>;
 //# sourceMappingURL=button.d.ts.map

package/dist/cjs/components/src/themes/snapnco/components/atoms/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6BvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAMxD,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/snapnco/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6BvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}