@athoscommerce/snap-preact 1.5.1-beta.116 → 1.6.0

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

@@ -27,14 +27,18 @@ var recommendationBundleEasyAddStyleScript = function (props) {
         '.ss__recommendation-bundle-easy-add__wrapper__cta': __assign({}, (0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-easy-add')),
     });
     // bundle easy add styles
-    var bundleEasyAddStyles = (0, react_1.css)(__assign(__assign({ margin: "".concat(custom_1.custom.spacing.x4, "px 0") }, custom_1.custom.styles.boxSizing('recommendationBundleEasyAdd', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__recommendation-profile-tracker': {
+    var bundleEasyAddStyles = (0, react_1.css)({
+        margin: "".concat(custom_1.custom.spacing.x4, "px 0"),
+        '.ss__recommendation-profile-tracker': {
             '& > *': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
                 '&:last-child': {
                     marginBottom: 0,
                 },
             },
-        }, '.ss__recommendation-bundle-easy-add__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, '16px')), '.ss__recommendation-bundle-easy-add__wrapper': {
+        },
+        '.ss__recommendation-bundle-easy-add__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, '16px')),
+        '.ss__recommendation-bundle-easy-add__wrapper': {
             display: 'block',
             '.ss__recommendation-bundle-easy-add__wrapper__selector': {
                 '.ss__recommendation-bundle-easy-add__wrapper__selector__result-wrapper': {
@@ -46,26 +50,25 @@ var recommendationBundleEasyAddStyleScript = function (props) {
             '.ss__recommendation-bundle-easy-add__wrapper__cta': {
                 margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"),
             },
-        }, '.ss__recommendation-bundle-easy-add__wrapper__cta': {
+        },
+        '.ss__recommendation-bundle-easy-add__wrapper__cta': {
             width: 'auto',
             '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal': {
                 '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal__icon__wrapper': {
                     display: 'none',
                 },
             },
-        } }));
+        },
+    });
     // recommendation bundle easy add styles
     var recommendationBundleEasyAddStyles = (0, react_1.css)([sharedStyles, bundleEasyAddStyles]);
     return recommendationBundleEasyAddStyles;
 };
 // RecommendationBundleEasyAdd component props come from Template export
 exports.recommendationBundleEasyAdd = {
-    default: __assign(__assign({}, recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default), { recommendationBundleEasyAdd: __assign(__assign({}, (((_a = recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleEasyAdd']) || {})), { themeStyleScript: recommendationBundleEasyAddStyleScript, ctaButtonText: 'Add Both to Cart', ctaButtonSuccessText: 'Added!' }), 'recommendationBundleEasyAdd checkbox icon': {
-            color: custom_1.custom.colors.primary,
-        }, 'recommendationBundleEasyAdd icon.bundle-cart': {
+    default: __assign(__assign({}, recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default), { recommendationBundleEasyAdd: __assign(__assign({}, (((_a = recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleEasyAdd']) || {})), { themeStyleScript: recommendationBundleEasyAddStyleScript, ctaButtonText: 'Add Both to Cart', ctaButtonSuccessText: 'Added!' }), 'recommendationBundleEasyAdd icon.bundle-cart': {
             size: "".concat(custom_1.custom.sizes.icon16 * 2, "px"),
             icon: custom_1.custom.icons.bag,
-            color: custom_1.custom.colors.secondary,
         }, 'recommendationBundleEasyAdd result': {
             layout: 'list',
         } }),

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

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

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

@@ -30,14 +30,18 @@ var recommendationBundleListStyleScript = function (props) {
         '.ss__recommendation-bundle-list__wrapper__cta': __assign({}, (0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-list')),
     });
     // bundle list styles
-    var bundleListStyles = (0, react_1.css)(__assign(__assign({ margin: "".concat(custom_1.custom.spacing.x4, "px 0") }, custom_1.custom.styles.boxSizing('recommendationBundleList', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__recommendation-profile-tracker': {
+    var bundleListStyles = (0, react_1.css)((_a = {
+            margin: "".concat(custom_1.custom.spacing.x4, "px 0"),
+            '.ss__recommendation-profile-tracker': {
                 '& > *': {
                     margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"),
                     '&:first-child': {
                         marginTop: 0,
                     },
                 },
-            }, '.ss__recommendation-bundle-list__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-list__wrapper': {
+            },
+            '.ss__recommendation-bundle-list__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-list__wrapper': {
                 flexFlow: 'row wrap',
                 gap: "".concat(custom_1.custom.spacing.x2, "px ").concat(custom_1.custom.spacing.x4, "px"),
                 '& > *': {
@@ -61,7 +65,8 @@ var recommendationBundleListStyleScript = function (props) {
                         '.ss__result.ss__result--list': __assign({}, custom_1.custom.styles.resultCompact()),
                     },
                 },
-            }, '.ss__recommendation-bundle-list__wrapper__cta': {
+            },
+            '.ss__recommendation-bundle-list__wrapper__cta': {
                 '.ss__recommendation-bundle-list__wrapper__cta__inner': {
                     '.ss__recommendation-bundle-list__wrapper__cta__inner__images': {
                         position: 'relative',
@@ -104,12 +109,15 @@ var recommendationBundleListStyleScript = function (props) {
                         },
                     },
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
-        '.ss__recommendation-bundle-list__wrapper > *': {
-            width: "calc((100% - ".concat(custom_1.custom.spacing.x4, "px) / 2)"),
-            flex: '0 1 auto',
+            }
         },
-    }, _a)));
+        _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+            '.ss__recommendation-bundle-list__wrapper > *': {
+                width: "calc((100% - ".concat(custom_1.custom.spacing.x4, "px) / 2)"),
+                flex: '0 1 auto',
+            },
+        },
+        _a));
     // recommendation bundle list styles
     var recommendationBundleListStyles = (0, react_1.css)([sharedStyles, bundleListStyles]);
     return recommendationBundleListStyles;
@@ -119,16 +127,13 @@ exports.recommendationBundleList = {
     default: __assign(__assign({}, recommendationBundleList_1.recommendationBundleListThemeComponentProps.default), { recommendationBundleList: __assign(__assign({}, (((_a = recommendationBundleList_1.recommendationBundleListThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleList']) || {})), { themeStyleScript: recommendationBundleListStyleScript, ctaButtonText: 'Add Selected', ctaButtonSuccessText: 'Added!', limit: 6 }), 'recommendationBundleList checkbox': {
             size: "".concat(custom_1.custom.sizes.icon16 + 2, "px"),
         }, 'recommendationBundleList checkbox icon': {
-            color: custom_1.custom.colors.primary,
             size: "".concat(custom_1.custom.sizes.icon10, "px"),
         }, 'recommendationBundleList icon.bundle-cart-separator': {
             size: "".concat(plusIconSize, "px"),
             icon: custom_1.custom.icons.plus,
-            color: custom_1.custom.colors.secondary,
         }, 'recommendationBundleList icon.bundle-cart': {
             size: "".concat(custom_1.custom.sizes.icon16 * 2, "px"),
             icon: custom_1.custom.icons.bag,
-            color: custom_1.custom.colors.secondary,
         } }),
     mobile: __assign(__assign({}, recommendationBundleList_1.recommendationBundleListThemeComponentProps.mobile), { recommendationBundleList: __assign({}, (((_b = recommendationBundleList_1.recommendationBundleListThemeComponentProps.mobile) === null || _b === void 0 ? void 0 : _b['recommendationBundleList']) || {})) }),
     tablet: __assign(__assign({}, recommendationBundleList_1.recommendationBundleListThemeComponentProps.tablet), { recommendationBundleList: __assign({}, (((_c = recommendationBundleList_1.recommendationBundleListThemeComponentProps.tablet) === null || _c === void 0 ? void 0 : _c['recommendationBundleList']) || {})) }),

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,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"}
+{"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,CAuC/C,CAAC"}

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

@@ -18,30 +18,34 @@ var recommendationBundleVertical_1 = require("../../../themeComponents/recommend
 var recommendationCTA_1 = require("./recommendationCTA");
 var custom_1 = require("../../custom");
 // static variables
-var activeColors = custom_1.custom.utils.activeColors();
-var activeColor = activeColors[0];
-var fontColor = activeColors[1];
 var seedBadgeHeight = 22;
 var checkboxHeight = 16;
 // CSS in JS style script for the RecommendationBundleVertical component
 var recommendationBundleVerticalStyleScript = 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 activeColors = custom_1.custom.utils.activeColors(((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary) || custom_1.custom.colors.secondary);
+    var activeColor = activeColors[0];
+    var fontColor = activeColors[1];
     // bundle vertical shared styles
     var sharedStyles = (0, react_1.css)({
         '.ss__recommendation-bundle-vertical__wrapper__cta': __assign({}, (0, recommendationCTA_1.recommendationCTAStyleScript)(props, 'bundle-vertical')),
     });
     // bundle vertical styles
-    var bundleVerticalStyles = (0, react_1.css)(__assign(__assign({ margin: "".concat(custom_1.custom.spacing.x4, "px 0") }, custom_1.custom.styles.boxSizing('recommendationBundleVertical', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__recommendation-profile-tracker': {
+    var bundleVerticalStyles = (0, react_1.css)((_a = {
+            margin: "".concat(custom_1.custom.spacing.x4, "px 0"),
+            '.ss__recommendation-profile-tracker': {
                 '& > *': {
                     margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
                     '&:last-child': {
                         marginBottom: 0,
                     },
                 },
-            }, '.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': {
+            },
+            '.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': {
                 gap: "".concat(custom_1.custom.spacing.x2, "px"),
                 '.ss__recommendation-bundle-vertical__wrapper__selector': {
                     '&.ss__recommendation-bundle-vertical__wrapper__selector--seed': {
@@ -92,28 +96,29 @@ var recommendationBundleVerticalStyleScript = function (props) {
                         '.ss__result.ss__result--list': __assign({}, custom_1.custom.styles.resultCompact()),
                     },
                 },
-            }, '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal': {
+            },
+            '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal': {
                 '.ss__recommendation-bundle-vertical__wrapper__cta__subtotal__icon__wrapper': {
                     display: 'none',
                 },
-            } }, _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)"),
+            }
         },
-    }, _a)));
+        _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)"),
+            },
+        },
+        _a));
     // recommendation bundle vertical styles
     var recommendationBundleVerticalStyles = (0, react_1.css)([sharedStyles, bundleVerticalStyles]);
     return recommendationBundleVerticalStyles;
 };
 // RecommendationBundleVertical component props come from Template export
 exports.recommendationBundleVertical = {
-    default: __assign(__assign({}, recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default), { recommendationBundleVertical: __assign(__assign({}, (((_a = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleVertical']) || {})), { themeStyleScript: recommendationBundleVerticalStyleScript, ctaButtonText: 'Add Selected', ctaButtonSuccessText: 'Added!', separatorIcon: false, separatorIconSeedOnly: false, limit: 8 }), 'recommendationBundleVertical checkbox icon': {
-            color: custom_1.custom.colors.primary,
-        }, 'recommendationBundleVertical icon.bundle-cart': {
+    default: __assign(__assign({}, recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default), { recommendationBundleVertical: __assign(__assign({}, (((_a = recommendationBundleVertical_1.recommendationBundleVerticalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleVertical']) || {})), { themeStyleScript: recommendationBundleVerticalStyleScript, ctaButtonText: 'Add Selected', ctaButtonSuccessText: 'Added!', separatorIcon: false, separatorIconSeedOnly: false, limit: 8 }), 'recommendationBundleVertical icon.bundle-cart': {
             size: "".concat(custom_1.custom.sizes.icon16 * 2, "px"),
             icon: custom_1.custom.icons.bag,
-            color: custom_1.custom.colors.secondary,
         }, 'recommendationBundleVertical result': {
             layout: 'list',
         } }),

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationCTA.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationCTA.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,KAAK,QAAQ,GAAG;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAMF,eAAO,MAAM,4BAA4B,UAAW,QAAQ,UAAU,MAAM,YAAY,MAAM,8CAwE7F,CAAC"}
+{"version":3,"file":"recommendationCTA.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationCTA.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAG9C,KAAK,QAAQ,GAAG;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAMF,eAAO,MAAM,4BAA4B,UAAW,QAAQ,UAAU,MAAM,YAAY,MAAM,8CAsE7F,CAAC"}

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

@@ -19,19 +19,18 @@ var lightGray = custom_1.custom.utils.lightenColor();
 // CSS in JS style script for the Recommendation CTA component
 var recommendationCTAStyleScript = function (props, handle, spacing) {
     var _a, _b, _c;
-    var _d, _e, _f, _g, _h, _j;
+    var _d, _e, _f;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_d = props === null || props === void 0 ? void 0 : props.theme) === null || _d === void 0 ? void 0 : _d.variables;
     var recommendationHandle = ".ss__recommendation-".concat(handle, "__wrapper");
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({ display: 'flex', flexFlow: 'row wrap', justifyContent: 'center', alignItems: 'center', alignContent: 'center', gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.box((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.text, spacing ? spacing : "".concat(custom_1.custom.spacing.x2, "px"))), (_a = { '& > *': {
+    var sharedStyles = (0, react_1.css)(__assign(__assign({ display: 'flex', flexFlow: 'row wrap', justifyContent: 'center', alignItems: 'center', alignContent: 'center', gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.box(undefined, spacing ? spacing : "".concat(custom_1.custom.spacing.x2, "px"))), (_a = { '& > *': {
                 flex: '1 1 100%',
                 minWidth: '1px',
             } }, _a["".concat(recommendationHandle, "__cta__subtotal, ").concat(recommendationHandle, "__cta__button")] = {
         position: 'relative',
         zIndex: 2,
     }, _a["".concat(recommendationHandle, "__cta__subtotal")] = (_b = {
-            color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
             '& > *': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
                 '&:last-child': {
@@ -42,7 +41,7 @@ var recommendationCTAStyleScript = function (props, handle, spacing) {
         _b["".concat(recommendationHandle, "__cta__subtotal__icon__wrapper")] = {
             lineHeight: 1,
         },
-        _b["".concat(recommendationHandle, "__cta__subtotal__title")] = __assign({ display: 'block' }, custom_1.custom.styles.headerText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.secondary, '16px')),
+        _b["".concat(recommendationHandle, "__cta__subtotal__title")] = __assign({ display: 'block' }, custom_1.custom.styles.headerText((_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary, '16px')),
         _b["".concat(recommendationHandle, "__cta__subtotal__prices")] = (_c = {
                 label: {
                     margin: 0,
@@ -58,14 +57,13 @@ var recommendationCTAStyleScript = function (props, handle, spacing) {
                 },
                 '& ~ ${recommendationHandle}__cta__subtotal__price': {
                     '&, span': {
-                        color: (_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary,
+                        color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.primary,
                     },
                 },
             },
             _c["".concat(recommendationHandle, "__cta__subtotal__price")] = {
                 '&, span': {
                     fontSize: '16px',
-                    color: (_j = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _j === void 0 ? void 0 : _j.text,
                     fontWeight: custom_1.custom.fonts.weight01,
                 },
             },

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

@@ -1 +1 @@
-{"version":3,"file":"recommendationEmail.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/templates/recommendationEmail.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAE7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuDvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CAoBvI,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;AAsDvD,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,25 +21,31 @@ 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)), { padding: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"), '&:has(.ss__rating)': {
+    var recommendationEmailStyles = (0, react_1.css)({
+        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)': {
+        },
+        '&:has(.ss__callout-badge)': {
             '.ss__recommendation-email__result-wrapper': {
                 height: '475px',
             },
-        }, '&:has(.ss__callout-badge):has(.ss__rating)': {
+        },
+        '&:has(.ss__callout-badge):has(.ss__rating)': {
             '.ss__recommendation-email__result-wrapper': {
                 height: '500px',
             },
-        }, '.ss__recommendation-email__result-wrapper': {
+        },
+        '.ss__recommendation-email__result-wrapper': {
             width: '400px !important',
             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': {
+        },
+        '.ss__result': {
             '&, &*': {
                 textAlign: 'center',
             },
@@ -49,7 +55,8 @@ var recommendationEmailStyleScript = function (props) {
             '.ss__result__details': {
                 '.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

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

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

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

@@ -25,15 +25,22 @@ var recommendationGridStyleScript = function (props) {
     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',
+    var sharedStyles = (0, react_1.css)((_a = {
+            margin: "".concat(custom_1.custom.spacing.x8, "px 0"),
+            maxHeight: 'none',
+            '.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(tabletBp))] = {
-        '.ss__recommendation-grid__title': {
-            textAlign: 'center',
+        _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+            '.ss__recommendation-grid__title': {
+                fontSize: '22px',
+            },
         },
-    }, _a)));
+        _a["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
+            '.ss__recommendation-grid__title': {
+                textAlign: 'center',
+            },
+        },
+        _a));
     // recommendation grid styles
     var recommendationGridStyles = (0, react_1.css)([sharedStyles]);
     // recommendation grid overflow styles

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

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

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

@@ -25,9 +25,11 @@ var searchStyleScript = function (props) {
     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': {
+    var searchStyles = (0, react_1.css)((_a = {
+            '.ss__search__header-section, .ss__search__main-section': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
-            }, '.ss__search__main-section': {
+            },
+            '.ss__search__main-section': {
                 gap: "".concat(custom_1.custom.spacing.x6, "px"),
                 '.ss__search__sidebar, .ss__search__content': {
                     minWidth: '1px',
@@ -55,53 +57,61 @@ var searchStyleScript = function (props) {
                         },
                     },
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
-        '.ss__search__main-section': {
-            '.ss__toolbar': {
-                '.ss__mobile-sidebar': {
-                    minWidth: '200px',
+                '.ss__search__content__toolbar--bottom-toolbar': {
+                    marginTop: "40px",
+                },
+            }
+        },
+        _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+            '.ss__search__main-section': {
+                '.ss__toolbar': {
+                    '.ss__mobile-sidebar': {
+                        minWidth: '200px',
+                    },
                 },
             },
         },
-    }, _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
-        '.ss__search__main-section': {
-            '.ss__toolbar': {
-                '.ss__layout__row': {
-                    '&:has(.ss__select)': {
-                        '.ss__layout__separator': {
-                            display: 'none',
+        _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
+            '.ss__search__main-section': {
+                '.ss__toolbar': {
+                    '.ss__layout__row': {
+                        '&:has(.ss__select)': {
+                            '.ss__layout__separator': {
+                                display: 'none',
+                            },
+                        },
+                        '.ss__select': {
+                            flex: '1 1 0%',
+                        },
+                        '.ss__pagination-info': {
+                            flex: '1 1 100%',
+                            order: -1,
                         },
-                    },
-                    '.ss__select': {
-                        flex: '1 1 0%',
-                    },
-                    '.ss__pagination-info': {
-                        flex: '1 1 100%',
-                        order: -1,
                     },
                 },
             },
         },
-    }, _a["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
-        '.ss__search__main-section': {
-            '.ss__toolbar': {
-                '.ss__layout__row': {
-                    '&:has(.ss__select)': {
-                        '.ss__layout__separator': {
-                            display: 'block',
+        _a["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
+            '.ss__search__main-section': {
+                '.ss__toolbar': {
+                    '.ss__layout__row': {
+                        '&:has(.ss__select)': {
+                            '.ss__layout__separator': {
+                                display: 'block',
+                            },
+                        },
+                        '.ss__select': {
+                            flex: '0 1 auto',
+                        },
+                        '.ss__pagination-info': {
+                            flex: '1 1 0%',
+                            order: 0,
                         },
-                    },
-                    '.ss__select': {
-                        flex: '0 1 auto',
-                    },
-                    '.ss__pagination-info': {
-                        flex: '1 1 0%',
-                        order: 0,
                     },
                 },
             },
         },
-    }, _a)));
+        _a));
     return searchStyles;
 };
 // Search component props come from Template export

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,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"}
+{"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;AAiGvD,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

@@ -24,7 +24,8 @@ var searchCollapsibleStyleScript = function (props) {
     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;
     // 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))': {
+    var searchCollapsibleStyles = (0, react_1.css)((_a = {
+            '&:not(:has(.ss__no-results))': {
                 '.ss__search-collapsible__header-section': {
                     margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
                     '.ss__toolbar': {
@@ -36,9 +37,11 @@ var searchCollapsibleStyleScript = function (props) {
                         },
                     },
                 },
-            }, '.ss__search-collapsible__header-section, .ss__search-collapsible__main-section': {
+            },
+            '.ss__search-collapsible__header-section, .ss__search-collapsible__main-section': {
                 margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
-            }, '.ss__search-collapsible__main-section': {
+            },
+            '.ss__search-collapsible__main-section': {
                 gap: "".concat(custom_1.custom.spacing.x6, "px"),
                 '.ss__search-collapsible__sidebar, .ss__search-collapsible__content': {
                     minWidth: '1px',
@@ -53,55 +56,58 @@ var searchCollapsibleStyleScript = function (props) {
                     flex: '1 1 0%',
                     gap: "".concat(custom_1.custom.spacing.x4, "px"),
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
-        '&:not(:has(.ss__no-results))': {
-            '.ss__search-collapsible__header-section': {
-                margin: 0,
-                '.ss__toolbar': {
-                    '.ss__layout__row:has(.ss__search-header)': {
-                        flexWrap: 'nowrap',
-                        '.ss__search-header': {
-                            textAlign: 'left',
-                            '&:has(.ss__search-header__subtitle)': {
-                                '.ss__search-header__title': {
-                                    padding: "0 ".concat(custom_1.custom.spacing.x1, "px 0 0"),
-                                    '&:after': {
-                                        content: '"."',
+            }
+        },
+        _a["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
+            '&:not(:has(.ss__no-results))': {
+                '.ss__search-collapsible__header-section': {
+                    margin: 0,
+                    '.ss__toolbar': {
+                        '.ss__layout__row:has(.ss__search-header)': {
+                            flexWrap: 'nowrap',
+                            '.ss__search-header': {
+                                textAlign: 'left',
+                                '&:has(.ss__search-header__subtitle)': {
+                                    '.ss__search-header__title': {
+                                        padding: "0 ".concat(custom_1.custom.spacing.x1, "px 0 0"),
+                                        '&:after': {
+                                            content: '"."',
+                                        },
                                     },
                                 },
-                            },
-                            '.ss__search-header__title, .ss__search-header__subtitle': {
-                                display: 'inline',
-                            },
-                            '.ss__search-header__title': {
-                                fontSize: '16px',
-                            },
-                            '.ss__search-header__subtitle': {
-                                fontSize: '14px',
+                                '.ss__search-header__title, .ss__search-header__subtitle': {
+                                    display: 'inline',
+                                },
+                                '.ss__search-header__title': {
+                                    fontSize: '16px',
+                                },
+                                '.ss__search-header__subtitle': {
+                                    fontSize: '14px',
+                                },
                             },
                         },
                     },
                 },
             },
-        },
-        '&:not(.ss__search-collapsible--sidebar-open)': {
-            '&:has(.ss__list__option--selected[title*="2"])': {
-                '.ss__results-grid': {
-                    gridTemplateColumns: 'repeat(3, 1fr)',
+            '&:not(.ss__search-collapsible--sidebar-open)': {
+                '&:has(.ss__list__option--selected[title*="2"])': {
+                    '.ss__results-grid': {
+                        gridTemplateColumns: 'repeat(3, 1fr)',
+                    },
                 },
-            },
-            '&:has(.ss__list__option--selected[title*="3"])': {
-                '.ss__results-grid': {
-                    gridTemplateColumns: 'repeat(4, 1fr)',
+                '&:has(.ss__list__option--selected[title*="3"])': {
+                    '.ss__results-grid': {
+                        gridTemplateColumns: 'repeat(4, 1fr)',
+                    },
                 },
-            },
-            '&:has(.ss__list__option--selected[title*="4"])': {
-                '.ss__results-grid': {
-                    gridTemplateColumns: 'repeat(5, 1fr)',
+                '&:has(.ss__list__option--selected[title*="4"])': {
+                    '.ss__results-grid': {
+                        gridTemplateColumns: 'repeat(5, 1fr)',
+                    },
                 },
             },
         },
-    }, _a)));
+        _a));
     return searchCollapsibleStyles;
 };
 exports.searchCollapsible = {

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

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