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

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

@@ -19,11 +19,12 @@ var lightGray = custom_1.custom.utils.lightenColor();
 // CSS in JS style script for the Result component
 var resultStyleScript = 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;
     // result styles
-    var resultStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('result', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '&.ss__result--sale': {
+    var resultStyles = (0, react_1.css)((_a = {
+            '&.ss__result--sale': {
                 '.ss__result__details': {
                     '.ss__result__details__pricing': {
                         '.ss__result__price:not(.ss__price--strike)': {
@@ -33,7 +34,8 @@ var resultStyleScript = function (props) {
                         },
                     },
                 },
-            }, '&, &.ss__result--grid, &.ss__result--list': {
+            },
+            '&, &.ss__result--grid, &.ss__result--list': {
                 alignItems: 'stretch',
                 gap: "".concat(custom_1.custom.spacing.x2, "px ").concat(custom_1.custom.spacing.x4, "px"),
                 '&, .ss__result__details': {
@@ -69,7 +71,7 @@ var resultStyleScript = function (props) {
                         },
                     },
                 },
-                '.ss__result__details': __assign(__assign({ display: 'flex', flex: '1 1 0%', gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: 0, margin: 0 }, custom_1.custom.styles.baseText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.text)), { a: {
+                '.ss__result__details': __assign(__assign({ display: 'flex', flex: '1 1 0%', gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: 0, margin: 0 }, custom_1.custom.styles.baseText()), { a: {
                         color: 'inherit',
                     }, '& > *, .ss__result__details__title, .ss__result__details__title, .ss__result__details__pricing': {
                         margin: 0,
@@ -106,7 +108,8 @@ var resultStyleScript = function (props) {
                             },
                         },
                     } }),
-            }, '&.ss__result--list': {
+            },
+            '&.ss__result--list': {
                 '.ss__result__details': {
                     textAlign: 'center',
                     '.ss__result__details__title a': {
@@ -114,58 +117,61 @@ var resultStyleScript = function (props) {
                         fontWeight: custom_1.custom.fonts.weight02,
                     },
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
-        '&.ss__result--list': {
-            '&, .ss__result__details': {
-                flexFlow: 'row wrap',
-            },
-            '.ss__result__image-wrapper': {
-                flex: '0 0 33.33%',
-                'a, .ss__overlay-badge, .ss__image': {
-                    height: '100%',
+            }
+        },
+        _a["".concat(custom_1.custom.utils.getBp(custom_1.custom.breakpoints.small))] = {
+            '&.ss__result--list': {
+                '&, .ss__result__details': {
+                    flexFlow: 'row wrap',
                 },
-                '.ss__image': {
-                    paddingBottom: 0,
-                    img: {
-                        position: 'static',
+                '.ss__result__image-wrapper': {
+                    flex: '0 0 33.33%',
+                    'a, .ss__overlay-badge, .ss__image': {
+                        height: '100%',
+                    },
+                    '.ss__image': {
+                        paddingBottom: 0,
+                        img: {
+                            position: 'static',
+                        },
                     },
                 },
-            },
-            '.ss__result__details': {
-                alignContent: 'center',
-                flex: '1 1 0%',
-                textAlign: 'left',
-                '& > *': {
-                    flex: '1 1 100%',
-                },
-                '.ss__result__details__title': {
+                '.ss__result__details': {
+                    alignContent: 'center',
                     flex: '1 1 0%',
-                },
-                '.ss__result__details__pricing': {
-                    flex: '0 1 auto',
-                },
-                '.ss__callout-badge, .ss__result__details__rating-wrapper': {
-                    justifyContent: 'flex-start',
-                },
-                '.ss__result__details__variant-selection': {
-                    display: 'flex',
-                    flexFlow: 'row wrap',
-                    alignItems: 'center',
-                    gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                    '.ss__variant-selection': {
-                        width: "calc((100% - ".concat(custom_1.custom.spacing.x2, "px) / 2)"),
-                        margin: 0,
-                        '.ss__slideshow:not(:has(.ss__slideshow__navigation)) .ss__slideshow__container .ss__slideshow__track, .ss__grid .ss__grid__options': {
-                            justifyContent: 'flex-start',
+                    textAlign: 'left',
+                    '& > *': {
+                        flex: '1 1 100%',
+                    },
+                    '.ss__result__details__title': {
+                        flex: '1 1 0%',
+                    },
+                    '.ss__result__details__pricing': {
+                        flex: '0 1 auto',
+                    },
+                    '.ss__callout-badge, .ss__result__details__rating-wrapper': {
+                        justifyContent: 'flex-start',
+                    },
+                    '.ss__result__details__variant-selection': {
+                        display: 'flex',
+                        flexFlow: 'row wrap',
+                        alignItems: 'center',
+                        gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                        '.ss__variant-selection': {
+                            width: "calc((100% - ".concat(custom_1.custom.spacing.x2, "px) / 2)"),
+                            margin: 0,
+                            '.ss__slideshow:not(:has(.ss__slideshow__navigation)) .ss__slideshow__container .ss__slideshow__track, .ss__grid .ss__grid__options': {
+                                justifyContent: 'flex-start',
+                            },
                         },
                     },
-                },
-                '.ss__result__add-to-cart-wrapper .ss__button': {
-                    width: "auto",
+                    '.ss__result__add-to-cart-wrapper .ss__button': {
+                        width: "auto",
+                    },
                 },
             },
         },
-    }, _a)));
+        _a));
     return resultStyles;
 };
 // Result component props

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

@@ -1 +1 @@
-{"version":3,"file":"searchInput.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/searchInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,8CAA8C,CAAC;AACrH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqFvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAoBvG,CAAC"}
+{"version":3,"file":"searchInput.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/searchInput.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,8CAA8C,CAAC;AACrH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoFvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAoBvG,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/searchInput.js

@@ -19,12 +19,13 @@ var searchInputHeight = custom_1.custom.sizes.height;
 var lightGray = custom_1.custom.utils.lightenColor();
 // CSS in JS style script for the SearchInput component
 var searchInputStyleScript = function (props) {
-    var _a, _b, _c;
+    var _a, _b;
     // 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 darkPrimary = custom_1.custom.utils.darkenColor((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary, 0.15);
     // search input styles
-    var searchInputStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('searchInput', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__search-input': {
+    var searchInputStyles = (0, react_1.css)({
+        '&.ss__search-input': {
             margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px"),
             height: "".concat(searchInputHeight, "px"),
             border: 0,
@@ -58,7 +59,7 @@ var searchInputStyleScript = function (props) {
                     padding: 0,
                 },
             },
-            '.ss__search-input__input': __assign(__assign({ flex: '1 1 0%', minHeight: '1px' }, custom_1.custom.styles.box((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text, "0 ".concat(custom_1.custom.spacing.x2, "px"), false)), { fontSize: '14px', '&::-webkit-input-placeholder': {
+            '.ss__search-input__input': __assign(__assign({ flex: '1 1 0%', minHeight: '1px' }, custom_1.custom.styles.box(undefined, "0 ".concat(custom_1.custom.spacing.x2, "px"), false)), { fontSize: '14px', '&::-webkit-input-placeholder': {
                     color: lightGray,
                 }, '&::-ms-input-placeholder': {
                     color: lightGray,
@@ -76,7 +77,8 @@ var searchInputStyleScript = function (props) {
             '.ss__search-input__button--close-search-button': {
                 margin: '0 -1px 0 0',
             },
-        } }));
+        },
+    });
     return searchInputStyles;
 };
 // SearchInput component props

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/select.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsIvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiBnF,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/select.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqIvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAiBnF,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/select.js

@@ -19,11 +19,13 @@ var dropdownIcon = ".ss__icon--".concat(custom_1.custom.icons.arrowDown);
 // CSS in JS style script for the Select component
 var selectStyleScript = function (props) {
     var _a, _b;
-    var _c, _d, _e;
+    var _c, _d;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.variables;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('select', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__select--disabled': __assign({}, custom_1.custom.styles.disabled()) }));
+    var sharedStyles = (0, react_1.css)({
+        '&.ss__select--disabled': __assign({}, custom_1.custom.styles.disabled()),
+    });
     // default styles
     var defaultStyles = (0, react_1.css)([
         sharedStyles,
@@ -101,7 +103,7 @@ var selectStyleScript = function (props) {
             border: "1px solid ".concat((props === null || props === void 0 ? void 0 : props.borderColor) ? props === null || props === void 0 ? void 0 : props.borderColor : custom_1.custom.colors.gray02),
             height: "".concat(custom_1.custom.sizes.height, "px"),
             lineHeight: "".concat(custom_1.custom.sizes.height, "px"),
-            color: (props === null || props === void 0 ? void 0 : props.color) ? props === null || props === void 0 ? void 0 : props.color : (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.text,
+            color: props === null || props === void 0 ? void 0 : props.color,
             '.ss__select__label, .ss__select__select': {
                 fontSize: '14px',
             },

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

@@ -1 +1 @@
-{"version":3,"file":"slideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/slideout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAO3F,CAAC"}
+{"version":3,"file":"slideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/slideout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAevD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAO3F,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/slideout.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.slideout = void 0;
 var react_1 = require("@emotion/react");
@@ -20,7 +9,7 @@ var slideoutStyleScript = function (props) {
     // 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;
     // slideout styles
-    var slideoutStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('slideout', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var slideoutStyles = (0, react_1.css)({});
     return slideoutStyles;
 };
 // Slideout component props

package/dist/cjs/components/src/themes/pike/components/molecules/slideshow.js

@@ -19,25 +19,31 @@ var slideshowSpacing = custom_1.custom.spacing.x2;
 var slideshowButtonSize = 32;
 var slideshowPaginationSize = 12;
 var slideshowPaginationSpacing = slideshowSpacing + slideshowPaginationSize;
-var activeColors = custom_1.custom.utils.activeColors();
-var buttonColor = activeColors[0];
-var fontColor = activeColors[1];
 // CSS in JS style script for the Slideshow component
 var slideshowStyleScript = function (props) {
     var _a;
-    var _b, _c, _d;
+    var _b, _c, _d, _e;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
+    var 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 buttonColor = activeColors[0];
+    var fontColor = activeColors[1];
     // slideshow styles
-    var slideshowStyles = (0, react_1.css)(__assign(__assign({ position: 'relative', width: '100%', minWidth: '1px' }, custom_1.custom.styles.boxSizing('slideshow', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&:has(.ss__slideshow__pagination)': {
+    var slideshowStyles = (0, react_1.css)({
+        position: 'relative',
+        width: '100%',
+        minWidth: '1px',
+        '&:has(.ss__slideshow__pagination)': {
             paddingBottom: "".concat(slideshowPaginationSpacing, "px"),
             '.ss__slideshow__navigation--prev, .ss__slideshow__navigation--next': {
                 top: "-".concat(slideshowPaginationSpacing, "px"),
             },
-        }, '.ss__slideshow__container': {
+        },
+        '.ss__slideshow__container': {
             width: 'auto',
             margin: "0 -".concat(slideshowSpacing / 2, "px"),
-        }, '.ss__slideshow__navigation--prev, .ss__slideshow__navigation--next': {
+        },
+        '.ss__slideshow__navigation--prev, .ss__slideshow__navigation--next': {
             width: "".concat(slideshowButtonSize, "px"),
             height: "".concat(slideshowButtonSize, "px"),
             top: 0,
@@ -57,15 +63,18 @@ var slideshowStyleScript = function (props) {
                     backgroundColor: buttonColor,
                 },
                 _a),
-        }, '.ss__slideshow__navigation--prev': {
+        },
+        '.ss__slideshow__navigation--prev': {
             '.ss__button .ss__icon': {
                 left: '-1.5px',
             },
-        }, '.ss__slideshow__navigation--next': {
+        },
+        '.ss__slideshow__navigation--next': {
             '.ss__button .ss__icon': {
                 right: '-1.5px',
             },
-        }, '.ss__slideshow__pagination': {
+        },
+        '.ss__slideshow__pagination': {
             position: 'absolute',
             bottom: 0,
             left: 0,
@@ -75,10 +84,11 @@ var slideshowStyleScript = function (props) {
             gap: "".concat(custom_1.custom.spacing.x1, "px"),
             '.ss__slideshow__dot': __assign({ opacity: 1, flex: '0 1 auto', width: "".concat(slideshowPaginationSize, "px"), height: "".concat(slideshowPaginationSize, "px"), lineHeight: "".concat(slideshowPaginationSize, "px"), minWidth: '1px', margin: 0 }, custom_1.custom.styles.box('', 0, false)),
             '.ss__slideshow__dot--active': {
-                backgroundColor: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary,
-                borderColor: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                backgroundColor: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                borderColor: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary,
             },
-        } }));
+        },
+    });
     return slideshowStyles;
 };
 // Slideshow component props

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

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

package/dist/cjs/components/src/themes/pike/components/molecules/sortBy.js

@@ -1,26 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sortBy = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the SortBy component
 var sortByStyleScript = 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;
     // sortBy styles
-    var sortByStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('sortBy', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var sortByStyles = (0, react_1.css)({});
     return sortByStyles;
 };
 // SortBy component props

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

@@ -1 +1 @@
-{"version":3,"file":"swatches.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/swatches.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkNvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAgB3F,CAAC"}
+{"version":3,"file":"swatches.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/swatches.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgNvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAgB3F,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/swatches.js

@@ -22,17 +22,17 @@ var darkSelector = "&.".concat(swatchesSelector, "--dark, &:has(.").concat(swatc
 var imageSelector = '&:has(.ss__image)';
 var urlSelector = '&[style*="url"]';
 var styleSelector = '&[style], &:has(.ss__image)';
-var activeColors = custom_1.custom.utils.activeColors();
-var activeColor = activeColors[0];
-var fontColor = activeColors[1];
 // CSS in JS style script for the Swatches component
 var swatchesStyleScript = function (props) {
     var _a, _b, _c, _d;
-    var _e, _f, _g;
+    var _e, _f;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_e = props === null || props === void 0 ? void 0 : props.theme) === null || _e === void 0 ? void 0 : _e.variables;
+    var activeColors = custom_1.custom.utils.activeColors(((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary) || custom_1.custom.colors.secondary);
+    var activeColor = activeColors[0];
+    var fontColor = activeColors[1];
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('swatches', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var sharedStyles = (0, react_1.css)({});
     // swatches carousel styles
     var swatchesCarouselStyles = (0, react_1.css)([
         sharedStyles,
@@ -58,7 +58,7 @@ var swatchesStyleScript = function (props) {
                                     height: "100%",
                                     aspectRatio: 1,
                                     border: 0,
-                                    '.ss__swatches__slideshow__swatch__inner': __assign(__assign({ position: 'relative', width: '100%', height: '100%' }, custom_1.custom.styles.box((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text, "".concat(custom_1.custom.spacing.x1, "px"))), (_b = { '&, .ss__swatches__slideshow__swatch__value': {
+                                    '.ss__swatches__slideshow__swatch__inner': __assign(__assign({ position: 'relative', width: '100%', height: '100%' }, custom_1.custom.styles.box(undefined, "".concat(custom_1.custom.spacing.x1, "px"))), (_b = { '&, .ss__swatches__slideshow__swatch__value': {
                                                 overflow: 'hidden',
                                             }, '.ss__swatches__slideshow__swatch__value': {
                                                 maxWidth: '100%',
@@ -139,7 +139,6 @@ var swatchesStyleScript = function (props) {
                                             _d[styleSelector] = {
                                                 border: 0,
                                                 backgroundColor: 'transparent',
-                                                color: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text,
                                                 '&:before': {
                                                     opacity: 1,
                                                 },

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

@@ -1 +1 @@
-{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/terms.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA2GvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAO/E,CAAC"}
+{"version":3,"file":"terms.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/terms.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyGvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAO/E,CAAC"}

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

@@ -17,17 +17,20 @@ var custom_1 = require("../../custom");
 // CSS in JS style script for the Terms component
 var termsStyleScript = function (props) {
     var _a;
-    var _b, _c, _d, _e, _f, _g;
+    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 desktopBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.desktop;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({ width: '100%' }, custom_1.custom.styles.boxSizing('terms', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '.ss__terms__title': {
+    var sharedStyles = (0, react_1.css)((_a = {
+            width: '100%',
+            '.ss__terms__title': {
                 '&, h5': {
                     padding: 0,
                 },
                 h5: __assign(__assign({}, custom_1.custom.styles.headerText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary, '14px')), { lineHeight: 1.2 }),
-            }, '.ss__terms__options': {
+            },
+            '.ss__terms__options': {
                 '&, .ss__terms__option': {
                     listStyle: 'none',
                     padding: 0,
@@ -40,7 +43,6 @@ var termsStyleScript = function (props) {
                     a: {
                         fontSize: '14px',
                         em: {
-                            color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
                             fontStyle: 'normal',
                             fontSize: 'inherit',
                             fontWeight: 'inherit',
@@ -48,13 +50,16 @@ var termsStyleScript = function (props) {
                     },
                 },
                 '.ss__terms__option--active': {
-                    'a, a em': __assign({}, custom_1.custom.styles.activeText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary)),
+                    'a, a em': __assign({}, custom_1.custom.styles.activeText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.primary)),
                 },
-            } }, _a["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
-        '.ss__terms__title h5, .ss__terms__options .ss__terms__option a': {
-            fontSize: '16px',
+            }
+        },
+        _a["".concat(custom_1.custom.utils.getBp(desktopBp))] = {
+            '.ss__terms__title h5, .ss__terms__options .ss__terms__option a': {
+                fontSize: '16px',
+            },
         },
-    }, _a)));
+        _a));
     // terms horizontal styles
     var termsHorizontalStyles = (0, react_1.css)([
         sharedStyles,

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

@@ -1 +1 @@
-{"version":3,"file":"variantSelection.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/variantSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AACpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqIvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAU3H,CAAC"}
+{"version":3,"file":"variantSelection.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/variantSelection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mCAAmC,EAAE,MAAM,mDAAmD,CAAC;AACpI,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmIvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAU3H,CAAC"}

package/dist/cjs/components/src/themes/pike/components/molecules/variantSelection.js

@@ -16,19 +16,22 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the Swatches component
 var variantSelectionStyleScript = function (props) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     // 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;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"), '&:last-child': {
+    var sharedStyles = (0, react_1.css)({
+        margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
+        '&:last-child': {
             marginBottom: 0,
-        } }, custom_1.custom.styles.boxSizing('variantSelection', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+        },
+    });
     // variant selection dropdown styles
     var variantSelectionDropdownStyles = (0, react_1.css)([
         sharedStyles,
         {
             '.ss__dropdown': {
-                '.ss__dropdown__button, .ss__dropdown__content': __assign({}, custom_1.custom.styles.box((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text)),
+                '.ss__dropdown__button, .ss__dropdown__content': __assign({}, custom_1.custom.styles.box()),
                 '.ss__dropdown__button': {
                     gap: "".concat(custom_1.custom.spacing.x1, "px"),
                     paddingTop: 0,
@@ -44,7 +47,7 @@ var variantSelectionStyleScript = function (props) {
                         flex: '1 1 0%',
                         overflow: 'hidden',
                         '.ss__dropdown__button-wrapper__label': {
-                            fontWeight: (_c = custom_1.custom === null || custom_1.custom === void 0 ? void 0 : custom_1.custom.fonts) === null || _c === void 0 ? void 0 : _c.weight01,
+                            fontWeight: (_b = custom_1.custom === null || custom_1.custom === void 0 ? void 0 : custom_1.custom.fonts) === null || _b === void 0 ? void 0 : _b.weight01,
                             textTransform: 'capitalize',
                         },
                         '.ss__dropdown__button-wrapper__selection': __assign({}, custom_1.custom.styles.textOverflow()),
@@ -73,7 +76,7 @@ var variantSelectionStyleScript = function (props) {
                                 fontWeight: 'normal',
                             },
                         },
-                        '.ss__variant-selection__option--selected': __assign({}, custom_1.custom.styles.activeText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary)),
+                        '.ss__variant-selection__option--selected': __assign({}, custom_1.custom.styles.activeText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary)),
                         '.ss__variant-selection__option--unavailable, .ss__variant-selection__option--disabled': __assign({ color: 'inherit' }, custom_1.custom.styles.disabled()),
                     },
                 },
@@ -98,13 +101,12 @@ var variantSelectionStyleScript = function (props) {
                 },
                 '.ss__list__options': {
                     '.ss__list__option': {
-                        color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.text,
                         label: {
                             color: 'inherit',
                             cursor: 'inherit',
                         },
                     },
-                    '.ss__list__option--selected': __assign({}, custom_1.custom.styles.activeText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.primary)),
+                    '.ss__list__option--selected': __assign({}, custom_1.custom.styles.activeText((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary)),
                     '.ss__list__option--unavailable, .ss__list__option--disabled': __assign(__assign({}, custom_1.custom.styles.disabled()), { textDecoration: 'line-through' }),
                 },
             },

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

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyVvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CA8H3G,CAAC"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/organisms/autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsVvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CA8H3G,CAAC"}