@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,89 @@
+"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.button = void 0;
+var react_1 = require("@emotion/react");
+var custom_1 = require("../../custom");
+// static variables
+var buttonDisabledSelectors = '&.ss__button--disabled';
+// CSS in JS style script for the Button component
+var buttonStyleScript = function (props) {
+    var _a;
+    var _b;
+    // 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 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"])': {
+                    '.ss__icon': {
+                        '&.ss__icon--filter': {
+                            transform: 'rotate(-180deg)',
+                        },
+                        '&.ss__icon--filters': {
+                            circle: {
+                                '&:last-child': {
+                                    transform: 'translateX(-35%)',
+                                },
+                                transform: 'translateX(35%)',
+                            },
+                        },
+                    },
+                } }, _a[buttonDisabledSelectors] = __assign({}, custom_1.custom.styles.disabled()), _a['.ss__button__content'] = {
+            '&:has(span)': {
+                display: 'inline-flex',
+                flexFlow: 'row nowrap',
+                alignItems: 'center',
+                gap: "".concat(custom_1.custom.spacing.x1, "px"),
+                span: __assign({}, custom_1.custom.styles.textOverflow()),
+            },
+            '&:not(:has(span))': __assign({}, custom_1.custom.styles.textOverflow()),
+            '&, *': {
+                minWidth: '1px',
+            },
+        }, _a["&, &:hover, &:not(.ss__button--disabled):hover, ".concat(buttonDisabledSelectors)] = {
+            border: "1px solid ".concat(borderColor),
+            backgroundColor: buttonColor,
+        }, _a['.ss__icon.ss__icon--filters'] = {
+            fill: buttonColor,
+        }, _a)),
+    ]);
+    // default button styles
+    var defaultButtonStyles = sharedStyles;
+    // native button styles
+    var nativeButtonStyles = (0, react_1.css)([
+        {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: "".concat(custom_1.custom.spacing.x1, "px"),
+            position: 'relative',
+            outline: 0,
+        },
+        sharedStyles,
+    ]);
+    return (props === null || props === void 0 ? void 0 : props.native) ? nativeButtonStyles : defaultButtonStyles;
+};
+// Button component props
+exports.button = {
+    default: {
+        button: {
+            themeStyleScript: buttonStyleScript,
+        },
+        'button icon': {
+            size: "".concat(custom_1.custom.sizes.icon12, "px"),
+        },
+    },
+};

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

@@ -0,0 +1,4 @@
+import type { DropdownProps } from '../../../../components/Atoms/Dropdown';
+import { ThemeComponent } from '../../../../providers';
+export declare const dropdown: ThemeComponent<'dropdown', DropdownProps>;
+//# sourceMappingURL=dropdown.d.ts.map

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

@@ -0,0 +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,MAAM,uCAAuC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA6EvD,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,aAAa,CAM9D,CAAC"}

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

@@ -0,0 +1,70 @@
+"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.dropdown = void 0;
+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;
+    // 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': {
+                    listStyle: 'none',
+                }, '.ss__select__select, .ss__variant-selection__options': {
+                    margin: 0,
+                    padding: 0,
+                    border: 0,
+                    backgroundColor: 'transparent',
+                }, '.ss__select__select .ss__select__select__option, .ss__variant-selection__options .ss__variant-selection__option': {
+                    color: 'inherit',
+                    lineHeight: 1.5,
+                    gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                    padding: 0,
+                    margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
+                    '&:last-child': {
+                        marginBottom: '0',
+                    },
+                    '&:hover': {
+                        backgroundColor: 'transparent',
+                        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__dropdown--open': {
+            '.ss__dropdown__content': {
+                zIndex: 5,
+            },
+        }, '.ss__dropdown__content': {
+            minWidth: '1px',
+            left: 0,
+            right: 0,
+            zIndex: -1,
+        } }));
+    return dropdownStyles;
+};
+// Dropdown component props
+exports.dropdown = {
+    default: {
+        dropdown: {
+            themeStyleScript: dropdownStyleScript,
+        },
+    },
+};

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

@@ -0,0 +1,4 @@
+import type { FormattedNumberProps } from '../../../../components/Atoms/FormattedNumber';
+import { ThemeComponent } from '../../../../providers';
+export declare const formattedNumber: ThemeComponent<'formattedNumber', FormattedNumberProps>;
+//# sourceMappingURL=formattedNumber.d.ts.map

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

@@ -0,0 +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,MAAM,8CAA8C,CAAC;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,eAAe,EAAE,cAAc,CAAC,iBAAiB,EAAE,oBAAoB,CAMnF,CAAC"}

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

@@ -0,0 +1,33 @@
+"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)));
+    return formattedNumberStyles;
+};
+// FormattedNumber component props
+exports.formattedNumber = {
+    default: {
+        formattedNumber: {
+            themeStyleScript: formattedNumberStyleScript,
+        },
+    },
+};

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

