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

package/dist/esm/components/src/providers/withTracking.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../../../components/src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAA8B,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAClG,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACzI,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAKjF,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,GAAG,cAAc,CAAC;IACnG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,WAEtE,KAAK,sDA+FlC"}
+{"version":3,"file":"withTracking.d.ts","sourceRoot":"","sources":["../../../../../components/src/providers/withTracking.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,KAAK,EAAE,MAAM,EAA8B,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAClG,OAAO,KAAK,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AACzH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAKjF,eAAO,MAAM,kBAAkB,eAAe,CAAC;AAC/C,UAAU,iBAAiB;IAC1B,UAAU,CAAC,EAAE,gBAAgB,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;IAClF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,SAAS,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,CAAC,KAAK,CAAC,WAEtE,KAAK,sDA+FlC"}

package/dist/esm/components/src/themes/base/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/base/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAkBhE,eAAO,MAAM,IAAI,EAAE,aAKlB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/base/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAiBhE,eAAO,MAAM,IAAI,EAAE,aAMlB,CAAC"}

package/dist/esm/components/src/themes/base/base.js

@@ -7,10 +7,9 @@ const baseVariables = {
         desktop: 1400,
     },
     colors: {
-        text: '#333333',
-        primary: '#333333',
-        secondary: '#000000',
-        accent: '#cccccc',
+        primary: 'currentColor',
+        secondary: 'currentColor',
+        accent: 'currentColor',
     },
 };
 export const base = {
@@ -18,4 +17,5 @@ export const base = {
     variables: baseVariables,
     components,
     responsive,
+    type: 'templates',
 };

package/dist/esm/components/src/themes/base/components/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAkBhE,eAAO,MAAM,SAAS,EAAE,uBAiEvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/base/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAiBhE,eAAO,MAAM,SAAS,EAAE,uBA6DvB,CAAC"}

package/dist/esm/components/src/themes/base/components/templates/index.js

@@ -12,10 +12,8 @@ import { searchCollapsible } from './searchCollapsible';
 import { autocompleteSlideout } from './autocompleteSlideout';
 import { autocompleteModal } from './autocompleteModal';
 import { autocompleteFixed } from './autocompleteFixed';
-import { chat } from './chat';
 export const templates = {
     default: {
-        ...chat.default,
         ...autocompleteSlideout.default,
         ...autocompleteModal.default,
         ...autocompleteFixed.default,
@@ -31,7 +29,6 @@ export const templates = {
         ...searchHorizontal.default,
     },
     mobile: {
-        ...chat.mobile,
         ...autocompleteSlideout.mobile,
         ...autocompleteModal.mobile,
         ...autocompleteFixed.mobile,
@@ -47,7 +44,6 @@ export const templates = {
         ...searchHorizontal.mobile,
     },
     tablet: {
-        ...chat.tablet,
         ...autocompleteSlideout.tablet,
         ...autocompleteModal.tablet,
         ...autocompleteFixed.tablet,
@@ -63,7 +59,6 @@ export const templates = {
         ...searchHorizontal.tablet,
     },
     desktop: {
-        ...chat.desktop,
         ...autocompleteSlideout.desktop,
         ...autocompleteModal.desktop,
         ...autocompleteFixed.desktop,

package/dist/esm/components/src/themes/bocachica/bocachica.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bocachica.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/bocachica/bocachica.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAkBhE,eAAO,MAAM,SAAS,EAAE,aAKvB,CAAC"}
+{"version":3,"file":"bocachica.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/bocachica/bocachica.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAC;AAiBhE,eAAO,MAAM,SAAS,EAAE,aAMvB,CAAC"}

package/dist/esm/components/src/themes/bocachica/bocachica.js

@@ -7,7 +7,6 @@ const bocachicaVariables = {
         desktop: 1299,
     },
     colors: {
-        text: '#222222',
         primary: '#202223',
         secondary: '#6d7175',
         accent: '#3a23ad',
@@ -18,4 +17,5 @@ export const bocachica = {
     variables: bocachicaVariables,
     components,
     responsive,
+    type: 'templates',
 };

package/dist/esm/components/src/themes/bocachica/components/atoms/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwBvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyBvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/atoms/button.js

@@ -1,19 +1,19 @@
 import { css } from '@emotion/react';
-import Color from 'color';
+import { colord } from 'colord';
 // CSS in JS style script for the Button component
 const buttonStyleScript = ({ backgroundColor, theme }) => {
     const variables = theme?.variables;
-    const hoverBackgroundColorObj = new Color(backgroundColor || variables?.colors.primary || undefined);
-    const hoverColorObj = hoverBackgroundColorObj.isDark() ? Color('#fff') : Color('#000');
+    const hoverBackgroundColorObj = colord(backgroundColor || variables?.colors?.primary || '#000');
+    const hoverColorObj = hoverBackgroundColorObj.isDark() ? colord('#fff') : colord('#000');
     return css({
         backgroundColor: backgroundColor || '#fff',
         borderRadius: '3px',
         '&:not(.ss__button--disabled):hover': {
-            backgroundColor: hoverBackgroundColorObj.hex(),
-            color: hoverColorObj.hex(),
+            backgroundColor: hoverBackgroundColorObj.toHex(),
+            color: hoverColorObj.toHex(),
             '.ss__icon': {
-                fill: hoverColorObj.hex(),
-                stroke: hoverColorObj.hex(),
+                fill: hoverColorObj.toHex(),
+                stroke: hoverColorObj.toHex(),
             },
         },
     });

package/dist/esm/components/src/themes/bocachica/components/molecules/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AA0BvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAO3F,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AA2BvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAO3F,CAAC"}

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

@@ -1,18 +1,18 @@
 import { css } from '@emotion/react';
-import Color from 'color';
+import { colord } from 'colord';
 // CSS in JS style script for the Checkbox component
 const checkboxStyleScript = ({ color, theme }) => {
     const variables = theme?.variables;
-    const backgroundColorObj = new Color(color || variables?.colors.primary || undefined);
-    const backgroundTextColorObj = backgroundColorObj.isDark() ? new Color('#fff') : new Color('#000');
+    const backgroundColorObj = colord(color || variables?.colors?.primary || '#000');
+    const backgroundTextColorObj = backgroundColorObj.isDark() ? colord('#fff') : colord('#000');
     return css({
-        border: `1px solid ${backgroundColorObj.hex()}`,
+        border: `1px solid ${backgroundColorObj.toHex()}`,
         borderRadius: '3px',
         '&.ss__checkbox--active': {
-            backgroundColor: backgroundColorObj.hex(),
+            backgroundColor: backgroundColorObj.toHex(),
             '.ss__icon': {
-                fill: backgroundTextColorObj.hex(),
-                stroke: backgroundTextColorObj.hex(),
+                fill: backgroundTextColorObj.toHex(),
+                stroke: backgroundTextColorObj.toHex(),
             },
         },
         '&.ss__checkbox--disabled': {

package/dist/esm/components/src/themes/bocachica/components/molecules/facetGridOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"facetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AA6BvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAQ3H,CAAC"}
+{"version":3,"file":"facetGridOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AA0BvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,EAAE,mCAAmC,CAQ3H,CAAC"}

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

@@ -1,20 +1,17 @@
 import { css } from '@emotion/react';
-import Color from 'color';
+import { colord } from 'colord';
 // CSS in JS style script for the FacetGridOptions component
 const facetGridOptionsStyleScript = ({ theme }) => {
     const variables = theme?.variables;
-    const backgroundColorObj = new Color(variables?.colors.primary || undefined);
-    const colorObj = backgroundColorObj.isDark() ? new Color('#fff') : new Color('#000');
+    const backgroundColorObj = colord(variables?.colors?.primary || '#000');
+    const colorObj = backgroundColorObj.isDark() ? colord('#fff') : colord('#000');
     return css({
-        a: {
-            color: theme?.variables?.colors?.text,
-        },
         '& .ss__facet-grid-options__option': {
-            border: `1px solid ${backgroundColorObj.hex()}`,
+            border: `1px solid ${backgroundColorObj.toHex()}`,
             borderRadius: '3px',
             '&.ss__facet-grid-options__option--filtered': {
-                background: backgroundColorObj.hex(),
-                color: colorObj.hex(),
+                background: backgroundColorObj.toHex(),
+                color: colorObj.toHex(),
             },
             '&:hover:not(.ss__facet-grid-options__option--filtered)': {
                 cursor: 'pointer',

package/dist/esm/components/src/themes/bocachica/components/molecules/facetPaletteOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"facetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AA4BvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CAQvI,CAAC"}
+{"version":3,"file":"facetPaletteOptions.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AAyBvD,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,qBAAqB,EAAE,wBAAwB,EAAE,sCAAsC,CAQvI,CAAC"}

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

@@ -1,10 +1,7 @@
 import { css } from '@emotion/react';
 // CSS in JS style script for the FacetPaletteOptions component
-const facetPaletteStyleScript = ({ theme }) => {
+const facetPaletteStyleScript = ({}) => {
     return css({
-        a: {
-            color: theme?.variables?.colors?.text,
-        },
         '.ss__facet-palette-options__option': {
             '&:hover': {
                 cursor: 'pointer',

package/dist/esm/components/src/themes/bocachica/components/molecules/filter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AAwBvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}
+{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AAyBvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}

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

@@ -1,14 +1,14 @@
 import { css } from '@emotion/react';
-import Color from 'color';
+import { colord } from 'colord';
 // CSS in JS style script for the Filter component
 const filterStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = theme?.variables;
-    const backgroundColor = new Color(variables?.colors.primary || undefined);
+    const backgroundColor = colord(variables?.colors?.primary || '#000');
     const backgroundTextColor = backgroundColor.isDark() ? '#fff' : '#000';
     return css({
         '& .ss__filter__button': {
-            backgroundColor: backgroundColor.hex(),
+            backgroundColor: backgroundColor.toHex(),
             color: backgroundTextColor,
             '& .ss__filter__button__icon': {
                 fill: backgroundTextColor,

package/dist/esm/components/src/themes/bocachica/components/molecules/loadMore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadMore.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AA+BvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAM3F,CAAC"}
+{"version":3,"file":"loadMore.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/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;AAqCvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,EAAE,2BAA2B,CAM3F,CAAC"}

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

@@ -1,10 +1,14 @@
 import { css } from '@emotion/react';
-import Color from 'color';
+import { colord } from 'colord';
+const setLightness = (colorValue, lightness) => {
+    const hsl = colord(colorValue).toHsl();
+    return colord({ ...hsl, l: lightness });
+};
 // CSS in JS style script for the LoadMore component
 const loadMoreStyleScript = ({ color, backgroundColor, theme }) => {
     const variables = theme?.variables;
-    const barColour = new Color(color || variables?.colors.accent || undefined);
-    const backgroundColour = backgroundColor ? new Color(backgroundColor || undefined) : barColour.lightness(90);
+    const barColour = colord(color || variables?.colors?.accent || '#000');
+    const backgroundColour = backgroundColor ? colord(backgroundColor || '#fff') : setLightness(barColour.toHex(), 90);
     return css({
         '.ss__button': {
             '.ss__button__content': {
@@ -15,9 +19,9 @@ const loadMoreStyleScript = ({ color, backgroundColor, theme }) => {
         },
         '.ss__load-more__progress': {
             '.ss__load-more__progress__indicator': {
-                background: backgroundColour.hex(),
+                background: backgroundColour.toHex(),
                 '.ss__load-more__progress__indicator__bar': {
-                    background: barColour.hex(),
+                    background: barColour.toHex(),
                 },
             },
         },

package/dist/esm/components/src/themes/bocachica/components/molecules/select.d.ts.map

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

package/dist/esm/components/src/themes/bocachica/components/molecules/select.js

@@ -1,9 +1,15 @@
 import { css } from '@emotion/react';
-import Color from 'color';
+import { colord } from 'colord';
+const setLightness = (colorValue, lightness) => {
+    const hsl = colord(colorValue).toHsl();
+    return colord({ ...hsl, l: lightness });
+};
 // CSS in JS style script for the Select component
 const selectStyleScript = ({ backgroundColor, theme }) => {
     const variables = theme?.variables;
-    const transparentSecondary = new Color(theme?.variables?.colors?.secondary || undefined).opaquer(0.2);
+    const baseSecondary = colord(theme?.variables?.colors?.secondary || '#000');
+    const transparentSecondary = baseSecondary.alpha(Math.min(baseSecondary.alpha() + 0.2, 1));
+    const transparentSecondaryHover = setLightness(transparentSecondary.toHex(), 95).toRgbString();
     return css({
         '.ss__dropdown': {
             '.ss__select__dropdown__button': {
@@ -53,10 +59,10 @@ const selectStyleScript = ({ backgroundColor, theme }) => {
                 gap: '6px',
                 color: variables?.colors?.secondary,
                 '&.ss__select__select__option--selected': {
-                    backgroundColor: `${transparentSecondary.rgb().lightness(95)}` || `rgba(109,113,117,.06)`,
+                    backgroundColor: transparentSecondaryHover || `rgba(109,113,117,.06)`,
                 },
                 '&:hover': {
-                    backgroundColor: `${transparentSecondary.rgb().lightness(95)}` || `rgba(109,113,117,.06)`,
+                    backgroundColor: transparentSecondaryHover || `rgba(109,113,117,.06)`,
                 },
             },
         },

package/dist/esm/components/src/themes/bocachica/components/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAkBhE,eAAO,MAAM,SAAS,EAAE,uBAiEvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/bocachica/components/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAiBhE,eAAO,MAAM,SAAS,EAAE,uBA6DvB,CAAC"}

package/dist/esm/components/src/themes/bocachica/components/templates/index.js

@@ -12,10 +12,8 @@ import { searchCollapsible } from './searchCollapsible';
 import { autocompleteSlideout } from './autocompleteSlideout';
 import { autocompleteModal } from './autocompleteModal';
 import { autocompleteFixed } from './autocompleteFixed';
-import { chat } from './chat';
 export const templates = {
     default: {
-        ...chat.default,
         ...autocompleteSlideout.default,
         ...autocompleteModal.default,
         ...autocompleteFixed.default,
@@ -31,7 +29,6 @@ export const templates = {
         ...searchHorizontal.default,
     },
     mobile: {
-        ...chat.mobile,
         ...autocompleteSlideout.mobile,
         ...autocompleteModal.mobile,
         ...autocompleteFixed.mobile,
@@ -47,7 +44,6 @@ export const templates = {
         ...searchHorizontal.mobile,
     },
     tablet: {
-        ...chat.tablet,
         ...autocompleteSlideout.tablet,
         ...autocompleteModal.tablet,
         ...autocompleteFixed.tablet,
@@ -63,7 +59,6 @@ export const templates = {
         ...searchHorizontal.tablet,
     },
     desktop: {
-        ...chat.desktop,
         ...autocompleteSlideout.desktop,
         ...autocompleteModal.desktop,
         ...autocompleteFixed.desktop,

package/dist/esm/components/src/themes/index.d.ts

@@ -1,7 +1,5 @@
 export * from './base/base';
 export * from './bocachica/bocachica';
-export * from './everest/everest';
-export * from './matterhorn/matterhorn';
 export * from './pike/pike';
 export * from './snapnco/snapnco';
 export * from './snappy/snappy';

package/dist/esm/components/src/themes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../components/src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/src/themes/index.js

@@ -1,7 +1,5 @@
 export * from './base/base';
 export * from './bocachica/bocachica';
-export * from './everest/everest';
-export * from './matterhorn/matterhorn';
 export * from './pike/pike';
 export * from './snapnco/snapnco';
 export * from './snappy/snappy';

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

@@ -1 +1 @@
-{"version":3,"file":"badgeImage.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgeImage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAMnG,CAAC"}
+{"version":3,"file":"badgeImage.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgeImage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAgBvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAMnG,CAAC"}

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

@@ -1,5 +1,4 @@
 import { css } from '@emotion/react';
-import { custom } from '../../custom';
 // CSS in JS style script for the BadgeImage component
 const badgeImageStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -7,7 +6,6 @@ const badgeImageStyleScript = (props) => {
     // badge image styles
     const badgeImageStyles = css({
         lineHeight: 0,
-        ...custom.styles.boxSizing('badgeImage', props?.treePath, props?.name),
     });
     return badgeImageStyles;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"badgePill.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgePill.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}
+{"version":3,"file":"badgePill.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgePill.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}

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

@@ -7,7 +7,6 @@ const badgePillStyleScript = (props) => {
     // badge pill styles
     const badgePillStyles = css({
         padding: `${custom.spacing.x1}px ${custom.spacing.x2}px`,
-        ...custom.styles.boxSizing('badgePill', props?.treePath, props?.name),
         span: {
             ...custom.styles.badgeText(12),
         },

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

@@ -1 +1 @@
-{"version":3,"file":"badgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgeRectangle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,6CAA6C,CAAC;AAC1H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqBvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAMnH,CAAC"}
+{"version":3,"file":"badgeRectangle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgeRectangle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,6CAA6C,CAAC;AAC1H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAMnH,CAAC"}

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

@@ -7,7 +7,6 @@ const badgeRectangleStyleScript = (props) => {
     // badge rectangle styles
     const badgeRectangleStyles = css({
         padding: `${custom.spacing.x1}px ${custom.spacing.x2}px`,
-        ...custom.styles.boxSizing('badgeRectangle', props?.treePath, props?.name),
         span: {
             ...custom.styles.badgeText(12),
         },

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

@@ -1 +1 @@
-{"version":3,"file":"badgeText.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgeText.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}
+{"version":3,"file":"badgeText.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/badgeText.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,EAAE,4BAA4B,CAM/F,CAAC"}

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

@@ -7,7 +7,6 @@ const badgeTextStyleScript = (props) => {
     // badge text styles
     const badgeTextStyles = css({
         padding: 0,
-        ...custom.styles.boxSizing('badgeText', props?.treePath, props?.name),
         span: {
             ...custom.styles.badgeText(12),
         },

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

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/banner.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/banner.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAcvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CAMnF,CAAC"}

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

@@ -1,14 +1,10 @@
 import { css } from '@emotion/react';
-import { custom } from '../../custom';
 // CSS in JS style script for the Banner component
 const bannerStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
     // banner styles
-    const bannerStyles = css({
-        color: variables?.colors?.text,
-        ...custom.styles.boxSizing('banner', props?.treePath, props?.name),
-    });
+    const bannerStyles = css({});
     return bannerStyles;
 };
 // Banner component props

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/breadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AACjH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuCvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAWvG,CAAC"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/breadcrumbs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AACjH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmCvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,EAAE,8BAA8B,CAWvG,CAAC"}

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

@@ -6,7 +6,6 @@ const breadcrumbsStyleScript = (props) => {
     const variables = props?.theme?.variables;
     // breadcrumbs styles
     const breadcrumbsStyles = css({
-        ...custom.styles.boxSizing('breadcrumbs', props?.treePath, props?.name),
         '.ss__breadcrumbs__crumbs': {
             gap: `${custom.spacing.x2}px`,
             margin: 0,
@@ -14,9 +13,6 @@ const breadcrumbsStyleScript = (props) => {
             '&, li': {
                 listStyle: 'none',
             },
-            '&, a': {
-                color: variables?.colors?.text,
-            },
             li: {
                 display: 'block',
                 padding: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA8FvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CASnF,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6FvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,yBAAyB,CASnF,CAAC"}

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

@@ -6,7 +6,7 @@ const buttonDisabledSelectors = '&.ss__button--disabled';
 const buttonStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
-    const activeColors = custom.utils.activeColors(props?.backgroundColor);
+    const activeColors = custom.utils.activeColors(props?.backgroundColor || variables?.colors?.secondary || custom.colors.secondary);
     const buttonColor = activeColors[0];
     const borderColor = props?.borderColor ? props.borderColor : activeColors[0];
     const fontColor = props?.color ? props.color : activeColors[1];
@@ -24,7 +24,6 @@ const buttonStyleScript = (props) => {
             height: `${custom.sizes.height}px`,
             lineHeight: `${custom.sizes.height}px`,
             ...custom.styles.borderRadius(),
-            ...custom.styles.boxSizing('button', props?.treePath, props?.name),
             '&[active="true"], &:has([active="true"])': {
                 '.ss__icon': {
                     '&.ss__icon--filter': {

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

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

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

@@ -14,11 +14,16 @@ const dropdownStyleScript = (props) => {
     const dropdownStyles = css({
         width: 'auto',
         ...disabled,
-        ...custom.styles.boxSizing('dropdown', props?.treePath, props?.name),
+        '&.ss__dropdown--open, &.ss__dropdown__portal--open': {
+            '.ss__dropdown__content': {
+                gridTemplateRows: '1fr',
+                transition: 'grid-template-rows 200ms ease, visibility 200ms',
+            },
+        },
         '&.ss__dropdown__portal': {
             '.ss__dropdown__content': {
                 marginTop: `${custom.spacing.x1}px`,
-                ...custom.styles.box(variables?.colors?.text),
+                ...custom.styles.box(),
                 'ul, ul li': {
                     listStyle: 'none',
                 },
@@ -63,6 +68,12 @@ const dropdownStyleScript = (props) => {
             left: 0,
             right: 0,
             zIndex: -1,
+            display: 'grid',
+            gridTemplateRows: '0fr',
+            transition: 'grid-template-rows 100ms ease, visibility 100ms',
+            '& > *': {
+                overflow: 'hidden',
+            },
         },
     });
     return dropdownStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"formattedNumber.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/formattedNumber.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kCAAkC,EAAE,MAAM,8CAA8C,CAAC;AAC7H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,kCAAkC,CAMvH,CAAC"}
+{"version":3,"file":"formattedNumber.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/formattedNumber.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kCAAkC,EAAE,MAAM,8CAA8C,CAAC;AAC7H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAcvD,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,oBAAoB,EAAE,kCAAkC,CAMvH,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/icon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoCvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAQ3E,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/icon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkCvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAQ3E,CAAC"}

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

@@ -17,8 +17,6 @@ const iconStyleScript = (props) => {
         minWidth: '1px',
         flex: flexSize,
         lineHeight: 1,
-        color: props?.treePath == 'storybook icon' ? variables?.colors?.text : '',
-        ...custom.styles.boxSizing('icon', props?.treePath, props?.name),
         '&.ss__icon--filters': {
             fill: custom.colors.white,
             stroke: 'currentColor',

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/image.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":"image.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/image.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAM/E,CAAC"}

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

@@ -1,12 +1,10 @@
 import { css } from '@emotion/react';
-import { custom } from '../../custom';
 // CSS in JS style script for the Image component
 const imageStyleScript = (props) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const variables = props?.theme?.variables;
     // image styles
     const imageStyles = css({
-        ...custom.styles.boxSizing('image', props?.treePath, props?.name),
         '&, img': {
             lineHeight: 0,
         },