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

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

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

package/dist/cjs/components/src/themes/pike/components/atoms/skeleton.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.skeleton = void 0;
 var react_1 = require("@emotion/react");
@@ -20,7 +9,7 @@ var skeletonStyleScript = 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;
     // skeleton styles
-    var skeletonStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('skeleton', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var skeletonStyles = (0, react_1.css)({});
     return skeletonStyles;
 };
 // Skeleton component props

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

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

package/dist/cjs/components/src/themes/pike/components/molecules/calloutBadge.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.calloutBadge = void 0;
 var react_1 = require("@emotion/react");
@@ -20,7 +9,9 @@ var calloutBadgeStyleScript = 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;
     // callout badge styles
-    var calloutBadgeStyles = (0, react_1.css)(__assign({ gap: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.boxSizing('calloutBadge', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var calloutBadgeStyles = (0, react_1.css)({
+        gap: "".concat(custom_1.custom.spacing.x2, "px"),
+    });
     return calloutBadgeStyles;
 };
 // CalloutBadge component props

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

@@ -21,17 +21,22 @@ var carouselOptions = {
     pagination: 12, // size of pagination bullets
     scrollbar: 6, // size of scrollbar
 };
-var activeColors = custom_1.custom.utils.activeColors();
-var buttonColor = activeColors[0];
-var fontColor = activeColors[1];
 // CSS in JS style script for the Carousel component
 var carouselStyleScript = function (props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     // 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 isDraggable = typeof (props === null || props === void 0 ? void 0 : props.scrollbar) == 'object' && ((_b = props === null || props === void 0 ? void 0 : props.scrollbar) === null || _b === void 0 ? void 0 : _b.draggable) ? true : false;
+    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];
     // carousel styles
-    var carouselStyles = (0, react_1.css)(__assign(__assign({ position: 'relative', width: '100%', minWidth: '1px' }, custom_1.custom.styles.boxSizing('carousel', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__carousel__prev-wrapper--hidden > div, .ss__carousel__next-wrapper--hidden > div': __assign({}, custom_1.custom.styles.disabled()), '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
+    var carouselStyles = (0, react_1.css)({
+        position: 'relative',
+        width: '100%',
+        minWidth: '1px',
+        '.ss__carousel__prev-wrapper--hidden > div, .ss__carousel__next-wrapper--hidden > div': __assign({}, custom_1.custom.styles.disabled()),
+        '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
             width: "".concat(carouselOptions.button, "px"),
             height: "".concat(carouselOptions.button, "px"),
             display: 'block',
@@ -53,17 +58,20 @@ var carouselStyleScript = function (props) {
                 color: fontColor,
             },
             '.swiper-button-disabled': __assign({}, custom_1.custom.styles.disabled()),
-        }, '.ss__carousel__prev-wrapper': {
+        },
+        '.ss__carousel__prev-wrapper': {
             left: 0,
             '& > div .ss__icon': {
                 left: '-1.5px',
             },
-        }, '.ss__carousel__next-wrapper': {
+        },
+        '.ss__carousel__next-wrapper': {
             right: 0,
             '& > div .ss__icon': {
                 right: '-1.5px',
             },
-        }, '.swiper-container': {
+        },
+        '.swiper-container': {
             margin: '0 auto',
             '& > .swiper-wrapper': {
                 '& > .swiper-slide': {
@@ -81,8 +89,8 @@ var carouselStyleScript = function (props) {
                 gap: "".concat(custom_1.custom.spacing.x1, "px"),
                 '.swiper-pagination-bullet': __assign({ opacity: 1, flex: '0 1 auto', width: "".concat(carouselOptions.pagination, "px"), height: "".concat(carouselOptions.pagination, "px"), lineHeight: "".concat(carouselOptions.pagination, "px"), minWidth: '1px', margin: 0 }, custom_1.custom.styles.box('', 0, false)),
                 '.swiper-pagination-bullet-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,
                 },
             },
             '& > .swiper-scrollbar': __assign(__assign({ position: 'relative', margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"), height: "".concat(carouselOptions.scrollbar, "px"), overflow: 'hidden', backgroundColor: custom_1.custom.colors.gray01, cursor: isDraggable ? 'pointer' : '' }, custom_1.custom.styles.borderRadius(carouselOptions.scrollbar, 'px')), { '&:after': {
@@ -97,9 +105,10 @@ var carouselStyleScript = function (props) {
                     border: "1px solid ".concat(custom_1.custom.colors.gray02),
                 }, '.swiper-scrollbar-drag': {
                     zIndex: 2,
-                    backgroundColor: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary,
+                    backgroundColor: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.primary,
                 } }),
-        }, '.swiper-grid-column': {
+        },
+        '.swiper-grid-column': {
             '& > .swiper-wrapper': {
                 flexFlow: 'row wrap',
                 '& > .swiper-slide': {
@@ -108,7 +117,8 @@ var carouselStyleScript = function (props) {
                     marginBottom: "".concat(custom_1.custom.spacing.x4, "px"),
                 },
             },
-        } }));
+        },
+    });
     return carouselStyles;
 };
 // Carousel component props

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

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

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

@@ -14,8 +14,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkbox = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
-// static variables
-var darkGray = custom_1.custom.utils.darkenColor();
 // CSS in JS style script for the Checkbox component
 var checkboxStyleScript = function (props) {
     var _a;
@@ -29,15 +27,22 @@ var checkboxStyleScript = function (props) {
     // default checkbox styles
     var defaultCheckboxStyles = (0, react_1.css)([
         sharedStyles,
-        __assign(__assign(__assign({}, custom_1.custom.styles.box('', 0)), custom_1.custom.styles.boxSizing('checkbox', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__checkbox--active': {
-                borderColor: darkGray,
+        __assign(__assign({}, custom_1.custom.styles.box('', 0)), { borderColor: props.color || custom_1.custom.colors.gray02, '&.ss__checkbox--active': {
                 backgroundColor: custom_1.custom.colors.white,
             }, '&.ss__checkbox--disabled': __assign({}, custom_1.custom.styles.disabled()) }),
     ]);
     // native checkbox styles
     var nativeCheckboxStyles = (0, react_1.css)([
         sharedStyles,
-        __assign(__assign({ margin: 0, padding: 0, width: (props === null || props === void 0 ? void 0 : props.size) ? props.size : "".concat(custom_1.custom.sizes.icon16, "px"), height: (props === null || props === void 0 ? void 0 : props.size) ? props.size : "".concat(custom_1.custom.sizes.icon16, "px"), lineHeight: 1, cursor: 'pointer' }, custom_1.custom.styles.boxSizing('checkbox', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__checkbox--disabled': __assign({}, custom_1.custom.styles.disabled()) }),
+        {
+            margin: 0,
+            padding: 0,
+            width: (props === null || props === void 0 ? void 0 : props.size) ? props.size : "".concat(custom_1.custom.sizes.icon16, "px"),
+            height: (props === null || props === void 0 ? void 0 : props.size) ? props.size : "".concat(custom_1.custom.sizes.icon16, "px"),
+            lineHeight: 1,
+            cursor: 'pointer',
+            '&.ss__checkbox--disabled': __assign({}, custom_1.custom.styles.disabled()),
+        },
     ]);
     return (props === null || props === void 0 ? void 0 : props.native) ? nativeCheckboxStyles : defaultCheckboxStyles;
 };
@@ -48,7 +53,6 @@ exports.checkbox = {
             themeStyleScript: checkboxStyleScript,
             icon: custom_1.custom.icons.check,
             size: "".concat(custom_1.custom.sizes.icon16, "px"),
-            color: custom_1.custom.colors.primary,
         },
         'checkbox icon': {
             width: "calc(50% + 1px)",

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

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

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

@@ -1,33 +1,25 @@
 "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.errorHandler = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the ErrorHandler component
 var errorHandlerStyleScript = function (props) {
-    var _a, _b;
+    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;
     // error handler styles
-    var errorHandlerStyles = (0, react_1.css)(__assign(__assign({ gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: "".concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.boxSizing('errorHandler', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__error-handler__message, .ss__error-handler__button': {
+    var errorHandlerStyles = (0, react_1.css)({
+        gap: "".concat(custom_1.custom.spacing.x2, "px"),
+        padding: "".concat(custom_1.custom.spacing.x2, "px"),
+        '.ss__error-handler__message, .ss__error-handler__button': {
             gap: "".concat(custom_1.custom.spacing.x1, "px"),
-        }, '.ss__error-handler__message': {
+        },
+        '.ss__error-handler__message': {
             padding: 0,
             flexFlow: 'row wrap',
             flex: "1 1 0%",
             fontSize: '14px',
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
             'span, .ss__icon, .ss__error-handler__message__type': {
                 margin: 0,
             },
@@ -35,7 +27,8 @@ var errorHandlerStyleScript = function (props) {
                 top: '-0.5px',
                 stroke: 'transparent',
             },
-        }, '.ss__error-handler__button': {
+        },
+        '.ss__error-handler__button': {
             flex: "0 1 auto",
             margin: 0,
             padding: "0 ".concat(custom_1.custom.spacing.x2, "px"),
@@ -44,7 +37,8 @@ var errorHandlerStyleScript = function (props) {
             '.ss__button__content, .ss__icon': {
                 margin: 0,
             },
-        } }));
+        },
+    });
     return errorHandlerStyles;
 };
 // ErrorHandler component props

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

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

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

@@ -14,17 +14,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.facetGridOptions = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
-// static variables
-var activeColors = custom_1.custom.utils.activeColors();
-var activeColor = activeColors[0];
-var fontColor = activeColors[1];
 // CSS in JS style script for the FacetGridOptions component
 var facetGridOptionsStyleScript = function (props) {
     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 activeColors = custom_1.custom.utils.activeColors(((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary) || custom_1.custom.colors.secondary);
+    var activeColor = activeColors[0];
+    var fontColor = activeColors[1];
     // facet grid styles
-    var facetGridStyles = (0, react_1.css)(__assign(__assign({ alignItems: 'center' }, custom_1.custom.styles.boxSizing('facetGridOptions', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__facet-grid-options__option': {
+    var facetGridStyles = (0, react_1.css)({
+        alignItems: 'center',
+        '.ss__facet-grid-options__option': {
             height: '100%',
             aspectRatio: 1,
             padding: "".concat(custom_1.custom.spacing.x2, "px"),
@@ -41,9 +42,10 @@ var facetGridOptionsStyleScript = function (props) {
                     lineHeight: 1,
                 },
             },
-            '&, &:hover:not(.ss__facet-grid-options__option--filtered)': __assign({}, custom_1.custom.styles.box((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text, 0)),
+            '&, &:hover:not(.ss__facet-grid-options__option--filtered)': __assign({}, custom_1.custom.styles.box(undefined, 0)),
             '&.ss__facet-grid-options__option--filtered': __assign({ backgroundColor: activeColor, borderColor: activeColor }, custom_1.custom.styles.activeText(fontColor)),
-        } }));
+        },
+    });
     return facetGridStyles;
 };
 // FacetGridOptions component props

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

@@ -1 +1 @@
-{"version":3,"file":"facetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/facetHierarchyOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,wCAAwC,EAAE,MAAM,wDAAwD,CAAC;AACnJ,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwGvD,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,wCAAwC,CAU/I,CAAC"}
+{"version":3,"file":"facetHierarchyOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/facetHierarchyOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,wCAAwC,EAAE,MAAM,wDAAwD,CAAC;AACnJ,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuGvD,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,uBAAuB,EAAE,0BAA0B,EAAE,wCAAwC,CAU/I,CAAC"}

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

@@ -19,13 +19,14 @@ var lightGray = custom_1.custom.utils.lightenColor();
 // CSS in JS style script for the FacetHierarchyOptions component
 var facetHierarchyOptionsStyleScript = function (props) {
     var _a, _b;
-    var _c, _d, _e, _f, _g;
+    var _c, _d, _e, _f;
     // 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;
     var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
     var tabletBp = (_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('facetHierarchyOptions', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__facet-hierarchy-options__option': __assign(__assign({}, custom_1.custom.styles.baseText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text)), { gap: "".concat(custom_1.custom.spacing.x1, "px"), padding: 0, '.ss__facet-hierarchy-options__option__value': {
+    var sharedStyles = (0, react_1.css)({
+        '.ss__facet-hierarchy-options__option': __assign(__assign({}, custom_1.custom.styles.baseText()), { gap: "".concat(custom_1.custom.spacing.x1, "px"), padding: 0, '.ss__facet-hierarchy-options__option__value': {
                 margin: 0,
                 '.ss__facet-hierarchy-options__option__value__count': {
                     position: 'relative',
@@ -35,11 +36,14 @@ var facetHierarchyOptionsStyleScript = function (props) {
                     fontSize: '10px',
                     color: lightGray,
                 },
-            } }), '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--return': {
+            } }),
+        '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--return': {
             '.ss__icon': {
                 padding: 0,
             },
-        }, '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--filtered': __assign({}, custom_1.custom.styles.activeText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary)) }));
+        },
+        '.ss__facet-hierarchy-options__option.ss__facet-hierarchy-options__option--filtered': __assign({}, custom_1.custom.styles.activeText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.primary)),
+    });
     // facet hierarchy list styles
     var facetHierarchyListStyles = (0, react_1.css)([
         sharedStyles,

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

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

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

@@ -20,13 +20,14 @@ var checkboxSpacing = custom_1.custom.sizes.icon16 + custom_1.custom.spacing.x2;
 // CSS in JS style script for the FacetListOptions component
 var facetListOptionsStyleScript = function (props) {
     var _a, _b;
-    var _c, _d, _e, _f, _g, _h;
+    var _c, _d, _e, _f, _g;
     // 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;
     var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
     var tabletBp = (_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('facetListOptions', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__facet-list-options__option': __assign(__assign({}, custom_1.custom.styles.baseText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text)), { position: 'relative', gap: "".concat(custom_1.custom.spacing.x1, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideCheckbox) ? 0 : "0 0 0 ".concat(checkboxSpacing, "px"), '.ss__checkbox, .ss__radio': {
+    var sharedStyles = (0, react_1.css)({
+        '.ss__facet-list-options__option': __assign(__assign({}, custom_1.custom.styles.baseText()), { position: 'relative', gap: "".concat(custom_1.custom.spacing.x1, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideCheckbox) ? 0 : "0 0 0 ".concat(checkboxSpacing, "px"), '.ss__checkbox, .ss__radio': {
                 position: 'absolute',
                 top: '1.5px',
                 left: 0,
@@ -34,13 +35,15 @@ var facetListOptionsStyleScript = function (props) {
                 margin: 0,
                 '.ss__facet-list-options__option__value__count': {
                     position: 'relative',
-                    top: "".concat((props === null || props === void 0 ? void 0 : props.horizontal) && ((_g = props === null || props === void 0 ? void 0 : props.treePath) === null || _g === void 0 ? void 0 : _g.includes('storybook')) ? 0.5 : -1, "px"),
+                    top: "".concat((props === null || props === void 0 ? void 0 : props.horizontal) && ((_f = props === null || props === void 0 ? void 0 : props.treePath) === null || _f === void 0 ? void 0 : _f.includes('storybook')) ? 0.5 : -1, "px"),
                     margin: 0,
                     padding: "0 ".concat(custom_1.custom.spacing.x1, "px"),
                     fontSize: '10px',
                     color: lightGray,
                 },
-            } }), '.ss__facet-list-options__option.ss__facet-list-options__option--filtered': __assign({}, custom_1.custom.styles.activeText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary)) }));
+            } }),
+        '.ss__facet-list-options__option.ss__facet-list-options__option--filtered': __assign({}, custom_1.custom.styles.activeText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary)),
+    });
     // facet list styles
     var facetListStyles = (0, react_1.css)([
         sharedStyles,

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

@@ -1 +1 @@
-{"version":3,"file":"facetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/facetPaletteOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAC7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkOvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CA8BvI,CAAC"}
+{"version":3,"file":"facetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/facetPaletteOptions.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,sCAAsC,EAAE,MAAM,sDAAsD,CAAC;AAC7I,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgOvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CA2BvI,CAAC"}

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

@@ -24,7 +24,7 @@ var paletteColors = {
 // CSS in JS style script for the FacetPaletteOptions component
 var facetPaletteStyleScript = function (props) {
     var _a, _b;
-    var _c, _d, _e, _f, _g, _h;
+    var _c, _d, _e, _f;
     // 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;
     var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
@@ -33,8 +33,8 @@ var facetPaletteStyleScript = function (props) {
     var isList = (props === null || props === void 0 ? void 0 : props.layout) == 'list' ? true : false;
     var innerBorder = isList ? 3 : 5;
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('facetPaletteOptions', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__facet-palette-options__option': {
-            color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
+    var sharedStyles = (0, react_1.css)({
+        '.ss__facet-palette-options__option': {
             '&.ss__facet-palette-options__option--filtered': {
                 '.ss__facet-palette-options__option__wrapper .ss__facet-palette-options__option__palette': {
                     '&:before': {
@@ -44,7 +44,7 @@ var facetPaletteStyleScript = function (props) {
                         opacity: 0.3,
                     },
                 },
-                '.ss__facet-palette-options__option__value': __assign({}, custom_1.custom.styles.activeText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary)),
+                '.ss__facet-palette-options__option__value': __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__facet-palette-options__option__wrapper': __assign(__assign({ border: 0 }, custom_1.custom.styles.borderRadius(0)), { '.ss__facet-palette-options__option__palette': {
                     overflow: 'hidden',
@@ -82,7 +82,8 @@ var facetPaletteStyleScript = function (props) {
                 fontSize: '10px',
                 color: lightGray,
             },
-        } }));
+        },
+    });
     // facet palette grid styles
     var facetPaletteGridStyles = (0, react_1.css)([
         sharedStyles,
@@ -122,7 +123,7 @@ var facetPaletteStyleScript = function (props) {
     var listPadding = hasCheckbox ? custom_1.custom.spacing.x4 + listSize + listCheckboxSize : custom_1.custom.spacing.x2 + listSize;
     // facet palette shared list styles
     var sharedListStyles = (0, react_1.css)({
-        '.ss__facet-palette-options__option': __assign(__assign({}, custom_1.custom.styles.baseText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.text)), { minHeight: hasCheckbox ? '' : "".concat(listSize + 2, "px"), position: 'relative', gap: "".concat(custom_1.custom.spacing.x1, "px"), padding: "".concat(hasCheckbox ? 0 : '2px', " 0 0 ").concat(listPadding, "px"), margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"), '&:last-child': {
+        '.ss__facet-palette-options__option': __assign(__assign({}, custom_1.custom.styles.baseText()), { minHeight: hasCheckbox ? '' : "".concat(listSize + 2, "px"), position: 'relative', gap: "".concat(custom_1.custom.spacing.x1, "px"), padding: "".concat(hasCheckbox ? 0 : '2px', " 0 0 ").concat(listPadding, "px"), margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"), '&:last-child': {
                 marginBottom: 0,
             }, '.ss__checkbox, .ss__radio, .ss__facet-palette-options__option__wrapper': {
                 position: 'absolute',
@@ -225,8 +226,5 @@ exports.facetPaletteOptions = {
                 },
             },
         },
-        'facetPaletteOptions checkbox icon': {
-            color: custom_1.custom.colors.primary,
-        },
     },
 };

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

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

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

@@ -36,28 +36,31 @@ var handlesPlusSticky = handlesSizeHalf + stickySpacing;
 var ticksPlusSticky = ticksSpacing + stickySpacing;
 // CSS in JS style script for the FacetSlider component
 var facetSliderStyleScript = function (props) {
-    var _a;
+    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 hasTicks = (props === null || props === void 0 ? void 0 : props.showTicks) ? true : false;
     var hasStickyHandles = (props === null || props === void 0 ? void 0 : props.stickyHandleLabel) ? true : false;
     var trackBorderColor = (props === null || props === void 0 ? void 0 : props.trackColor) != custom_1.custom.colors.gray01 ? custom_1.custom.utils.darkenColor(props.trackColor, 0.25) : custom_1.custom.colors.gray02;
-    var activeColors = custom_1.custom.utils.activeColors(props === null || props === void 0 ? void 0 : props.handleColor);
+    var activeColors = custom_1.custom.utils.activeColors((props === null || props === void 0 ? void 0 : props.handleColor) || ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary) || custom_1.custom.colors.secondary);
     // values font styles
     var valuesStyles = (0, react_1.css)({
         fontSize: "".concat(slider.values, "px"),
         lineHeight: "".concat(slider.values, "px"),
     });
     // shared styles
-    var sharedStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('facetSlider', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&, .ss__facet-slider__slider': {
+    var sharedStyles = (0, react_1.css)({
+        '&, .ss__facet-slider__slider': {
             margin: 'auto',
-        }, '.ss__facet-slider__slider button, .ss__facet-slider__labels label': {
+        },
+        '.ss__facet-slider__slider button, .ss__facet-slider__labels label': {
             margin: 0,
             padding: 0,
             '&:focus': {
                 outline: 0,
             },
-        }, '.ss__facet-slider__slider': {
+        },
+        '.ss__facet-slider__slider': {
             display: 'block',
             top: 0,
             width: '100%',
@@ -79,10 +82,10 @@ var facetSliderStyleScript = function (props) {
                 },
             },
             '.ss__facet-slider__segment': __assign({ border: "1px solid ".concat(trackBorderColor) }, custom_1.custom.styles.borderRadius(slider.bar)),
-            '.ss__facet-slider__rail': {},
+            '.ss__facet-slider__rail': __assign({}, custom_1.custom.styles.borderRadius(slider.bar)),
             '.ss__facet-slider__handles': {
                 position: 'relative',
-                margin: "0 ".concat(slider.handles / 2 - 2, "px"),
+                margin: "0 ".concat(slider.handles / 2, "px"),
                 button: {
                     '.ss__facet-slider__handle': {
                         transform: 'none',
@@ -101,7 +104,8 @@ var facetSliderStyleScript = function (props) {
                     },
                 },
             },
-        }, '.ss__facet-slider__labels': {
+        },
+        '.ss__facet-slider__labels': {
             display: 'flex',
             flexFlow: 'row nowrap',
             alignItems: 'center',
@@ -116,7 +120,8 @@ var facetSliderStyleScript = function (props) {
                     marginLeft: valuesSides ? 'auto' : '',
                 },
             },
-        } }));
+        },
+    });
     // spacing styles for different configurations
     // note: default for facet slider is no ticks, no stick handles, values bottom
     var spacingStyles = (0, react_1.css)({});
@@ -177,10 +182,7 @@ exports.facetSlider = {
     default: {
         facetSlider: {
             themeStyleScript: facetSliderStyleScript,
-            handleColor: custom_1.custom.colors.primary,
-            handleDraggingColor: custom_1.custom.colors.primary,
             trackColor: custom_1.custom.colors.gray01,
-            railColor: custom_1.custom.colors.secondary,
             tickTextColor: custom_1.custom.colors.text,
             valueTextColor: custom_1.custom.colors.text,
         },

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

@@ -16,27 +16,32 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the Filter component
 var filterStyleScript = function (props) {
-    var _a, _b;
+    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;
     // filter styles
-    var filterStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('filter', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&, .ss__filter__button': {
+    var filterStyles = (0, react_1.css)({
+        '&, .ss__filter__button': {
             padding: 0,
-        }, '&.ss__filter-summary__clear-all .ss__filter__button .ss__button__content .ss__filter__value': {
+        },
+        '&.ss__filter-summary__clear-all .ss__filter__button .ss__button__content .ss__filter__value': {
             margin: 0,
-        }, '.ss__filter__button': {
+        },
+        '.ss__filter__button': {
             position: 'relative',
             height: 'auto',
+            color: 'inherit',
             '&, &:hover, &:not(.ss__button--disabled):hover, &.ss__button--disabled': {
                 backgroundColor: 'transparent',
                 borderColor: 'transparent',
             },
-            '.ss__button__content': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text)), { fontWeight: 'normal', '.ss__filter__button__icon, .ss__filter__label, .ss__filter__value': {
+            '.ss__button__content': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText()), { fontWeight: 'normal', '.ss__filter__button__icon, .ss__filter__label, .ss__filter__value': {
                     margin: 0,
                 }, '.ss__filter__label': {
                     fontWeight: custom_1.custom.fonts.weight01,
                 } }),
-        } }));
+        },
+    });
     return filterStyles;
 };
 // Filter component props

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/grid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuMvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAS3E,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/grid.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsMvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAS3E,CAAC"}