@athoscommerce/snap-preact 1.1.4 → 1.2.0

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,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAM1E,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;AAkBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAM3G,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { CarouselProps } from '../../../../components/Molecules/Carousel';
+import type { CarouselProps, CarouselTemplatesLegalProps } from '../../../../components/Molecules/Carousel';
 import { ThemeComponent } from '../../../../providers';
-export declare const carousel: ThemeComponent<'carousel', CarouselProps>;
+export declare const carousel: ThemeComponent<'carousel', CarouselProps, CarouselTemplatesLegalProps>;
 //# sourceMappingURL=carousel.d.ts.map

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

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

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

@@ -1,4 +1,4 @@
-import type { CheckboxProps } from '../../../../components/Molecules/Checkbox';
+import type { CheckboxProps, CheckboxTemplatesLegalProps } from '../../../../components/Molecules/Checkbox';
 import { ThemeComponent } from '../../../../providers';
-export declare const checkbox: ThemeComponent<'checkbox', CheckboxProps>;
+export declare const checkbox: ThemeComponent<'checkbox', CheckboxProps, CheckboxTemplatesLegalProps>;
 //# sourceMappingURL=checkbox.d.ts.map

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,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqDvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAa9D,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

@@ -1,4 +1,4 @@
-import type { ErrorHandlerProps } from '../../../../components/Molecules/ErrorHandler';
+import type { ErrorHandlerProps, ErrorHandlerTemplatesLegalProps } from '../../../../components/Molecules/ErrorHandler';
 import { ThemeComponent } from '../../../../providers';
-export declare const errorHandler: ThemeComponent<'errorHandler', ErrorHandlerProps>;
+export declare const errorHandler: ThemeComponent<'errorHandler', ErrorHandlerProps, ErrorHandlerTemplatesLegalProps>;
 //# sourceMappingURL=errorHandler.d.ts.map

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,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6CvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAU1E,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/facetGridOptions.d.ts

@@ -1,4 +1,4 @@
-import type { FacetGridOptionsProps } from '../../../../components/Molecules/FacetGridOptions';
+import type { FacetGridOptionsProps, FacetGridOptionsTemplatesLegalProps } from '../../../../components/Molecules/FacetGridOptions';
 import { ThemeComponent } from '../../../../providers';
-export declare const facetGridOptions: ThemeComponent<'facetGridOptions', FacetGridOptionsProps>;
+export declare const facetGridOptions: ThemeComponent<'facetGridOptions', FacetGridOptionsProps, FacetGridOptionsTemplatesLegalProps>;
 //# sourceMappingURL=facetGridOptions.d.ts.map

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,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiDvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,CAStF,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;AAiDvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAS3H,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { FacetHierarchyOptionsProps } from '../../../../components/Molecules/FacetHierarchyOptions';
+import type { FacetHierarchyOptionsProps, FacetHierarchyOptionsTemplatesLegalProps } from '../../../../components/Molecules/FacetHierarchyOptions';
 import { ThemeComponent } from '../../../../providers';
-export declare const facetHierarchyOptions: ThemeComponent<'facetHierarchyOptions', FacetHierarchyOptionsProps>;
+export declare const facetHierarchyOptions: ThemeComponent<'facetHierarchyOptions', FacetHierarchyOptionsProps, FacetHierarchyOptionsTemplatesLegalProps>;
 //# sourceMappingURL=facetHierarchyOptions.d.ts.map

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,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyGvD,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAC,uBAAuB,EAAE,0BAA0B,CAUrG,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

@@ -1,4 +1,4 @@
-import type { FacetListOptionsProps } from '../../../../components/Molecules/FacetListOptions';
+import type { FacetListOptionsProps, FacetListOptionsTemplatesLegalProps } from '../../../../components/Molecules/FacetListOptions';
 import { ThemeComponent } from '../../../../providers';
-export declare const facetListOptions: ThemeComponent<'facetListOptions', FacetListOptionsProps>;
+export declare const facetListOptions: ThemeComponent<'facetListOptions', FacetListOptionsProps, FacetListOptionsTemplatesLegalProps>;
 //# sourceMappingURL=facetListOptions.d.ts.map

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,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkGvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,CAMtF,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.d.ts

@@ -1,4 +1,4 @@
-import type { FacetPaletteOptionsProps } from '../../../../components/Molecules/FacetPaletteOptions';
+import type { FacetPaletteOptionsProps, FacetPaletteOptionsTemplatesLegalProps } from '../../../../components/Molecules/FacetPaletteOptions';
 import { ThemeComponent } from '../../../../providers';
-export declare const facetPaletteOptions: ThemeComponent<'facetPaletteOptions', FacetPaletteOptionsProps>;
+export declare const facetPaletteOptions: ThemeComponent<'facetPaletteOptions', FacetPaletteOptionsProps, FacetPaletteOptionsTemplatesLegalProps>;
 //# sourceMappingURL=facetPaletteOptions.d.ts.map

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,MAAM,sDAAsD,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkOvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,CA8B/F,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;AAkOvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CA8BvI,CAAC"}

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/facetSlider.d.ts

@@ -1,4 +1,4 @@
-import type { FacetSliderProps } from '../../../../components/Molecules/FacetSlider';
+import type { FacetSliderProps, FacetSliderTemplatesLegalProps } from '../../../../components/Molecules/FacetSlider';
 import { ThemeComponent } from '../../../../providers';
