@athoscommerce/snap-preact 1.0.0

package/dist/cjs/components/src/themes/matterhorn/components/templates/searchCollapsible.js

@@ -0,0 +1,86 @@
+"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);
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchCollapsible = void 0;
+var react_1 = require("@emotion/react");
+var searchCollapsible_1 = require("../../../themeComponents/searchCollapsible");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Search component
+var searchCollapsibleStyleScript = 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;
+    return (0, react_1.css)((_a = {
+            '&.ss__search-collapsible--sidebar-open': {
+                '.ss__button': {
+                    '.ss__icon--filter': {
+                        transform: 'rotate(-180deg)',
+                    },
+                    '.ss__icon--filters': {
+                        circle: {
+                            '&:last-child': {
+                                transform: 'translateX(-35%)',
+                            },
+                            transform: 'translateX(35%)',
+                        },
+                    },
+                },
+            },
+            '.ss__search-collapsible__header-section, .ss__search-collapsible__main-section': {
+                margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
+                '.ss__toolbar .ss__layout': {
+                    gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                },
+            },
+            '.ss__search-collapsible__header-section': {
+                '.ss__search-header': {
+                    textAlign: 'center',
+                },
+            },
+            '.ss__search-collapsible__main-section': {
+                gap: "".concat(custom_1.custom.spacing.x6, "px"),
+                '.ss__search-collapsible__sidebar, .ss__search-collapsible__content': {
+                    minWidth: '1px',
+                },
+                '.ss__search-collapsible__sidebar': {
+                    flex: '0 1 auto',
+                },
+                '.ss__search-collapsible__content': {
+                    flex: '1 1 0%',
+                    gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                },
+            }
+        },
+        _a["@media (max-width: ".concat(custom_1.custom.breakpoints.small, "px)")] = {
+            '.ss__toolbar': {
+                '.ss__pagination-info': {
+                    fontSize: custom_1.custom.utils.convertPxToEm(16),
+                },
+            },
+        },
+        _a));
+};
+exports.searchCollapsible = {
+    default: __assign(__assign({}, searchCollapsible_1.searchCollapsibleThemeComponentProps.default), { searchCollapsible: __assign(__assign({}, (((_a = searchCollapsible_1.searchCollapsibleThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['searchCollapsible']) || {})), { themeStyleScript: searchCollapsibleStyleScript }), 'searchCollapsible sidebar': {
+            hideTitleText: true,
+        }, 'searchCollapsible button.sidebar-toggle': {
+            icon: custom_1.custom.icons.filter,
+        }, 'searchCollapsible filterSummary': {
+            type: 'list',
+        } }),
+    mobile: __assign({}, searchCollapsible_1.searchCollapsibleThemeComponentProps.mobile),
+    tablet: __assign({}, searchCollapsible_1.searchCollapsibleThemeComponentProps.tablet),
+    desktop: __assign({}, searchCollapsible_1.searchCollapsibleThemeComponentProps.desktop),
+};

package/dist/cjs/components/src/themes/matterhorn/components/templates/searchHorizontal.d.ts

@@ -0,0 +1,4 @@
+import type { SearchHorizontalProps } from '../../../../components/Templates/SearchHorizontal';
+import { ThemeComponent } from '../../../../providers';
+export declare const searchHorizontal: ThemeComponent<'searchHorizontal', SearchHorizontalProps>;
+//# sourceMappingURL=searchHorizontal.d.ts.map

package/dist/cjs/components/src/themes/matterhorn/components/templates/searchHorizontal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchHorizontal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/templates/searchHorizontal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE/F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAyDvD,eAAO,MAAM,gBAAgB,EAAE,cAAc,CAAC,kBAAkB,EAAE,qBAAqB,CAiBtF,CAAC"}

package/dist/cjs/components/src/themes/matterhorn/components/templates/searchHorizontal.js

@@ -0,0 +1,79 @@
+"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);
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchHorizontal = void 0;
+var react_1 = require("@emotion/react");
+var searchHorizontal_1 = require("../../../themeComponents/searchHorizontal");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Search component
+var searchHorizontalStyleScript = function (props) {
+    var _a;
+    var _b, _c;
+    var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
+    var mobileBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.mobile) || custom_1.custom.breakpoints.mobile;
+    return (0, react_1.css)((_a = {
+            '.ss__search-horizontal__header-section, .ss__search-horizontal__main-section': {
+                margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
+                '.ss__toolbar .ss__layout': {
+                    gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                    '.ss__layout__row': {
+                        '&:has(.ss__facets-horizontal)': {
+                            alignItems: 'flex-start',
+                            '& > *': {
+                                minWidth: '1px',
+                                flex: '0 1 auto',
+                            },
+                            '.ss__facets-horizontal': {
+                                flex: '1 1 0%',
+                            },
+                        },
+                    },
+                },
+            },
+            '.ss__search-horizontal__header-section': {
+                '.ss__search-header': {
+                    textAlign: 'center',
+                },
+            },
+            '.ss__search-horizontal__main-section': {
+                gap: "".concat(custom_1.custom.spacing.x6, "px"),
+                '.ss__search-horizontal__sidebar, .ss__search-horizontal__content': {
+                    minWidth: '1px',
+                },
+                '.ss__search-horizontal__sidebar': {
+                    flex: '0 1 auto',
+                },
+                '.ss__search-horizontal__content': {
+                    flex: '1 1 0%',
+                    gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                },
+            }
+        },
+        _a["@media (max-width: ".concat(mobileBp, "px)")] = {
+            '.ss__search-horizontal__main-section': {
+                '.ss__toolbar': {
+                    '.ss__select': {
+                        flex: '1 1 0%',
+                    },
+                },
+            },
+        },
+        _a));
+};
+exports.searchHorizontal = {
+    default: __assign(__assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.default), { searchHorizontal: __assign(__assign({}, (((_a = searchHorizontal_1.searchHorizontalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['searchHorizontal']) || {})), { themeStyleScript: searchHorizontalStyleScript }) }),
+    mobile: __assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.mobile),
+    tablet: __assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.tablet),
+    desktop: __assign({}, searchHorizontal_1.searchHorizontalThemeComponentProps.desktop),
+};

