@athoscommerce/snap-preact 1.1.4 → 1.2.0

package/dist/esm/components/src/themes/pike/components/atoms/price.d.ts

@@ -1,4 +1,4 @@
-import type { PriceProps } from '../../../../components/Atoms/Price';
+import type { PriceProps, PriceTemplatesLegalProps } from '../../../../components/Atoms/Price';
 import { ThemeComponent } from '../../../../providers';
-export declare const price: ThemeComponent<'price', PriceProps>;
+export declare const price: ThemeComponent<'price', PriceProps, PriceTemplatesLegalProps>;
 //# sourceMappingURL=price.d.ts.map

package/dist/esm/components/src/themes/pike/components/atoms/price.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/price.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAMrD,CAAC"}
+{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/price.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAM/E,CAAC"}

package/dist/esm/components/src/themes/pike/components/atoms/searchHeader.d.ts

@@ -1,4 +1,4 @@
-import type { SearchHeaderProps } from '../../../../components/Atoms/SearchHeader';
+import type { SearchHeaderProps, SearchHeaderTemplatesLegalProps } from '../../../../components/Atoms/SearchHeader';
 import { ThemeComponent } from '../../../../providers';
-export declare const searchHeader: ThemeComponent<'searchHeader', SearchHeaderProps>;
+export declare const searchHeader: ThemeComponent<'searchHeader', SearchHeaderProps, SearchHeaderTemplatesLegalProps>;
 //# sourceMappingURL=searchHeader.d.ts.map

package/dist/esm/components/src/themes/pike/components/atoms/searchHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"searchHeader.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/searchHeader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuCvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAM1E,CAAC"}
+{"version":3,"file":"searchHeader.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/searchHeader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AACpH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuCvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAM3G,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { SkeletonProps } from '../../../../components/Atoms/Skeleton';
+import type { SkeletonProps, SkeletonTemplatesLegalProps } from '../../../../components/Atoms/Skeleton';
 import { ThemeComponent } from '../../../../providers';
-export declare const skeleton: ThemeComponent<'skeleton', SkeletonProps>;
+export declare const skeleton: ThemeComponent<'skeleton', SkeletonProps, SkeletonTemplatesLegalProps>;
 //# sourceMappingURL=skeleton.d.ts.map

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

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

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

@@ -1,4 +1,4 @@
-import type { CalloutBadgeProps } from '../../../../components/Molecules/CalloutBadge';
+import type { CalloutBadgeProps, CalloutBadgeTemplatesLegalProps } from '../../../../components/Molecules/CalloutBadge';
 import { ThemeComponent } from '../../../../providers';
-export declare const calloutBadge: ThemeComponent<'calloutBadge', CalloutBadgeProps>;
+export declare const calloutBadge: ThemeComponent<'calloutBadge', CalloutBadgeProps, CalloutBadgeTemplatesLegalProps>;
 //# sourceMappingURL=calloutBadge.d.ts.map

package/dist/esm/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/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/carousel.js

@@ -14,17 +14,7 @@ const fontColor = activeColors[1];
 const carouselStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    // spacing and position variables for features
-    let spacing = 0;
-    if (props?.pagination && props?.scrollbar) {
-        spacing = carouselOptions.spacing * 2 + carouselOptions.pagination + carouselOptions.scrollbar;
-    }
-    else if (props?.pagination && !props?.scrollbar) {
-        spacing = carouselOptions.spacing + carouselOptions.pagination;
-    }
-    else if (!props?.pagination && props?.scrollbar) {
-        spacing = carouselOptions.spacing + carouselOptions.scrollbar;
-    }
+    const isDraggable = typeof props?.scrollbar == 'object' && props?.scrollbar?.draggable ? true : false;
     // carousel styles
     const carouselStyles = css({
         position: 'relative',
@@ -40,7 +30,7 @@ const carouselStyleScript = (props) => {
             display: 'block',
             position: 'absolute',
             top: 0,
-            bottom: spacing ? `${spacing}px` : 0,
+            bottom: 0,
             zIndex: 2,
             margin: 'auto',
             '& > div': {
@@ -73,7 +63,6 @@ const carouselStyleScript = (props) => {
         },
         '.swiper-container': {
             margin: '0 auto',
-            paddingBottom: spacing ? `${spacing}px` : '',
             '& > .swiper-wrapper': {
                 '& > .swiper-slide': {
                     '& > *, .ss__result': {
@@ -85,11 +74,8 @@ const carouselStyleScript = (props) => {
                 },
             },
             '& > .swiper-pagination': {
-                position: 'absolute',
-                bottom: props?.scrollbar ? `${carouselOptions.scrollbar + custom.spacing.x2}px` : 0,
-                left: 0,
-                right: 0,
-                margin: 'auto',
+                position: 'relative',
+                margin: `${custom.spacing.x2}px 0 0 0`,
                 gap: `${custom.spacing.x1}px`,
                 '.swiper-pagination-bullet': {
                     opacity: 1,
@@ -107,9 +93,12 @@ const carouselStyleScript = (props) => {
                 },
             },
             '& > .swiper-scrollbar': {
+                position: 'relative',
+                margin: `${custom.spacing.x2}px 0 0 0`,
                 height: `${carouselOptions.scrollbar}px`,
                 overflow: 'hidden',
                 backgroundColor: custom.colors.gray01,
+                cursor: isDraggable ? 'pointer' : '',
                 ...custom.styles.borderRadius(carouselOptions.scrollbar, 'px'),
                 '&:after': {
                     content: '""',

package/dist/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/checkbox.js

@@ -19,6 +19,7 @@ const checkboxStyleScript = (props) => {
             ...custom.styles.boxSizing('checkbox', props?.treePath, props?.name),
             '&.ss__checkbox--active': {
                 borderColor: darkGray,
+                backgroundColor: custom.colors.white,
             },
             '&.ss__checkbox--disabled': {
                 ...custom.styles.disabled(),

package/dist/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/errorHandler.js

@@ -16,6 +16,7 @@ const errorHandlerStyleScript = (props) => {
             padding: 0,
             flexFlow: 'row wrap',
             flex: `1 1 0%`,
+            fontSize: '14px',
             color: variables?.colors?.text,
             'span, .ss__icon, .ss__error-handler__message__type': {
                 margin: 0,

package/dist/esm/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/esm/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/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/facetHierarchyOptions.js

@@ -6,14 +6,13 @@ const lightGray = custom.utils.lightenColor();
 const facetHierarchyOptionsStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
     // shared styles
     const sharedStyles = css({
         ...custom.styles.boxSizing('facetHierarchyOptions', props?.treePath, props?.name),
         '.ss__facet-hierarchy-options__option': {
-            lineHeight: 1.5,
-            color: variables?.colors?.text,
+            ...custom.styles.baseText(variables?.colors?.text),
             gap: `${custom.spacing.x1}px`,
             padding: 0,
             '.ss__facet-hierarchy-options__option__value': {

package/dist/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/facetListOptions.js

@@ -7,14 +7,13 @@ const checkboxSpacing = custom.sizes.icon16 + custom.spacing.x2;
 const facetListOptionsStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
     // shared styles
     const sharedStyles = css({
         ...custom.styles.boxSizing('facetListOptions', props?.treePath, props?.name),
         '.ss__facet-list-options__option': {
-            lineHeight: 1.5,
-            color: variables?.colors?.text,
+            ...custom.styles.baseText(variables?.colors?.text),
             position: 'relative',
             gap: `${custom.spacing.x1}px`,
             padding: props?.hideCheckbox ? 0 : `0 0 0 ${checkboxSpacing}px`,

package/dist/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/facetPaletteOptions.js

@@ -11,8 +11,8 @@ const paletteColors = {
 const facetPaletteStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
     const hasCheckbox = !props?.hideCheckbox ? true : false;
     const isList = props?.layout == 'list' ? true : false;
     const innerBorder = isList ? 3 : 5;
@@ -123,7 +123,7 @@ const facetPaletteStyleScript = (props) => {
     // facet palette shared list styles
     const sharedListStyles = css({
         '.ss__facet-palette-options__option': {
-            lineHeight: 1.5,
+            ...custom.styles.baseText(variables?.colors?.text),
             minHeight: hasCheckbox ? '' : `${listSize + 2}px`,
             position: 'relative',
             gap: `${custom.spacing.x1}px`,

package/dist/esm/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/esm/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/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/filter.js

@@ -16,15 +16,14 @@ const filterStyleScript = (props) => {
         '.ss__filter__button': {
             position: 'relative',
             height: 'auto',
-            lineHeight: 1.5,
-            fontWeight: 'normal',
-            color: variables?.colors?.text,
             '&, &:hover, &:not(.ss__button--disabled):hover, &.ss__button--disabled': {
                 backgroundColor: 'transparent',
                 borderColor: 'transparent',
             },
             '.ss__button__content': {
                 position: 'relative',
+                ...custom.styles.baseText(variables?.colors?.text),
+                fontWeight: 'normal',
                 '.ss__filter__button__icon, .ss__filter__label, .ss__filter__value': {
                     margin: 0,
                 },

package/dist/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/grid.js

@@ -29,7 +29,6 @@ const gridStyleScript = (props) => {
             display: 'flex',
             flexFlow: 'row wrap',
             alignItems: 'center',
-            justifyContent: 'center',
             '&:before': {
                 display: 'none',
             },
@@ -42,6 +41,7 @@ const gridStyleScript = (props) => {
             },
             '.ss__grid__option:not(.ss__grid__show-more-wrapper)': {
                 position: 'relative',
+                maxWidth: '40px',
                 width: `calc((100% - (${props?.gapSize ? props.gapSize : custom.spacing.x1} * ${columns - 1})) / ${columns})`,
                 '.ss__grid__option__inner': {
                     position: 'relative',

package/dist/esm/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/esm/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/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/list.js

@@ -6,8 +6,8 @@ const checkboxSpacing = custom.sizes.icon16 + custom.spacing.x2;
 const listStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
-    const tabletBp = variables?.breakpoints?.tablet || custom.breakpoints.tablet;
+    const mobileBp = variables?.breakpoints?.mobile;
+    const tabletBp = variables?.breakpoints?.tablet;
     // shared styles
     const sharedStyles = css({
         ...custom.styles.boxSizing('list', props?.treePath, props?.name),
@@ -27,8 +27,7 @@ const listStyleScript = (props) => {
         '.ss__list__options': {
             '.ss__list__option': {
                 position: 'relative',
-                lineHeight: 1.5,
-                color: variables?.colors?.text,
+                ...custom.styles.baseText(variables?.colors?.text),
                 gap: `${custom.spacing.x2}px`,
                 padding: props?.hideOptionCheckboxes ? `` : `0 0 0 ${checkboxSpacing}px`,
                 '.ss__list__option__label, .ss__list__option__icon': {

package/dist/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/loadMore.js

@@ -25,6 +25,7 @@ const loadMoreStyleScript = (props) => {
                     },
                 },
                 '.ss__load-more__progress__text': {
+                    fontSize: '14px',
                     color: variables?.colors?.text,
                 },
             },

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/components/src/themes/pike/components/molecules/pagination.js

@@ -4,7 +4,7 @@ import { custom } from '../../custom';
 const paginationStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const mobileBp = variables?.breakpoints?.mobile || custom.breakpoints.mobile;
+    const mobileBp = variables?.breakpoints?.mobile;
     const paginationStyles = css({
         ...custom.styles.boxSizing('pagination', props?.treePath, props?.name),
         nav: {

package/dist/esm/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

package/dist/esm/components/src/themes/pike/components/molecules/perPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"perPage.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/perPage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,CAM3D,CAAC"}
+{"version":3,"file":"perPage.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/molecules/perPage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAMvF,CAAC"}

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

@@ -1,4 +1,4 @@
-import type { RadioProps } from '../../../../components/Molecules/Radio';
+import type { RadioProps, RadioTemplatesLegalProps } from '../../../../components/Molecules/Radio';
 import { ThemeComponent } from '../../../../providers';
-export declare const radio: ThemeComponent<'radio', RadioProps>;
+export declare const radio: ThemeComponent<'radio', RadioProps, RadioTemplatesLegalProps>;
 //# sourceMappingURL=radio.d.ts.map

package/dist/esm/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,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyDvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAcrD,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/esm/components/src/themes/pike/components/molecules/radio.js

@@ -19,6 +19,7 @@ const radioStyleScript = (props) => {
             },
             '&.ss__radio--active': {
                 borderColor: darkGray,
+                backgroundColor: custom.colors.white,
                 '.ss__icon': {
                     opacity: 1,
                 },

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

@@ -1,4 +1,4 @@
-import type { RadioListProps } from '../../../../components/Molecules/RadioList';
+import type { RadioListProps, RadioListTemplatesLegalProps } from '../../../../components/Molecules/RadioList';
 import { ThemeComponent } from '../../../../providers';
-export declare const radioList: ThemeComponent<'radioList', RadioListProps>;
+export declare const radioList: ThemeComponent<'radioList', RadioListProps, RadioListTemplatesLegalProps>;
 //# sourceMappingURL=radioList.d.ts.map

package/dist/esm/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,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAsEvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAMjE,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"}