@@ -0,0 +1,4 @@
+import type { IconProps } from '../../../../components/Atoms/Icon';
+import { ThemeComponent } from '../../../../providers';
+export declare const icon: ThemeComponent<'icon', IconProps>;
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +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,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoCvD,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,EAAE,SAAS,CAQlD,CAAC"}

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

@@ -0,0 +1,49 @@
+"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;
+    // 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
+    var flexSize = '';
+    if (props === null || props === void 0 ? void 0 : props.width) {
+        flexSize = "0 0 ".concat(props.width);
+    }
+    else if (props === null || props === void 0 ? void 0 : props.size) {
+        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': {
+            fill: custom_1.custom.colors.white,
+            stroke: 'currentColor',
+            circle: {
+                fill: 'inherit',
+            },
+        } }));
+    return iconStyles;
+};
+// Icon component props
+exports.icon = {
+    default: {
+        icon: {
+            themeStyleScript: iconStyleScript,
+            size: "".concat(custom_1.custom.sizes.icon16, "px"),
+            color: 'currentColor',
+        },
+    },
+};

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

@@ -0,0 +1,4 @@
+import type { ImageProps } from '../../../../components/Atoms/Image';
+import { ThemeComponent } from '../../../../providers';
+export declare const image: ThemeComponent<'image', ImageProps>;
+//# sourceMappingURL=image.d.ts.map

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

@@ -0,0 +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,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuBvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,CAMrD,CAAC"}

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

@@ -0,0 +1,37 @@
+"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': {
+            lineHeight: 0,
+        }, img: {
+            border: 0,
+        } }));
+    return imageStyles;
+};
+// Image component props
+exports.image = {
+    default: {
+        image: {
+            themeStyleScript: imageStyleScript,
+        },
+    },
+};

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

@@ -0,0 +1,3 @@
+import { ThemeResponsiveComplete } from '../../../../providers';
+export declare const atoms: ThemeResponsiveComplete;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/pike/components/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAsBhE,eAAO,MAAM,KAAK,EAAE,uBAiFnB,CAAC"}

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

@@ -0,0 +1,39 @@
+"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.atoms = void 0;
+// ATOMS Imports
+var badgeImage_1 = require("./badgeImage");
+var badgePill_1 = require("./badgePill");
+var badgeRectangle_1 = require("./badgeRectangle");
+var badgeText_1 = require("./badgeText");
+var banner_1 = require("./banner");
+var breadcrumbs_1 = require("./breadcrumbs");
+var button_1 = require("./button");
+var dropdown_1 = require("./dropdown");
+var formattedNumber_1 = require("./formattedNumber");
+var icon_1 = require("./icon");
+var image_1 = require("./image");
+var inlineBanner_1 = require("./inlineBanner");
+var loadingBar_1 = require("./loadingBar");
+var overlay_1 = require("./overlay");
+var paginationInfo_1 = require("./paginationInfo");
+var price_1 = require("./price");
+var searchHeader_1 = require("./searchHeader");
+var skeleton_1 = require("./skeleton");
+exports.atoms = {
+    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeImage_1.badgeImage.default), badgePill_1.badgePill.default), badgeRectangle_1.badgeRectangle.default), badgeText_1.badgeText.default), banner_1.banner.default), breadcrumbs_1.breadcrumbs.default), button_1.button.default), dropdown_1.dropdown.default), formattedNumber_1.formattedNumber.default), icon_1.icon.default), image_1.image.default), inlineBanner_1.inlineBanner.default), loadingBar_1.loadingBar.default), overlay_1.overlay.default), paginationInfo_1.paginationInfo.default), price_1.price.default), searchHeader_1.searchHeader.default), skeleton_1.skeleton.default),
+    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeImage_1.badgeImage.mobile), badgePill_1.badgePill.mobile), badgeRectangle_1.badgeRectangle.mobile), badgeText_1.badgeText.mobile), banner_1.banner.mobile), breadcrumbs_1.breadcrumbs.mobile), button_1.button.mobile), dropdown_1.dropdown.mobile), formattedNumber_1.formattedNumber.mobile), icon_1.icon.mobile), image_1.image.mobile), inlineBanner_1.inlineBanner.mobile), loadingBar_1.loadingBar.mobile), overlay_1.overlay.mobile), paginationInfo_1.paginationInfo.mobile), price_1.price.mobile), searchHeader_1.searchHeader.mobile), skeleton_1.skeleton.mobile),
+    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeImage_1.badgeImage.tablet), badgePill_1.badgePill.tablet), badgeRectangle_1.badgeRectangle.tablet), badgeText_1.badgeText.tablet), banner_1.banner.tablet), breadcrumbs_1.breadcrumbs.tablet), button_1.button.tablet), dropdown_1.dropdown.tablet), formattedNumber_1.formattedNumber.tablet), icon_1.icon.tablet), image_1.image.tablet), inlineBanner_1.inlineBanner.tablet), loadingBar_1.loadingBar.tablet), overlay_1.overlay.tablet), paginationInfo_1.paginationInfo.tablet), price_1.price.tablet), searchHeader_1.searchHeader.tablet), skeleton_1.skeleton.tablet),
+    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, badgeImage_1.badgeImage.desktop), badgePill_1.badgePill.desktop), badgeRectangle_1.badgeRectangle.desktop), badgeText_1.badgeText.desktop), banner_1.banner.desktop), breadcrumbs_1.breadcrumbs.desktop), button_1.button.desktop), dropdown_1.dropdown.desktop), formattedNumber_1.formattedNumber.desktop), icon_1.icon.desktop), image_1.image.desktop), inlineBanner_1.inlineBanner.desktop), loadingBar_1.loadingBar.desktop), overlay_1.overlay.desktop), paginationInfo_1.paginationInfo.desktop), price_1.price.desktop), searchHeader_1.searchHeader.desktop), skeleton_1.skeleton.desktop),
+};

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

