@athoscommerce/snap-preact 1.1.5 → 1.2.1

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

@@ -26,20 +26,10 @@ 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;
+    var _a, _b, _c, _d, _e;
     // 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;
-    // spacing and position variables for features
-    var spacing = 0;
-    if ((props === null || props === void 0 ? void 0 : props.pagination) && (props === null || props === void 0 ? void 0 : props.scrollbar)) {
-        spacing = carouselOptions.spacing * 2 + carouselOptions.pagination + carouselOptions.scrollbar;
-    }
-    else if ((props === null || props === void 0 ? void 0 : props.pagination) && !(props === null || props === void 0 ? void 0 : props.scrollbar)) {
-        spacing = carouselOptions.spacing + carouselOptions.pagination;
-    }
-    else if (!(props === null || props === void 0 ? void 0 : props.pagination) && (props === null || props === void 0 ? void 0 : props.scrollbar)) {
-        spacing = carouselOptions.spacing + carouselOptions.scrollbar;
-    }
+    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;
     // 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': {
             width: "".concat(carouselOptions.button, "px"),
@@ -47,7 +37,7 @@ var carouselStyleScript = function (props) {
             display: 'block',
             position: 'absolute',
             top: 0,
-            bottom: spacing ? "".concat(spacing, "px") : 0,
+            bottom: 0,
             zIndex: 2,
             margin: 'auto',
             '& > div': {
@@ -75,7 +65,6 @@ var carouselStyleScript = function (props) {
             },
         }, '.swiper-container': {
             margin: '0 auto',
-            paddingBottom: spacing ? "".concat(spacing, "px") : '',
             '& > .swiper-wrapper': {
                 '& > .swiper-slide': {
                     '& > *, .ss__result': {
@@ -87,19 +76,16 @@ var carouselStyleScript = function (props) {
                 },
             },
             '& > .swiper-pagination': {
-                position: 'absolute',
-                bottom: (props === null || props === void 0 ? void 0 : props.scrollbar) ? "".concat(carouselOptions.scrollbar + custom_1.custom.spacing.x2, "px") : 0,
-                left: 0,
-                right: 0,
-                margin: 'auto',
+                position: 'relative',
+                margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"),
                 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: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
-                    borderColor: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary,
+                    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,
                 },
             },
-            '& > .swiper-scrollbar': __assign(__assign({ height: "".concat(carouselOptions.scrollbar, "px"), overflow: 'hidden', backgroundColor: custom_1.custom.colors.gray01 }, custom_1.custom.styles.borderRadius(carouselOptions.scrollbar, 'px')), { '&:after': {
+            '& > .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': {
                     content: '""',
                     position: 'absolute',
                     top: 0,
@@ -111,7 +97,7 @@ var carouselStyleScript = function (props) {
                     border: "1px solid ".concat(custom_1.custom.colors.gray02),
                 }, '.swiper-scrollbar-drag': {
                     zIndex: 2,
-                    backgroundColor: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                    backgroundColor: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary,
                 } }),
         }, '.swiper-grid-column': {
             '& > .swiper-wrapper': {

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;AAqDvD,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;AAsDvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAa3F,CAAC"}

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

@@ -31,6 +31,7 @@ var checkboxStyleScript = function (props) {
         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,
+                backgroundColor: custom_1.custom.colors.white,
             }, '&.ss__checkbox--disabled': __assign({}, custom_1.custom.styles.disabled()) }),
     ]);
     // native checkbox styles

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;AA6CvD,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;AA8CvD,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

@@ -26,6 +26,7 @@ var errorHandlerStyleScript = function (props) {
             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,

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;AAyGvD,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;AAwGvD,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

@@ -22,15 +22,10 @@ var facetHierarchyOptionsStyleScript = function (props) {
     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) || custom_1.custom.breakpoints.mobile;
-    var tabletBp = ((_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet) || custom_1.custom.breakpoints.tablet;
+    var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
+    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': {
-            lineHeight: 1.5,
-            color: (_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)(__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': {
                 margin: 0,
                 '.ss__facet-hierarchy-options__option__value__count': {
                     position: 'relative',
@@ -40,8 +35,7 @@ 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,
             },

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;AAkGvD,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;AAiGvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAM3H,CAAC"}

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

@@ -23,21 +23,14 @@ var facetListOptionsStyleScript = function (props) {
     var _c, _d, _e, _f, _g, _h;
     // 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) || custom_1.custom.breakpoints.mobile;
-    var tabletBp = ((_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet) || custom_1.custom.breakpoints.tablet;
+    var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
+    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': {
-            lineHeight: 1.5,
-            color: (_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)(__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': {
                 position: 'absolute',
                 top: '1.5px',
                 left: 0,
-            },
-            '.ss__facet-list-options__option__value': {
+            }, '.ss__facet-list-options__option__value': {
                 margin: 0,
                 '.ss__facet-list-options__option__value__count': {
                     position: 'relative',
@@ -47,8 +40,7 @@ var facetListOptionsStyleScript = function (props) {
                     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((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary)) }));
     // facet list styles
     var facetListStyles = (0, react_1.css)([
         sharedStyles,

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

@@ -24,11 +24,11 @@ var paletteColors = {
 // CSS in JS style script for the FacetPaletteOptions component
 var facetPaletteStyleScript = function (props) {
     var _a, _b;
-    var _c, _d, _e, _f, _g;
+    var _c, _d, _e, _f, _g, _h;
     // 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) || custom_1.custom.breakpoints.mobile;
-    var tabletBp = ((_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet) || custom_1.custom.breakpoints.tablet;
+    var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
+    var tabletBp = (_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet;
     var hasCheckbox = !(props === null || props === void 0 ? void 0 : props.hideCheckbox) ? true : false;
     var isList = (props === null || props === void 0 ? void 0 : props.layout) == 'list' ? true : false;
     var innerBorder = isList ? 3 : 5;
@@ -122,41 +122,28 @@ 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': {
-            lineHeight: 1.5,
-            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((_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': {
                 marginBottom: 0,
-            },
-            '.ss__checkbox, .ss__radio, .ss__facet-palette-options__option__wrapper': {
+            }, '.ss__checkbox, .ss__radio, .ss__facet-palette-options__option__wrapper': {
                 position: 'absolute',
                 top: "".concat(hasCheckbox ? 2 : 0.5, "px"),
-            },
-            '.ss__checkbox, .ss__radio': {
+            }, '.ss__checkbox, .ss__radio': {
                 left: 0,
-            },
-            '.ss__facet-palette-options__option__wrapper': {
+            }, '.ss__facet-palette-options__option__wrapper': {
                 left: hasCheckbox ? "".concat(listCheckboxSize + custom_1.custom.spacing.x2, "px") : 0,
                 width: "".concat(listSize, "px"),
                 height: "".concat(listSize, "px"),
                 lineHeight: "".concat(listSize, "px"),
-            },
-            '.ss__facet-palette-options__option__value, .ss__facet-palette-options__option__value__count': {
+            }, '.ss__facet-palette-options__option__value, .ss__facet-palette-options__option__value__count': {
                 overflow: 'visible',
                 textOverflow: 'unset',
                 textAlign: 'left',
                 whiteSpace: 'unset',
-            },
-            '.ss__facet-palette-options__option__value__count': {
+            }, '.ss__facet-palette-options__option__value__count': {
                 position: 'relative',
                 top: (props === null || props === void 0 ? void 0 : props.treePath) == 'storybook facetPaletteOptions' ? '1px' : '',
                 margin: 0,
-            },
-        },
+            } }),
     });
     // facet palette list styles
     var facetPaletteListStyles = (0, react_1.css)([

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

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

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

@@ -27,22 +27,15 @@ var filterStyleScript = function (props) {
         }, '.ss__filter__button': {
             position: 'relative',
             height: 'auto',
-            lineHeight: 1.5,
-            fontWeight: 'normal',
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
             '&, &:hover, &:not(.ss__button--disabled):hover, &.ss__button--disabled': {
                 backgroundColor: 'transparent',
                 borderColor: 'transparent',
             },
-            '.ss__button__content': {
-                position: 'relative',
-                '.ss__filter__button__icon, .ss__filter__label, .ss__filter__value': {
+            '.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': {
                     margin: 0,
-                },
-                '.ss__filter__label': {
+                }, '.ss__filter__label': {
                     fontWeight: custom_1.custom.fonts.weight01,
-                },
-            },
+                } }),
         } }));
     return filterStyles;
 };

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

@@ -38,7 +38,6 @@ var gridStyleScript = function (props) {
             display: 'flex',
             flexFlow: 'row wrap',
             alignItems: 'center',
-            justifyContent: 'center',
             '&:before': {
                 display: 'none',
             },
@@ -51,6 +50,7 @@ var gridStyleScript = function (props) {
             },
             '.ss__grid__option:not(.ss__grid__show-more-wrapper)': (_a = {
                     position: 'relative',
+                    maxWidth: '40px',
                     width: "calc((100% - (".concat((props === null || props === void 0 ? void 0 : props.gapSize) ? props.gapSize : custom_1.custom.spacing.x1, " * ").concat(columns - 1, ")) / ").concat(columns, ")"),
                     '.ss__grid__option__inner': __assign(__assign({ position: 'relative', width: '100%' }, custom_1.custom.styles.box((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text, "".concat(custom_1.custom.spacing.x1, "px"))), (_b = { '&, .ss__grid__option__label': {
                                 overflow: 'hidden',

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

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

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

@@ -22,33 +22,24 @@ var listStyleScript = function (props) {
     var _c, _d, _e, _f, _g, _h;
     // 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) || custom_1.custom.breakpoints.mobile;
-    var tabletBp = ((_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.tablet) || custom_1.custom.breakpoints.tablet;
+    var mobileBp = (_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile;
+    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('list', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__list--disabled': __assign({}, custom_1.custom.styles.disabled()), '.ss__list__title, .ss__list__options': {
             width: '100%',
         }, '.ss__list__title, .ss__list__options .ss__list__option': {
             padding: 0,
         }, '.ss__list__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary, '14px')), '.ss__list__options': {
-            '.ss__list__option': {
-                position: 'relative',
-                lineHeight: 1.5,
-                color: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text,
-                gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                padding: (props === null || props === void 0 ? void 0 : props.hideOptionCheckboxes) ? "" : "0 0 0 ".concat(checkboxSpacing, "px"),
-                '.ss__list__option__label, .ss__list__option__icon': {
+            '.ss__list__option': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text)), { gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideOptionCheckboxes) ? "" : "0 0 0 ".concat(checkboxSpacing, "px"), '.ss__list__option__label, .ss__list__option__icon': {
                     padding: 0,
-                },
-                '.ss__checkbox': {
+                }, '.ss__checkbox': {
                     position: 'absolute',
                     top: '1.5px',
                     left: 0,
-                },
-                '.ss__list__option__icon': {
+                }, '.ss__list__option__icon': {
                     position: 'relative',
                     top: '-1px',
-                },
-            },
+                } }),
             '.ss__list__option--disabled': __assign({}, custom_1.custom.styles.disabled()),
             '.ss__list__option--selected': __assign({}, custom_1.custom.styles.activeText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary)),
         } }));

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

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

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

@@ -33,6 +33,7 @@ var loadMoreStyleScript = function (props) {
                         margin: '-1px',
                     } }),
                 '.ss__load-more__progress__text': {
+                    fontSize: '14px',
                     color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
                 },
             },

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

@@ -20,7 +20,7 @@ var paginationStyleScript = function (props) {
     var _b, _c, _d, _e;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var mobileBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile) || custom_1.custom.breakpoints.mobile;
+    var mobileBp = (_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile;
     var paginationStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('pagination', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { nav: {
                 display: 'flex',
                 flexFlow: 'row wrap',

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

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

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

@@ -25,6 +25,7 @@ var radioStyleScript = function (props) {
     var defaultRadiosStyles = (0, react_1.css)([
         __assign(__assign(__assign(__assign({ position: 'relative', top: '-1px' }, custom_1.custom.styles.box('', 0)), custom_1.custom.styles.borderRadius(50, '%')), custom_1.custom.styles.boxSizing('radio', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__radio--disabled': __assign({}, custom_1.custom.styles.disabled()), '&.ss__radio--active': {
                 borderColor: darkGray,
+                backgroundColor: custom_1.custom.colors.white,
                 '.ss__icon': {
                     opacity: 1,
                 },

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

@@ -1 +1 @@
-{"version":3,"file":"radioList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/radioList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsEvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}
+{"version":3,"file":"radioList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/radioList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoHvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}

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

@@ -18,47 +18,83 @@ var custom_1 = require("../../custom");
 var radioSpacing = custom_1.custom.sizes.icon16 + custom_1.custom.spacing.x2;
 // CSS in JS style script for the RadioList component
 var radioListStyleScript = function (props) {
-    var _a, _b, _c, _d;
+    var _a, _b;
+    var _c, _d, _e, _f, _g, _h;
     // 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;
-    // radio list styles
-    var radioListStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('radioList', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&, .ss__radio-list__options-wrapper, .ss__radio-list__title': {
-            display: 'block',
-        }, '&.ss__radio-list--disabled': __assign({}, custom_1.custom.styles.disabled()), '.ss__radio-list__title, .ss__radio-list__options-wrapper': {
+    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('radioList', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__radio-list--disabled': __assign({}, custom_1.custom.styles.disabled()), '.ss__radio-list__title, .ss__radio-list__options-wrapper': {
             width: '100%',
         }, '.ss__radio-list__title, .ss__radio-list__options-wrapper .ss__radio-list__option': {
             padding: 0,
-        }, '.ss__radio-list__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary, '14px')), '.ss__radio-list__options-wrapper': {
-            '.ss__radio-list__option': {
-                position: 'relative',
-                lineHeight: 1.5,
-                color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text,
-                gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
-                padding: (props === null || props === void 0 ? void 0 : props.hideOptionRadios) ? "" : "0 0 0 ".concat(radioSpacing, "px"),
-                '&:last-child': {
-                    marginBottom: 0,
-                },
-                '.ss__radio-list__option__label, .ss__radio-list__option__icon': {
+        }, '.ss__radio-list__title': __assign({ margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0") }, custom_1.custom.styles.headerText((_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary, '14px')), '.ss__radio-list__options-wrapper': {
+            '.ss__radio-list__option': __assign(__assign({ position: 'relative' }, custom_1.custom.styles.baseText((_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.text)), { gap: "".concat(custom_1.custom.spacing.x2, "px"), padding: (props === null || props === void 0 ? void 0 : props.hideOptionRadios) ? "" : "0 0 0 ".concat(radioSpacing, "px"), '.ss__radio-list__option__label, .ss__radio-list__option__icon': {
                     padding: 0,
-                },
-                '.ss__radio': {
+                }, '.ss__radio': {
                     position: 'absolute',
-                    top: '1.5px',
+                    top: '2.5px',
                     left: 0,
-                    '&:has(.ss__radio__input)': {
-                        top: '2.5px',
-                    },
-                },
-                '.ss__radio-list__option__icon': {
+                }, '.ss__radio-list__option__icon': {
                     position: 'relative',
                     top: '-1px',
-                },
-            },
+                } }),
             '.ss__radio-list__option--disabled': __assign({}, custom_1.custom.styles.disabled()),
-            '.ss__radio-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__radio-list__option--selected': __assign({}, custom_1.custom.styles.activeText((_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.primary)),
         } }));
-    return radioListStyles;
+    // list styles
+    var radioListStyles = (0, react_1.css)([
+        sharedStyles,
+        {
+            '&, .ss__radio-list__options-wrapper, .ss__radio-list__title': {
+                display: 'block',
+            },
+            '.ss__radio-list__options-wrapper': {
+                '.ss__radio-list__option': {
+                    margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
+                    '&:last-child': {
+                        marginBottom: 0,
+                    },
+                },
+            },
+        },
+    ]);
+    // list horizontal styles
+    var radioListHorizontalStyles = (0, react_1.css)([
+        sharedStyles,
+        {
+            '&, .ss__radio-list__title': {
+                display: 'block',
+            },
+            '.ss__radio-list__options-wrapper': {
+                flexFlow: 'row wrap',
+                gap: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px"),
+                '.ss__radio-list__option': {
+                    flex: '0 1 auto',
+                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2, "px) / 2)"),
+                    minWidth: '1px',
+                    margin: 0,
+                    '.ss__radio-list__option__label': __assign({}, custom_1.custom.styles.textOverflow()),
+                },
+            },
+        },
+        (_a = {},
+            _a["".concat(custom_1.custom.utils.getBp(mobileBp))] = {
+                '.ss__radio-list__options-wrapper .ss__radio-list__option': {
+                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 2, "px) / 3)"),
+                },
+            },
+            _a),
+        (_b = {},
+            _b["".concat(custom_1.custom.utils.getBp(tabletBp))] = {
+                '.ss__radio-list__options-wrapper .ss__radio-list__option': {
+                    width: "calc((100% - ".concat(custom_1.custom.spacing.x2 * 3, "px) / 4)"),
+                },
+            },
+            _b),
+    ]);
+    return (props === null || props === void 0 ? void 0 : props.horizontal) ? radioListHorizontalStyles : radioListStyles;
 };
 // RadioList component props
 exports.radioList = {

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

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