package/dist/cjs/components/src/themes/matterhorn/custom.d.ts

@@ -0,0 +1,27 @@
+import { IconType } from '../../components/Atoms/Icon';
+export declare const custom: {
+    breakpoints: {
+        [key: string]: number;
+    };
+    colors: {
+        [key: string]: string;
+    };
+    fonts: {
+        [key: string]: any;
+    };
+    icons: {
+        [key: string]: IconType;
+    };
+    sizes: {
+        [key: string]: number;
+    };
+    spacing: {
+        [key: string]: number;
+    };
+    utils: {
+        convertPxToEm: (value: number) => string;
+        lightenColor: (color: string | undefined, amount: number) => string;
+        darkenColor: (color: string | undefined, amount: number) => string;
+    };
+};
+//# sourceMappingURL=custom.d.ts.map

package/dist/cjs/components/src/themes/matterhorn/custom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/matterhorn/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AASvD,eAAO,MAAM,MAAM,EAAE;IACpB,WAAW,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,MAAM,EAAE;QACP,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACnB,CAAC;IACF,KAAK,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC;KACxB,CAAC;IACF,KAAK,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,OAAO,EAAE;QACR,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,EAAE;QACN,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;QACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;QACpE,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;KACnE,CAAC;CA2EF,CAAC"}

package/dist/cjs/components/src/themes/matterhorn/custom.js

@@ -0,0 +1,86 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.custom = void 0;
+var color_1 = __importDefault(require("color"));
+// calculate spacing
+var spacing = 5;
+var spacingCalc = function (value) {
+    return spacing * value;
+};
+exports.custom = {
+    breakpoints: {
+        small: 540,
+        mobile: 767,
+        tablet: 1024,
+        desktop: 1280,
+    },
+    colors: {
+        white: '#ffffff',
+        black: '#000000',
+        gray01: '#f8f8f8', // lighter gray: bg color under terms, dropdown, checkboxes
+        gray02: '#ebebeb', // light gray: borders for autocomplete, dropdown, checkboxes
+        brown: '#845329', // for color palette
+        purple: '#7c368e', // for color palette
+        rainbow: 'linear-gradient(rgb(40, 87, 218) 20%, rgb(40, 218, 70) 20%, rgb(40, 218, 70) 40%, rgb(245, 228, 24) 40%, rgb(245, 228, 24) 60%, rgb(242, 133, 0) 60%, rgb(242, 133, 0) 80%, rgb(218, 40, 72) 80%, rgb(218, 40, 72))', // for color palette
+    },
+    fonts: {
+        weight01: 700, // main font weight
+        weight02: 700, // header font weight
+        style: false,
+        transform: false,
+    },
+    icons: {
+        arrowLeft: 'chevron-left',
+        arrowRight: 'chevron-right',
+        arrowDown: 'chevron-down',
+        arrowUp: 'chevron-up',
+        bag: 'bag',
+        check: 'square',
+        close: 'close',
+        minus: 'minus',
+        plus: 'plus',
+        filter: 'filter',
+        filters: 'filters',
+        search: 'search',
+        sort: 'sort',
+    },
+    sizes: {
+        font: 16, // base font size
+        height: 35, // refers to height for button and dropdown sizes
+        icon08: 8,
+        icon10: 10,
+        icon12: 12,
+        icon14: 14,
+        icon16: 16,
+        radius: 0, // global border radius value
+    },
+    spacing: {
+        x1: spacing,
+        x2: spacingCalc(2),
+        x3: spacingCalc(3),
+        x4: spacingCalc(4),
+        x5: spacingCalc(5),
+        x6: spacingCalc(6),
+        x7: spacingCalc(7),
+        x8: spacingCalc(8),
+    },
+    utils: {
+        convertPxToEm: function (value) {
+            // translates px to rem
+            return "".concat(value / exports.custom.sizes.font, "rem");
+        },
+        lightenColor: function (color, amount) {
+            // lighten a color
+            var lightColor = new color_1.default(color || '#515151').lighten(amount).hex().toLowerCase();
+            return lightColor;
+        },
+        darkenColor: function (color, amount) {
+            // darken a color
+            var darkColor = new color_1.default(color || '#515151').darken(amount).hex().toLowerCase();
+            return darkColor;
+        },
+    },
+};