@@ -0,0 +1,4 @@
+import type { InlineBannerProps } from '../../../../components/Atoms/InlineBanner';
+import { ThemeComponent } from '../../../../providers';
+export declare const inlineBanner: ThemeComponent<'inlineBanner', InlineBannerProps>;
+//# sourceMappingURL=inlineBanner.d.ts.map

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

@@ -0,0 +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,MAAM,2CAA2C,CAAC;AACnF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,CAM1E,CAAC"}

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

@@ -0,0 +1,38 @@
+"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;
+    // 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;
+    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': {
+            maxHeight: isAutocomplete ? '212px' : '',
+        }, '&.ss__inline-banner--list': {
+            maxHeight: isAutocomplete ? '100px' : '',
+        } }));
+    return inlineBannerStyles;
+};
+// InlineBanner component props
+exports.inlineBanner = {
+    default: {
+        inlineBanner: {
+            themeStyleScript: inlineBannerStyleScript,
+        },
+    },
+};

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

@@ -0,0 +1,4 @@
+import type { LoadingBarProps } from '../../../../components/Atoms/Loading';
+import { ThemeComponent } from '../../../../providers';
+export declare const loadingBar: ThemeComponent<'loadingBar', LoadingBarProps>;
+//# sourceMappingURL=loadingBar.d.ts.map

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

@@ -0,0 +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,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiBvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,CAMpE,CAAC"}

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

@@ -0,0 +1,33 @@
+"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)));
+    return loadingBarStyles;
+};
+// LoadingBar component props
+exports.loadingBar = {
+    default: {
+        loadingBar: {
+            themeStyleScript: loadingBarStyleScript,
+        },
+    },
+};

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

@@ -0,0 +1,4 @@
+import type { OverlayProps } from '../../../../components/Atoms/Overlay';
+import { ThemeComponent } from '../../../../providers';
+export declare const overlay: ThemeComponent<'overlay', OverlayProps>;
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +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,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,CAO3D,CAAC"}

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

@@ -0,0 +1,34 @@
+"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");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Overlay component
+var overlayStyleScript = 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;
+    // 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)));
+    return overlayStyles;
+};
+// Overlay component props
+exports.overlay = {
+    default: {
+        overlay: {
+            themeStyleScript: overlayStyleScript,
+            color: custom_1.custom.colors.overlay,
+        },
+    },
+};

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

@@ -0,0 +1,4 @@
+import type { PaginationInfoProps } from '../../../../components/Atoms/PaginationInfo';
+import { ThemeComponent } from '../../../../providers';
+export declare const paginationInfo: ThemeComponent<'paginationInfo', PaginationInfoProps>;
+//# sourceMappingURL=paginationInfo.d.ts.map

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

@@ -0,0 +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,MAAM,6CAA6C,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CAMhF,CAAC"}

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

@@ -0,0 +1,33 @@
+"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.paginationInfo = void 0;
+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;
+    // 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)));
+    return paginationInfoStyles;
+};
+// PaginationInfo component props
+exports.paginationInfo = {
+    default: {
+        paginationInfo: {
+            themeStyleScript: paginationInfoStyleScript,
+        },
+    },
+};

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

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

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

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

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

@@ -0,0 +1,37 @@
+"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;
+    // 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': {
+            paddingLeft: "".concat(custom_1.custom.spacing.x1 / 2, "px"),
+        } }));
+    return priceStyles;
+};
+// Price component props
+exports.price = {
+    default: {
+        price: {
+            themeStyleScript: priceStyleScript,
+        },
+    },
+};

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

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

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

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