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

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/badgeImage.js

@@ -1,26 +1,16 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.badgeImage = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the BadgeImage component
 var badgeImageStyleScript = function (props) {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // badge image styles
-    var badgeImageStyles = (0, react_1.css)(__assign({ lineHeight: 0 }, custom_1.custom.styles.boxSizing('badgeImage', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var badgeImageStyles = (0, react_1.css)({
+        lineHeight: 0,
+    });
     return badgeImageStyles;
 };
 // BadgeImage component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/badgePill.js

@@ -20,7 +20,10 @@ var badgePillStyleScript = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // badge pill styles
-    var badgePillStyles = (0, react_1.css)(__assign(__assign({ padding: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.boxSizing('badgePill', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { span: __assign({}, custom_1.custom.styles.badgeText(12)) }));
+    var badgePillStyles = (0, react_1.css)({
+        padding: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px"),
+        span: __assign({}, custom_1.custom.styles.badgeText(12)),
+    });
     return badgePillStyles;
 };
 // BadgePill component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/badgeRectangle.js

@@ -20,7 +20,10 @@ var badgeRectangleStyleScript = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // badge rectangle styles
-    var badgeRectangleStyles = (0, react_1.css)(__assign(__assign({ padding: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px") }, custom_1.custom.styles.boxSizing('badgeRectangle', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { span: __assign({}, custom_1.custom.styles.badgeText(12)) }));
+    var badgeRectangleStyles = (0, react_1.css)({
+        padding: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px"),
+        span: __assign({}, custom_1.custom.styles.badgeText(12)),
+    });
     return badgeRectangleStyles;
 };
 // BadgeRectangle component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/badgeText.js

@@ -20,7 +20,10 @@ var badgeTextStyleScript = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // badge text styles
-    var badgeTextStyles = (0, react_1.css)(__assign(__assign({ padding: 0 }, custom_1.custom.styles.boxSizing('badgeText', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { span: __assign({}, custom_1.custom.styles.badgeText(12)) }));
+    var badgeTextStyles = (0, react_1.css)({
+        padding: 0,
+        span: __assign({}, custom_1.custom.styles.badgeText(12)),
+    });
     return badgeTextStyles;
 };
 // BadgeText component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/banner.js

@@ -1,26 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.banner = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the Banner component
 var bannerStyleScript = function (props) {
-    var _a, _b;
+    var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // banner styles
-    var bannerStyles = (0, react_1.css)(__assign({ color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text }, custom_1.custom.styles.boxSizing('banner', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var bannerStyles = (0, react_1.css)({});
     return bannerStyles;
 };
 // Banner component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/breadcrumbs.js

@@ -16,30 +16,29 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the Breadcrumbs component
 var breadcrumbsStyleScript = function (props) {
-    var _a, _b, _c;
+    var _a, _b;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // breadcrumbs styles
-    var breadcrumbsStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('breadcrumbs', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '.ss__breadcrumbs__crumbs': {
+    var breadcrumbsStyles = (0, react_1.css)({
+        '.ss__breadcrumbs__crumbs': {
             gap: "".concat(custom_1.custom.spacing.x2, "px"),
             margin: 0,
             padding: 0,
             '&, li': {
                 listStyle: 'none',
             },
-            '&, a': {
-                color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
-            },
             li: {
                 display: 'block',
                 padding: 0,
                 fontSize: '14px',
-                '&:last-child': __assign({}, custom_1.custom.styles.activeText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary)),
+                '&:last-child': __assign({}, custom_1.custom.styles.activeText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary)),
                 a: {
                     fontSize: 'inherit',
                 },
             },
-        } }));
+        },
+    });
     return breadcrumbsStyles;
 };
 // Breadcrumbs component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/button.js

@@ -19,16 +19,16 @@ var buttonDisabledSelectors = '&.ss__button--disabled';
 // CSS in JS style script for the Button component
 var buttonStyleScript = function (props) {
     var _a;
-    var _b;
+    var _b, _c;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
-    var activeColors = custom_1.custom.utils.activeColors(props === null || props === void 0 ? void 0 : props.backgroundColor);
+    var activeColors = custom_1.custom.utils.activeColors((props === null || props === void 0 ? void 0 : props.backgroundColor) || ((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary) || custom_1.custom.colors.secondary);
     var buttonColor = activeColors[0];
     var borderColor = (props === null || props === void 0 ? void 0 : props.borderColor) ? props.borderColor : activeColors[0];
     var fontColor = (props === null || props === void 0 ? void 0 : props.color) ? props.color : activeColors[1];
     // shared styles
     var sharedStyles = (0, react_1.css)([
-        __assign(__assign(__assign({ cursor: 'pointer', padding: "0 ".concat(custom_1.custom.spacing.x4, "px"), justifyContent: 'center', fontSize: '14px', fontWeight: custom_1.custom.fonts.weight01, textAlign: 'center', textTransform: custom_1.custom.fonts.transform, color: fontColor, height: "".concat(custom_1.custom.sizes.height, "px"), lineHeight: "".concat(custom_1.custom.sizes.height, "px") }, custom_1.custom.styles.borderRadius()), custom_1.custom.styles.boxSizing('button', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), (_a = { '&[active="true"], &:has([active="true"])': {
+        __assign(__assign({ cursor: 'pointer', padding: "0 ".concat(custom_1.custom.spacing.x4, "px"), justifyContent: 'center', fontSize: '14px', fontWeight: custom_1.custom.fonts.weight01, textAlign: 'center', textTransform: custom_1.custom.fonts.transform, color: fontColor, height: "".concat(custom_1.custom.sizes.height, "px"), lineHeight: "".concat(custom_1.custom.sizes.height, "px") }, custom_1.custom.styles.borderRadius()), (_a = { '&[active="true"], &:has([active="true"])': {
                     '.ss__icon': {
                         '&.ss__icon--filter': {
                             transform: 'rotate(-180deg)',

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/dropdown.js

@@ -16,15 +16,20 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the Dropdown component
 var dropdownStyleScript = function (props) {
-    var _a, _b, _c;
+    var _a, _b;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // disabled styles
     var disabled = (props === null || props === void 0 ? void 0 : props.disabled)
         ? __assign({}, custom_1.custom.styles.disabled()) : {};
     // dropdown styles
-    var dropdownStyles = (0, react_1.css)(__assign(__assign(__assign({ width: 'auto' }, disabled), custom_1.custom.styles.boxSizing('dropdown', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__dropdown__portal': {
-            '.ss__dropdown__content': __assign(__assign({ marginTop: "".concat(custom_1.custom.spacing.x1, "px") }, custom_1.custom.styles.box((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text)), { 'ul, ul li': {
+    var dropdownStyles = (0, react_1.css)(__assign(__assign({ width: 'auto' }, disabled), { '&.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': __assign(__assign({ marginTop: "".concat(custom_1.custom.spacing.x1, "px") }, custom_1.custom.styles.box()), { 'ul, ul li': {
                     listStyle: 'none',
                 }, '.ss__select__select, .ss__variant-selection__options': {
                     margin: 0,
@@ -38,7 +43,7 @@ var dropdownStyleScript = function (props) {
                         fontWeight: 'normal',
                     }, 'a, span': {
                         cursor: 'pointer',
-                    } }), '.ss__select__select .ss__select__select__option--selected, .ss__variant-selection__options .ss__variant-selection__option--selected': __assign({}, custom_1.custom.styles.activeText((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary)), '.ss__select__select .ss__select__select__option----unavailable, .ss__select__select .ss__select__select__option--disabled, .ss__variant-selection__options .ss__variant-selection__option--unavailable, .ss__variant-selection__options .ss__variant-selection__option--disabled': __assign({ color: 'inherit' }, custom_1.custom.styles.disabled()) }),
+                    } }), '.ss__select__select .ss__select__select__option--selected, .ss__variant-selection__options .ss__variant-selection__option--selected': __assign({}, custom_1.custom.styles.activeText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary)), '.ss__select__select .ss__select__select__option----unavailable, .ss__select__select .ss__select__select__option--disabled, .ss__variant-selection__options .ss__variant-selection__option--unavailable, .ss__variant-selection__options .ss__variant-selection__option--disabled': __assign({ color: 'inherit' }, custom_1.custom.styles.disabled()) }),
         }, '&.ss__dropdown--open': {
             '.ss__dropdown__content': {
                 zIndex: 5,
@@ -48,6 +53,12 @@ var dropdownStyleScript = function (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/cjs/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/cjs/components/src/themes/pike/components/atoms/formattedNumber.js

@@ -1,26 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formattedNumber = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the FormattedNumber component
 var formattedNumberStyleScript = function (props) {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // formatted number styles
-    var formattedNumberStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('formattedNumber', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var formattedNumberStyles = (0, react_1.css)({});
     return formattedNumberStyles;
 };
 // FormattedNumber component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/icon.js

@@ -1,22 +1,11 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.icon = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the Icon component
 var iconStyleScript = function (props) {
-    var _a, _b;
+    var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // set flex size for icons that are flex children
@@ -28,13 +17,18 @@ var iconStyleScript = function (props) {
         flexSize = "0 0 ".concat(props.size);
     }
     // icon styles
-    var iconStyles = (0, react_1.css)(__assign(__assign({ minWidth: '1px', flex: flexSize, lineHeight: 1, color: (props === null || props === void 0 ? void 0 : props.treePath) == 'storybook icon' ? (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text : '' }, custom_1.custom.styles.boxSizing('icon', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__icon--filters': {
+    var iconStyles = (0, react_1.css)({
+        minWidth: '1px',
+        flex: flexSize,
+        lineHeight: 1,
+        '&.ss__icon--filters': {
             fill: custom_1.custom.colors.white,
             stroke: 'currentColor',
             circle: {
                 fill: 'inherit',
             },
-        } }));
+        },
+    });
     return iconStyles;
 };
 // Icon component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/image.js

@@ -1,30 +1,21 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.image = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the Image component
 var imageStyleScript = function (props) {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // image styles
-    var imageStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('image', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&, img': {
+    var imageStyles = (0, react_1.css)({
+        '&, img': {
             lineHeight: 0,
-        }, img: {
+        },
+        img: {
             border: 0,
-        } }));
+        },
+    });
     return imageStyles;
 };
 // Image component props

package/dist/cjs/components/src/themes/pike/components/atoms/inlineBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inlineBanner.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/inlineBanner.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AACpH,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":"inlineBanner.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/inlineBanner.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AACpH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAM3G,CAAC"}

package/dist/cjs/components/src/themes/pike/components/atoms/inlineBanner.js

@@ -1,19 +1,7 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.inlineBanner = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the InlineBanner component
 var inlineBannerStyleScript = function (props) {
     var _a, _b;
@@ -21,11 +9,15 @@ var inlineBannerStyleScript = function (props) {
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     var isAutocomplete = ((_b = props === null || props === void 0 ? void 0 : props.treePath) === null || _b === void 0 ? void 0 : _b.includes('autocomplete')) ? true : false;
     // inline banner styles
-    var inlineBannerStyles = (0, react_1.css)(__assign(__assign({ overflow: isAutocomplete ? 'hidden' : '' }, custom_1.custom.styles.boxSizing('inlineBanner', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&.ss__inline-banner--grid': {
+    var inlineBannerStyles = (0, react_1.css)({
+        overflow: isAutocomplete ? 'hidden' : '',
+        '&.ss__inline-banner--grid': {
             maxHeight: isAutocomplete ? '212px' : '',
-        }, '&.ss__inline-banner--list': {
+        },
+        '&.ss__inline-banner--list': {
             maxHeight: isAutocomplete ? '100px' : '',
-        } }));
+        },
+    });
     return inlineBannerStyles;
 };
 // InlineBanner component props

package/dist/cjs/components/src/themes/pike/components/atoms/loadingBar.d.ts.map

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

package/dist/cjs/components/src/themes/pike/components/atoms/loadingBar.js

@@ -1,26 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadingBar = void 0;
 var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
 // CSS in JS style script for the LoadingBar component
 var loadingBarStyleScript = function (props) {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // loading bar styles
-    var loadingBarStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.boxSizing('loadingBar', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var loadingBarStyles = (0, react_1.css)({});
     return loadingBarStyles;
 };
 // LoadingBar component props

package/dist/cjs/components/src/themes/pike/components/atoms/overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/overlay.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAOvF,CAAC"}
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/overlay.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AACrG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,EAAE,0BAA0B,CAOvF,CAAC"}

package/dist/cjs/components/src/themes/pike/components/atoms/overlay.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.overlay = void 0;
 var react_1 = require("@emotion/react");
@@ -20,7 +9,9 @@ var overlayStyleScript = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // overlay styles
-    var overlayStyles = (0, react_1.css)(__assign({ cursor: 'pointer' }, custom_1.custom.styles.boxSizing('overlay', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var overlayStyles = (0, react_1.css)({
+        cursor: 'pointer',
+    });
     return overlayStyles;
 };
 // Overlay component props

package/dist/cjs/components/src/themes/pike/components/atoms/paginationInfo.d.ts.map

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

package/dist/cjs/components/src/themes/pike/components/atoms/paginationInfo.js

@@ -16,11 +16,11 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the Pagination component
 var paginationInfoStyleScript = function (props) {
-    var _a, _b;
+    var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // pagination info styles
-    var paginationInfoStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.headerText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary, '16px')), custom_1.custom.styles.boxSizing('paginationInfo', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)));
+    var paginationInfoStyles = (0, react_1.css)(__assign({}, custom_1.custom.styles.headerText(undefined, '16px')));
     return paginationInfoStyles;
 };
 // PaginationInfo component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/price.js

@@ -1,30 +1,19 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.price = void 0;
 var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the Price component
 var priceStyleScript = function (props) {
-    var _a, _b;
+    var _a;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // price styles
-    var priceStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('price', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { '&, span, &.ss__price, &.ss__price--strike': {
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
-        }, '& ~ .ss__result__price': {
+    var priceStyles = (0, react_1.css)({
+        '& ~ .ss__result__price': {
             paddingLeft: "".concat(custom_1.custom.spacing.x1 / 2, "px"),
-        } }));
+        },
+    });
     return priceStyles;
 };
 // Price component props

package/dist/cjs/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/cjs/components/src/themes/pike/components/atoms/searchHeader.js

@@ -16,25 +16,29 @@ var react_1 = require("@emotion/react");
 var custom_1 = require("../../custom");
 // CSS in JS style script for the SearchHeader component
 var searchHeaderStyleScript = function (props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
     // search header styles
-    var searchHeaderStyles = (0, react_1.css)(__assign(__assign({}, custom_1.custom.styles.boxSizing('searchHeader', props === null || props === void 0 ? void 0 : props.treePath, props === null || props === void 0 ? void 0 : props.name)), { em: {
+    var searchHeaderStyles = (0, react_1.css)({
+        em: {
             fontStyle: 'normal',
-        }, '.ss__search-header__title': __assign(__assign({ margin: 0 }, custom_1.custom.styles.headerText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary, '22px')), { '& ~ .ss__search-header__subtitle': {
+        },
+        '.ss__search-header__title': __assign(__assign({ margin: 0 }, custom_1.custom.styles.headerText((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary, '22px')), { '& ~ .ss__search-header__subtitle': {
                 marginTop: "".concat(custom_1.custom.spacing.x2, "px"),
-            } }), '.ss__search-header__subtitle': {
+            } }),
+        '.ss__search-header__subtitle': {
             margin: 0,
             fontSize: '16px',
             fontWeight: 400,
-            color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text,
             a: {
-                color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary,
             },
-        }, '.ss__search-header__results-query': {
-            color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary,
-        } }));
+        },
+        '.ss__search-header__results-query': {
+            color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+        },
+    });
     return searchHeaderStyles;
 };
 // SearchHeader component props