package/dist/cjs/components/src/themes/matterhorn/matterhorn.d.ts

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

package/dist/cjs/components/src/themes/matterhorn/matterhorn.d.ts.map

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

package/dist/cjs/components/src/themes/matterhorn/matterhorn.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.matterhorn = void 0;
+var components_1 = require("./components");
+var responsive_1 = require("./responsive");
+var matterhornVariables = {
+    breakpoints: {
+        mobile: 767,
+        tablet: 991,
+        desktop: 1199,
+    },
+    colors: {
+        text: '#515151',
+        primary: '#00aeef',
+        secondary: '#1d4990',
+        accent: '#2154a5',
+    },
+};
+exports.matterhorn = {
+    name: 'matterhorn',
+    variables: matterhornVariables,
+    components: components_1.components,
+    responsive: responsive_1.responsive,
+};

package/dist/cjs/components/src/themes/matterhorn/responsive.d.ts

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

package/dist/cjs/components/src/themes/matterhorn/responsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../../../components/src/themes/matterhorn/responsive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,eAAO,MAAM,UAAU,EAAE,eAIxB,CAAC"}

package/dist/cjs/components/src/themes/matterhorn/responsive.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.responsive = void 0;
+var components_1 = require("./components");
+exports.responsive = {
+    mobile: components_1.mobileComponents,
+    tablet: components_1.tabletComponents,
+    desktop: components_1.desktopComponents,
+};

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

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

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

@@ -0,0 +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,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,CAMpE,CAAC"}

package/dist/cjs/components/src/themes/pike/components/atoms/badgeImage.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.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)));
+    return badgeImageStyles;
+};
+// BadgeImage component props
+exports.badgeImage = {
+    default: {
+        badgeImage: {
+            themeStyleScript: badgeImageStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +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,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAMjE,CAAC"}

package/dist/cjs/components/src/themes/pike/components/atoms/badgePill.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.badgePill = void 0;
+var react_1 = require("@emotion/react");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the BadgePill component
+var badgePillStyleScript = 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 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)) }));
+    return badgePillStyles;
+};
+// BadgePill component props
+exports.badgePill = {
+    default: {
+        badgePill: {
+            themeStyleScript: badgePillStyleScript,
+        },
+    },
+};

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

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

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

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

package/dist/cjs/components/src/themes/pike/components/atoms/badgeRectangle.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.badgeRectangle = void 0;
+var react_1 = require("@emotion/react");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the BadgeRectangle component
+var badgeRectangleStyleScript = 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 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)) }));
+    return badgeRectangleStyles;
+};
+// BadgeRectangle component props
+exports.badgeRectangle = {
+    default: {
+        badgeRectangle: {
+            themeStyleScript: badgeRectangleStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +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,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAqBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAMjE,CAAC"}

package/dist/cjs/components/src/themes/pike/components/atoms/badgeText.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.badgeText = void 0;
+var react_1 = require("@emotion/react");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the BadgeText component
+var badgeTextStyleScript = 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 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)) }));
+    return badgeTextStyles;
+};
+// BadgeText component props
+exports.badgeText = {
+    default: {
+        badgeText: {
+            themeStyleScript: badgeTextStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +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,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkBvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAMxD,CAAC"}

package/dist/cjs/components/src/themes/pike/components/atoms/banner.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.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;
+    // 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)));
+    return bannerStyles;
+};
+// Banner component props
+exports.banner = {
+    default: {
+        banner: {
+            themeStyleScript: bannerStyleScript,
+        },
+    },
+};

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

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

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

@@ -0,0 +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,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiCvD,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,aAAa,EAAE,gBAAgB,CAWvE,CAAC"}

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

@@ -0,0 +1,51 @@
+"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.breadcrumbs = void 0;
+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;
+    // 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': {
+            gap: "".concat(custom_1.custom.spacing.x2, "px"),
+            '&, 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,
+                '&: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)),
+            },
+        } }));
+    return breadcrumbsStyles;
+};
+// Breadcrumbs component props
+exports.breadcrumbs = {
+    default: {
+        breadcrumbs: {
+            themeStyleScript: breadcrumbsStyleScript,
+            separator: false,
+            separatorIcon: custom_1.custom.icons.arrowRight,
+        },
+        'breadcrumbs icon': {
+            size: "".concat(custom_1.custom.sizes.icon10, "px"),
+        },
+    },
+};

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

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

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

@@ -0,0 +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,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA8FvD,eAAO,MAAM,MAAM,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CASxD,CAAC"}