@athoscommerce/snap-preact 1.5.1-beta.114 → 1.5.1

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,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"}
+{"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;AAmBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAM/E,CAAC"}

package/dist/esm/components/src/themes/pike/components/atoms/price.js

@@ -6,10 +6,6 @@ const priceStyleScript = (props) => {
     const variables = props?.theme?.variables;
     // price styles
     const priceStyles = css({
-        ...custom.styles.boxSizing('price', props?.treePath, props?.name),
-        '&, span, &.ss__price, &.ss__price--strike': {
-            color: variables?.colors?.text,
-        },
         '& ~ .ss__result__price': {
             paddingLeft: `${custom.spacing.x1 / 2}px`,
         },

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,+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"}
+{"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;AAqCvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAM3G,CAAC"}

package/dist/esm/components/src/themes/pike/components/atoms/searchHeader.js

@@ -6,7 +6,6 @@ const searchHeaderStyleScript = (props) => {
     const variables = props?.theme?.variables;
     // search header styles
     const searchHeaderStyles = css({
-        ...custom.styles.boxSizing('searchHeader', props?.treePath, props?.name),
         em: {
             fontStyle: 'normal',
         },
@@ -21,7 +20,6 @@ const searchHeaderStyleScript = (props) => {
             margin: 0,
             fontSize: '16px',
             fontWeight: 400,
-            color: variables?.colors?.text,
             a: {
                 color: variables?.colors?.primary,
             },

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

package/dist/esm/components/src/themes/pike/components/atoms/skeleton.js

@@ -5,9 +5,7 @@ const skeletonStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
     // skeleton styles
-    const skeletonStyles = css({
-        ...custom.styles.boxSizing('skeleton', props?.treePath, props?.name),
-    });
+    const skeletonStyles = css({});
     return skeletonStyles;
 };
 // Skeleton component props

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

package/dist/esm/components/src/themes/pike/components/molecules/calloutBadge.js

@@ -7,7 +7,6 @@ const calloutBadgeStyleScript = (props) => {
     // callout badge styles
     const calloutBadgeStyles = css({
         gap: `${custom.spacing.x2}px`,
-        ...custom.styles.boxSizing('calloutBadge', props?.treePath, props?.name),
     });
     return calloutBadgeStyles;
 };

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

@@ -7,20 +7,19 @@ const carouselOptions = {
     pagination: 12, // size of pagination bullets
     scrollbar: 6, // size of scrollbar
 };
-const activeColors = custom.utils.activeColors();
-const buttonColor = activeColors[0];
-const fontColor = activeColors[1];
 // CSS in JS style script for the Carousel component
 const carouselStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
     const isDraggable = typeof props?.scrollbar == 'object' && props?.scrollbar?.draggable ? true : false;
+    const activeColors = custom.utils.activeColors(variables?.colors?.secondary || custom.colors.secondary);
+    const buttonColor = activeColors[0];
+    const fontColor = activeColors[1];
     // carousel styles
     const carouselStyles = css({
         position: 'relative',
         width: '100%',
         minWidth: '1px',
-        ...custom.styles.boxSizing('carousel', props?.treePath, props?.name),
         '.ss__carousel__prev-wrapper--hidden > div, .ss__carousel__next-wrapper--hidden > div': {
             ...custom.styles.disabled(),
         },

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

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

@@ -16,7 +16,6 @@ const checkboxStyleScript = (props) => {
         sharedStyles,
         {
             ...custom.styles.box('', 0),
-            ...custom.styles.boxSizing('checkbox', props?.treePath, props?.name),
             '&.ss__checkbox--active': {
                 borderColor: darkGray,
                 backgroundColor: custom.colors.white,
@@ -36,7 +35,6 @@ const checkboxStyleScript = (props) => {
             height: props?.size ? props.size : `${custom.sizes.icon16}px`,
             lineHeight: 1,
             cursor: 'pointer',
-            ...custom.styles.boxSizing('checkbox', props?.treePath, props?.name),
             '&.ss__checkbox--disabled': {
                 ...custom.styles.disabled(),
             },
@@ -51,7 +49,6 @@ export const checkbox = {
             themeStyleScript: checkboxStyleScript,
             icon: custom.icons.check,
             size: `${custom.sizes.icon16}px`,
-            color: custom.colors.primary,
         },
         'checkbox icon': {
             width: `calc(50% + 1px)`,

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

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

@@ -8,7 +8,6 @@ const errorHandlerStyleScript = (props) => {
     const errorHandlerStyles = css({
         gap: `${custom.spacing.x2}px`,
         padding: `${custom.spacing.x2}px`,
-        ...custom.styles.boxSizing('errorHandler', props?.treePath, props?.name),
         '.ss__error-handler__message, .ss__error-handler__button': {
             gap: `${custom.spacing.x1}px`,
         },
@@ -17,7 +16,6 @@ const errorHandlerStyleScript = (props) => {
             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.map

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

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

@@ -1,17 +1,15 @@
 import { css } from '@emotion/react';
 import { custom } from '../../custom';
-// static variables
-const activeColors = custom.utils.activeColors();
-const activeColor = activeColors[0];
-const fontColor = activeColors[1];
 // CSS in JS style script for the FacetGridOptions component
 const facetGridOptionsStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
+    const activeColors = custom.utils.activeColors(variables?.colors?.secondary || custom.colors.secondary);
+    const activeColor = activeColors[0];
+    const fontColor = activeColors[1];
     // facet grid styles
     const facetGridStyles = css({
         alignItems: 'center',
-        ...custom.styles.boxSizing('facetGridOptions', props?.treePath, props?.name),
         '.ss__facet-grid-options__option': {
             height: '100%',
             aspectRatio: 1,
@@ -30,7 +28,7 @@ const facetGridOptionsStyleScript = (props) => {
                 },
             },
             '&, &:hover:not(.ss__facet-grid-options__option--filtered)': {
-                ...custom.styles.box(variables?.colors?.text, 0),
+                ...custom.styles.box(undefined, 0),
             },
             '&.ss__facet-grid-options__option--filtered': {
                 backgroundColor: activeColor,

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

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

@@ -10,9 +10,8 @@ const facetHierarchyOptionsStyleScript = (props) => {
     const tabletBp = variables?.breakpoints?.tablet;
     // shared styles
     const sharedStyles = css({
-        ...custom.styles.boxSizing('facetHierarchyOptions', props?.treePath, props?.name),
         '.ss__facet-hierarchy-options__option': {
-            ...custom.styles.baseText(variables?.colors?.text),
+            ...custom.styles.baseText(),
             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.map

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

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

@@ -11,9 +11,8 @@ const facetListOptionsStyleScript = (props) => {
     const tabletBp = variables?.breakpoints?.tablet;
     // shared styles
     const sharedStyles = css({
-        ...custom.styles.boxSizing('facetListOptions', props?.treePath, props?.name),
         '.ss__facet-list-options__option': {
-            ...custom.styles.baseText(variables?.colors?.text),
+            ...custom.styles.baseText(),
             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.map

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

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

@@ -18,9 +18,7 @@ const facetPaletteStyleScript = (props) => {
     const innerBorder = isList ? 3 : 5;
     // shared styles
     const sharedStyles = css({
-        ...custom.styles.boxSizing('facetPaletteOptions', props?.treePath, props?.name),
         '.ss__facet-palette-options__option': {
-            color: variables?.colors?.text,
             '&.ss__facet-palette-options__option--filtered': {
                 '.ss__facet-palette-options__option__wrapper .ss__facet-palette-options__option__palette': {
                     '&:before': {
@@ -123,7 +121,7 @@ const facetPaletteStyleScript = (props) => {
     // facet palette shared list styles
     const sharedListStyles = css({
         '.ss__facet-palette-options__option': {
-            ...custom.styles.baseText(variables?.colors?.text),
+            ...custom.styles.baseText(),
             minHeight: hasCheckbox ? '' : `${listSize + 2}px`,
             position: 'relative',
             gap: `${custom.spacing.x1}px`,
@@ -240,8 +238,5 @@ export const facetPaletteOptions = {
                 },
             },
         },
-        'facetPaletteOptions checkbox icon': {
-            color: custom.colors.primary,
-        },
     },
 };

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

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

@@ -27,7 +27,7 @@ const facetSliderStyleScript = (props) => {
     const hasTicks = props?.showTicks ? true : false;
     const hasStickyHandles = props?.stickyHandleLabel ? true : false;
     const trackBorderColor = props?.trackColor != custom.colors.gray01 ? custom.utils.darkenColor(props.trackColor, 0.25) : custom.colors.gray02;
-    const activeColors = custom.utils.activeColors(props?.handleColor);
+    const activeColors = custom.utils.activeColors(props?.handleColor || variables?.colors?.secondary || custom.colors.secondary);
     // values font styles
     const valuesStyles = css({
         fontSize: `${slider.values}px`,
@@ -35,7 +35,6 @@ const facetSliderStyleScript = (props) => {
     });
     // shared styles
     const sharedStyles = css({
-        ...custom.styles.boxSizing('facetSlider', props?.treePath, props?.name),
         '&, .ss__facet-slider__slider': {
             margin: 'auto',
         },
@@ -71,10 +70,12 @@ const facetSliderStyleScript = (props) => {
                 border: `1px solid ${trackBorderColor}`,
                 ...custom.styles.borderRadius(slider.bar),
             },
-            '.ss__facet-slider__rail': {},
+            '.ss__facet-slider__rail': {
+                ...custom.styles.borderRadius(slider.bar),
+            },
             '.ss__facet-slider__handles': {
                 position: 'relative',
-                margin: `0 ${slider.handles / 2 - 2}px`,
+                margin: `0 ${slider.handles / 2}px`,
                 button: {
                     '.ss__facet-slider__handle': {
                         transform: 'none',
@@ -175,10 +176,7 @@ export const facetSlider = {
     default: {
         facetSlider: {
             themeStyleScript: facetSliderStyleScript,
-            handleColor: custom.colors.primary,
-            handleDraggingColor: custom.colors.primary,
             trackColor: custom.colors.gray01,
-            railColor: custom.colors.secondary,
             tickTextColor: custom.colors.text,
             valueTextColor: custom.colors.text,
         },

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

@@ -6,7 +6,6 @@ const filterStyleScript = (props) => {
     const variables = props?.theme?.variables;
     // filter styles
     const filterStyles = css({
-        ...custom.styles.boxSizing('filter', props?.treePath, props?.name),
         '&, .ss__filter__button': {
             padding: 0,
         },
@@ -16,13 +15,14 @@ const filterStyleScript = (props) => {
         '.ss__filter__button': {
             position: 'relative',
             height: 'auto',
+            color: 'inherit',
             '&, &:hover, &:not(.ss__button--disabled):hover, &.ss__button--disabled': {
                 backgroundColor: 'transparent',
                 borderColor: 'transparent',
             },
             '.ss__button__content': {
                 position: 'relative',
-                ...custom.styles.baseText(variables?.colors?.text),
+                ...custom.styles.baseText(),
                 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.map

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

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

@@ -6,17 +6,16 @@ const darkSelector = `&.${gridSelector}--dark, &:has(.${gridSelector}__inner--gr
 const imageSelector = '&:has(.ss__image)';
 const urlSelector = '&[style*="url"]';
 const styleSelector = '&[style], &:has(.ss__image)';
-const activeColors = custom.utils.activeColors();
-const activeColor = activeColors[0];
-const fontColor = activeColors[1];
 // CSS in JS style script for the Grid component
 const gridStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
     const columns = props?.columns ? props.columns : 4;
+    const activeColors = custom.utils.activeColors(variables?.colors?.secondary || custom.colors.secondary);
+    const activeColor = activeColors[0];
+    const fontColor = activeColors[1];
     // grid styles
     const gridStyles = css({
-        ...custom.styles.boxSizing('grid', props?.treePath, props?.name),
         '.ss__grid__title': {
             margin: `0 0 ${custom.spacing.x2}px 0`,
             ...custom.styles.headerText(variables?.colors?.secondary, '14px'),
@@ -46,7 +45,7 @@ const gridStyleScript = (props) => {
                 '.ss__grid__option__inner': {
                     position: 'relative',
                     width: '100%',
-                    ...custom.styles.box(variables?.colors?.text, `${custom.spacing.x1}px`),
+                    ...custom.styles.box(undefined, `${custom.spacing.x1}px`),
                     '&, .ss__grid__option__label': {
                         overflow: 'hidden',
                     },
@@ -149,7 +148,6 @@ const gridStyleScript = (props) => {
                         [styleSelector]: {
                             border: 0,
                             backgroundColor: 'transparent',
-                            color: variables?.colors?.text,
                             '&:before': {
                                 opacity: 1,
                             },

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,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"}
+{"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;AA6DvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAgBnH,CAAC"}

package/dist/esm/components/src/themes/pike/components/molecules/layoutSelector.js

@@ -1,59 +1,48 @@
 import { css } from '@emotion/react';
 import { custom } from '../../custom';
-// static variables
-const activeColors = custom.utils.activeColors();
-const activeColor = activeColors[0];
-const activeIconColor = activeColors[1];
 // CSS in JS style script for the LayoutSelector component
 const layoutSelectorStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    // shared styles
-    const sharedStyles = css({
-        ...custom.styles.boxSizing('layoutSelector', props?.treePath, props?.name),
-    });
+    const activeColors = custom.utils.activeColors(variables?.colors?.secondary || custom.colors.secondary);
+    const activeColor = activeColors[0];
+    const activeIconColor = activeColors[1];
     // dropdown styles
-    const dropdownStyles = css([
-        sharedStyles,
-        {
-            '.ss__dropdown': {
-                '.ss__dropdown__button .ss__button__content .ss__select__label': {
-                    paddingRight: `${custom.spacing.x1 / 2}px`,
-                },
+    const dropdownStyles = css({
+        '.ss__dropdown': {
+            '.ss__dropdown__button .ss__button__content .ss__select__label': {
+                paddingRight: `${custom.spacing.x1 / 2}px`,
             },
         },
-    ]);
+    });
     // radio styles
-    const radioStyles = css([sharedStyles]);
+    const radioStyles = css();
     // list styles
-    const listStyles = css([
-        sharedStyles,
-        {
-            '.ss__list__options': {
-                display: 'flex',
-                flexFlow: 'nowrap',
-                gap: `${custom.spacing.x1}px`,
-                '.ss__list__option': {
-                    flex: '1 1 0%',
-                    width: `auto`,
-                    height: `${custom.sizes.height}px`,
-                    lineHeight: `${custom.sizes.height}px`,
-                    margin: 0,
-                    ...custom.styles.box(variables?.colors?.text, `0 ${custom.spacing.x2}px`),
+    const listStyles = css({
+        '.ss__list__options': {
+            display: 'flex',
+            flexFlow: 'nowrap',
+            gap: `${custom.spacing.x1}px`,
+            '.ss__list__option': {
+                flex: '1 1 0%',
+                width: `auto`,
+                height: `${custom.sizes.height}px`,
+                lineHeight: `${custom.sizes.height}px`,
+                margin: 0,
+                ...custom.styles.box(undefined, `0 ${custom.spacing.x2}px`),
+            },
+            '.ss__list__option--selected': {
+                '&, &:hover': {
+                    borderColor: activeColor,
+                    backgroundColor: activeColor,
+                    color: activeIconColor,
                 },
-                '.ss__list__option--selected': {
-                    '&, &:hover': {
-                        borderColor: activeColor,
-                        backgroundColor: activeColor,
-                        color: activeIconColor,
-                    },
-                    '&, *': {
-                        cursor: 'text',
-                    },
+                '&, *': {
+                    cursor: 'text',
                 },
             },
         },
-    ]);
+    });
     if (props?.type == 'list') {
         return listStyles;
     }

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,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"}
+{"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;AAmHvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAM3E,CAAC"}

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

@@ -10,7 +10,6 @@ const listStyleScript = (props) => {
     const tabletBp = variables?.breakpoints?.tablet;
     // shared styles
     const sharedStyles = css({
-        ...custom.styles.boxSizing('list', props?.treePath, props?.name),
         '&.ss__list--disabled': {
             ...custom.styles.disabled(),
         },
@@ -27,7 +26,7 @@ const listStyleScript = (props) => {
         '.ss__list__options': {
             '.ss__list__option': {
                 position: 'relative',
-                ...custom.styles.baseText(variables?.colors?.text),
+                ...custom.styles.baseText(),
                 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.map

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

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

@@ -7,7 +7,6 @@ const loadMoreStyleScript = (props) => {
     const borderColor = props?.backgroundColor != custom.colors.gray01 ? custom.utils.darkenColor(props.backgroundColor, 0.25) : custom.colors.gray02;
     // load more styles
     const loadMoreStyles = css({
-        ...custom.styles.boxSizing('loadMore', props?.treePath, props?.name),
         '&.ss__load-more': {
             '&, .ss__load-more__progress': {
                 gap: `${custom.spacing.x2}px`,
@@ -26,7 +25,6 @@ const loadMoreStyleScript = (props) => {
                 },
                 '.ss__load-more__progress__text': {
                     fontSize: '14px',
-                    color: variables?.colors?.text,
                 },
             },
         },
@@ -38,12 +36,8 @@ export const loadMore = {
     default: {
         loadMore: {
             themeStyleScript: loadMoreStyleScript,
-            color: custom.colors.primary,
             backgroundColor: custom.colors.gray01,
         },
-        'loadMore icon': {
-            color: custom.colors.primary,
-        },
         'loadMore button icon': {
             color: 'currentColor',
         },

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,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"}
+{"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;AAiBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAO/E,CAAC"}

package/dist/esm/components/src/themes/pike/components/molecules/modal.js

@@ -7,7 +7,6 @@ const modalStyleScript = (props) => {
     // modal styles
     const modalStyles = css({
         cursor: 'pointer',
-        ...custom.styles.boxSizing('modal', props?.treePath, props?.name),
     });
     return modalStyles;
 };

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,+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"}
+{"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;AAwBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAM3G,CAAC"}

package/dist/esm/components/src/themes/pike/components/molecules/overlayBadge.js

@@ -6,7 +6,6 @@ const overlayBadgeStyleScript = (props) => {
     const variables = props?.theme?.variables;
     // overlay badge styles
     const overlayBadgeStyles = css({
-        ...custom.styles.boxSizing('overlayBadge', props?.treePath, props?.name),
         '.ss__overlay-badge__grid-wrapper': {
             zIndex: 1,
             gap: `${custom.spacing.x2}px`,

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,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"}
+{"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;AA6CvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAoBnG,CAAC"}

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

@@ -6,7 +6,6 @@ const paginationStyleScript = (props) => {
     const variables = props?.theme?.variables;
     const mobileBp = variables?.breakpoints?.mobile;
     const paginationStyles = css({
-        ...custom.styles.boxSizing('pagination', props?.treePath, props?.name),
         nav: {
             display: 'flex',
             flexFlow: 'row wrap',
@@ -16,7 +15,6 @@ const paginationStyleScript = (props) => {
             '.ss__pagination__page, span': {
                 padding: 0,
                 fontSize: '16px',
-                color: variables?.colors?.text,
             },
             '.ss__pagination__page': {
                 minWidth: '1px',
@@ -48,7 +46,6 @@ export const pagination = {
         },
         'pagination icon': {
             size: `${custom.sizes.icon12}px`,
-            color: custom.colors.primary,
         },
         'pagination icon.prev': {
             icon: custom.icons.arrowLeft,

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,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"}
+{"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;AAcvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAMvF,CAAC"}

package/dist/esm/components/src/themes/pike/components/molecules/perPage.js

@@ -1,13 +1,10 @@
 import { css } from '@emotion/react';
-import { custom } from '../../custom';
 // CSS in JS style script for the PerPage component
 const perPageStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
     // perPage styles
-    const perPageStyles = css({
-        ...custom.styles.boxSizing('perPage', props?.treePath, props?.name),
-    });
+    const perPageStyles = css({});
     return perPageStyles;
 };
 // PerPage component props

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,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"}
+{"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;AAwDvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAa/E,CAAC"}