-export declare const facetSlider: ThemeComponent<'facetSlider', FacetSliderProps>;
+export declare const facetSlider: ThemeComponent<'facetSlider', FacetSliderProps, FacetSliderTemplatesLegalProps>;
 //# sourceMappingURL=facetSlider.d.ts.map

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,MAAM,8CAA8C,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqLvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAYvE,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;AAqLvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAYvG,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { FilterProps } from '../../../../components/Molecules/Filter';
+import type { FilterProps, FilterTemplatesLegalProps } from '../../../../components/Molecules/Filter';
 import { ThemeComponent } from '../../../../providers';
-export declare const filter: ThemeComponent<'filter', FilterProps>;
+export declare const filter: ThemeComponent<'filter', FilterProps, FilterTemplatesLegalProps>;
 //# sourceMappingURL=filter.d.ts.map

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,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA2CvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAUxD,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.d.ts

@@ -1,4 +1,4 @@
-import type { GridProps } from '../../../../components/Molecules/Grid';
+import type { GridProps, GridTemplatesLegalProps } from '../../../../components/Molecules/Grid';
 import { ThemeComponent } from '../../../../providers';
-export declare const grid: ThemeComponent<'grid', GridProps>;
+export declare const grid: ThemeComponent<'grid', GridProps, GridTemplatesLegalProps>;
 //# sourceMappingURL=grid.d.ts.map

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,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuMvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,CASlD,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;AAuMvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAS3E,CAAC"}

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/layoutSelector.d.ts

@@ -1,4 +1,4 @@
-import type { LayoutSelectorProps } from '../../../../components/Molecules/LayoutSelector';
+import type { LayoutSelectorProps, LayoutSelectorTemplatesLegalProps } from '../../../../components/Molecules/LayoutSelector';
 import { ThemeComponent } from '../../../../providers';
-export declare const layoutSelector: ThemeComponent<'layoutSelector', LayoutSelectorProps>;
+export declare const layoutSelector: ThemeComponent<'layoutSelector', LayoutSelectorProps, LayoutSelectorTemplatesLegalProps>;
 //# sourceMappingURL=layoutSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/layoutSelector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyEvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CAgBhF,CAAC"}
+{"version":3,"file":"layoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/layoutSelector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,iDAAiD,CAAC;AAC9H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyEvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAgBnH,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { ListProps } from '../../../../components/Molecules/List';
+import type { ListProps, ListTemplatesLegalProps } from '../../../../components/Molecules/List';
 import { ThemeComponent } from '../../../../providers';
-export declare const list: ThemeComponent<'list', ListProps>;
+export declare const list: ThemeComponent<'list', ListProps, ListTemplatesLegalProps>;
 //# sourceMappingURL=list.d.ts.map

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,MAAM,uCAAuC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqHvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,CAMlD,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

@@ -1,4 +1,4 @@
-import type { LoadMoreProps } from '../../../../components/Molecules/LoadMore';
+import type { LoadMoreProps, LoadMoreTemplatesLegalProps } from '../../../../components/Molecules/LoadMore';
 import { ThemeComponent } from '../../../../providers';
-export declare const loadMore: ThemeComponent<'loadMore', LoadMoreProps>;
+export declare const loadMore: ThemeComponent<'loadMore', LoadMoreProps, LoadMoreTemplatesLegalProps>;
 //# sourceMappingURL=loadMore.d.ts.map

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,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuCvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAc9D,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/modal.d.ts

@@ -1,4 +1,4 @@
-import type { ModalProps } from '../../../../components/Molecules/Modal';
+import type { ModalProps, ModalTemplatesLegalProps } from '../../../../components/Molecules/Modal';
 import { ThemeComponent } from '../../../../providers';
-export declare const modal: ThemeComponent<'modal', ModalProps>;
+export declare const modal: ThemeComponent<'modal', ModalProps, ModalTemplatesLegalProps>;
 //# sourceMappingURL=modal.d.ts.map

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

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

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

@@ -1,4 +1,4 @@
-import type { OverlayBadgeProps } from '../../../../components/Molecules/OverlayBadge';
+import type { OverlayBadgeProps, OverlayBadgeTemplatesLegalProps } from '../../../../components/Molecules/OverlayBadge';
 import { ThemeComponent } from '../../../../providers';
-export declare const overlayBadge: ThemeComponent<'overlayBadge', OverlayBadgeProps>;
+export declare const overlayBadge: ThemeComponent<'overlayBadge', OverlayBadgeProps, OverlayBadgeTemplatesLegalProps>;
 //# sourceMappingURL=overlayBadge.d.ts.map

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

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

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

@@ -1,4 +1,4 @@
-import type { PaginationProps } from '../../../../components/Molecules/Pagination';
+import type { PaginationProps, PaginationTemplatesLegalProps } from '../../../../components/Molecules/Pagination';
 import { ThemeComponent } from '../../../../providers';
-export declare const pagination: ThemeComponent<'pagination', PaginationProps>;
+export declare const pagination: ThemeComponent<'pagination', PaginationProps, PaginationTemplatesLegalProps>;
 //# sourceMappingURL=pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA+CvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,CAqBpE,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAClH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA+CvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAqBnG,CAAC"}

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/perPage.d.ts

@@ -1,4 +1,4 @@
-import type { PerPageProps } from '../../../../components/Molecules/PerPage';
+import type { PerPageProps, PerPageTemplatesLegalProps } from '../../../../components/Molecules/PerPage';
 import { ThemeComponent } from '../../../../providers';
-export declare const perPage: ThemeComponent<'perPage', PerPageProps>;
+export declare const perPage: ThemeComponent<'perPage', PerPageProps, PerPageTemplatesLegalProps>;
 //# sourceMappingURL=perPage.d.ts.map