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

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filter = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
-// CSS in JS style script for the Filter component
-var filterStyleScript = function (props) {
-    var _a, _b;
-    var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
-    return (0, react_1.css)({
-        display: 'block',
-        padding: 0,
-        '.ss__filter__button': {
-            position: 'relative',
-            height: 'auto',
-            lineHeight: 1.5,
-            padding: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px"),
-            fontWeight: 'normal',
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.text,
-            '&, &:hover, &:not(.ss__button--disabled):hover, &.ss__button--disabled': {
-                backgroundColor: custom_1.custom.colors.gray01,
-                border: "1px solid ".concat(custom_1.custom.colors.gray02),
-            },
-            '.ss__button__content': {
-                '.ss__filter__label': {
-                    fontWeight: custom_1.custom.fonts.weight01,
-                },
-            },
-        },
-    });
-};
-// Filter component props
-exports.filter = {
-    default: {
-        filter: {
-            themeStyleScript: filterStyleScript,
-            icon: custom_1.custom.icons.close,
-        },
-        'filter icon': {
-            size: "".concat(custom_1.custom.sizes.icon10, "px"),
-        },
-    },
-};

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

@@ -1,4 +0,0 @@
-import type { GridProps, GridTemplatesLegalProps } from '../../../../components/Molecules/Grid';
-import { ThemeComponent } from '../../../../providers';
-export declare const grid: ThemeComponent<'grid', GridProps, GridTemplatesLegalProps>;
-//# sourceMappingURL=grid.d.ts.map

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

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

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

@@ -1,185 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.grid = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
-var color_1 = __importDefault(require("color"));
-// grid size
-var gridSize = 42;
-// CSS in JS style script for the Grid component
-var gridStyleScript = function (props) {
-    var _a, _b, _c, _d, _e;
-    var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
-    var activeColor = new color_1.default(((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary) || undefined);
-    var fontColor = activeColor.isDark() || activeColor.hex().toLowerCase() == '#00aeef'
-        ? (0, color_1.default)(custom_1.custom.colors.white || undefined)
-        : (0, color_1.default)(custom_1.custom.colors.black || undefined);
-    var darkGray = custom_1.custom.utils.darkenColor(custom_1.custom.colors.gray02, 0.075);
-    return (0, react_1.css)({
-        '.ss__grid__title': {
-            margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
-            fontSize: custom_1.custom.utils.convertPxToEm(14),
-            fontWeight: custom_1.custom.fonts.weight02,
-            lineHeight: 1,
-        },
-        '.ss__grid__options': {
-            display: 'flex',
-            flexFlow: 'row wrap',
-            gap: (props === null || props === void 0 ? void 0 : props.gapSize) ? props.gapSize : custom_1.custom.spacing.x1,
-            alignItems: 'center',
-            '&:before, &:after': {
-                display: 'none',
-            },
-            '.ss__grid__option': {
-                flex: '0 1 auto',
-                minWidth: '1px',
-                '&, &.ss__grid__option--selected': {
-                    border: 0,
-                },
-                '.ss__grid__option__inner .ss__grid__option__label, .ss__grid__show-more-wrapper': {
-                    fontSize: custom_1.custom.utils.convertPxToEm(12),
-                    lineHeight: 1,
-                },
-            },
-            '.ss__grid__option:not(.ss__grid__show-more-wrapper)': {
-                position: 'relative',
-                width: "".concat(gridSize, "px"),
-                maxHeight: "".concat(gridSize, "px"),
-                aspectRatio: 1,
-                color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text,
-                overflow: 'hidden',
-                '&, &:after, *': {
-                    boxSizing: 'border-box',
-                },
-                '&:before': {
-                    display: 'none',
-                },
-                '&:after': {
-                    content: '""',
-                    position: 'absolute',
-                    top: 0,
-                    bottom: 0,
-                    left: 0,
-                    right: 0,
-                    zIndex: 1,
-                    border: "1px solid ".concat(custom_1.custom.colors.black),
-                    opacity: 0.15,
-                },
-                '&.ss__grid__option--dark, &:has(.ss__grid__option__inner--grey)': {
-                    '.ss__grid__option__inner': {
-                        '.ss__grid__option__label': {
-                            color: fontColor.hex(),
-                        },
-                    },
-                },
-                '&.ss__grid__option--selected': {
-                    '&:after': {
-                        opacity: 0.3,
-                    },
-                    '&:has(.ss__grid__option__inner:not([style]))': {
-                        backgroundColor: activeColor.hex(),
-                        '&:after': {
-                            borderColor: activeColor.hex(),
-                            opacity: 1,
-                        },
-                        '.ss__grid__option__inner': {
-                            '.ss__grid__option__label': {
-                                color: fontColor.hex(),
-                            },
-                        },
-                    },
-                    '&:has(.ss__grid__option__inner .ss__image)': {
-                        backgroundColor: 'transparent',
-                        '&:after': {
-                            borderColor: custom_1.custom.colors.black,
-                            opacity: 0.3,
-                        },
-                        '.ss__grid__option__inner': {
-                            '.ss__grid__option__label': {
-                                color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.text,
-                            },
-                        },
-                    },
-                    '.ss__grid__option__inner': {
-                        '.ss__grid__option__label': {
-                            fontWeight: custom_1.custom.fonts.weight01,
-                        },
-                    },
-                },
-                '&.ss__grid__option--disabled, &.ss__grid__option--unavailable': {
-                    opacity: 1,
-                    cursor: 'not-allowed',
-                    pointerEvents: 'none',
-                    '.ss__grid__option__inner:after': {
-                        content: '""',
-                        display: 'block',
-                        position: 'absolute',
-                        top: 0,
-                        bottom: 0,
-                        left: 0,
-                        right: 0,
-                        zIndex: 3,
-                        margin: 'auto',
-                        backgroundColor: darkGray.replace('#', ''),
-                        backgroundRepeat: 'no-repeat',
-                        backgroundPosition: 'center center',
-                        backgroundImage: "url(\"data:image/svg+xml,%3Csvg style=%27transform: rotate%28-45deg%29%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 56 56%27 preserveAspectRatio=%27xMinYMid%27%3E%3Cpath fill=%27%23".concat(darkGray.replace('#', ''), "%27 d=%27M0 23.297h56v9.406h-56v-9.406z%27 /%3E%3C/svg%3E\")"),
-                    },
-                },
-                '.ss__grid__option__inner': {
-                    '&[style*="url"]': {
-                        backgroundRepeat: 'no-repeat !important',
-                        backgroundSize: 'cover !important',
-                        backgroundPosition: 'center !important',
-                    },
-                    '.ss__image': {
-                        img: {
-                            width: '100%',
-                            height: '100%',
-                            objectFit: 'cover',
-                            objectPosition: 'center center',
-                        },
-                    },
-                    '.ss__grid__option__label': {
-                        display: 'block',
-                        position: 'absolute',
-                        zIndex: 2,
-                        maxWidth: "calc(100% - ".concat(custom_1.custom.spacing.x2, "px)"),
-                        maxHeight: "calc(100% - ".concat(custom_1.custom.spacing.x2, "px)"),
-                        overflow: 'hidden',
-                    },
-                },
-            },
-            '.ss__grid__show-more-wrapper': {
-                maxHeight: 'none',
-            },
-        },
-        '.ss__grid__show-more-wrapper': {
-            '&:not(.ss__grid__option)': {
-                margin: "".concat(custom_1.custom.spacing.x2, "px 0 0 0"),
-            },
-            '&, .ss__grid__show-more': {
-                cursor: 'pointer',
-            },
-            '.ss__grid__show-more': {
-                fontSize: custom_1.custom.utils.convertPxToEm(12),
-                fontWeight: custom_1.custom.fonts.weight01,
-                lineHeight: 1,
-                color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary,
-            },
-        },
-    });
-};
-// Grid component props
-exports.grid = {
-    default: {
-        grid: {
-            themeStyleScript: gridStyleScript,
-            gapSize: "".concat(custom_1.custom.spacing.x1, "px"),
-            hideLabels: false,
-        },
-    },
-};

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AA8BhE,eAAO,MAAM,SAAS,EAAE,uBAiHvB,CAAC"}

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

@@ -1,47 +0,0 @@
-"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.molecules = void 0;
-// MOLECULES Imports
-var calloutBadge_1 = require("./calloutBadge");
-var carousel_1 = require("./carousel");
-var checkbox_1 = require("./checkbox");
-var errorHandler_1 = require("./errorHandler");
-var facetGridOptions_1 = require("./facetGridOptions");
-var facetHierarchyOptions_1 = require("./facetHierarchyOptions");
-var facetListOptions_1 = require("./facetListOptions");
-var facetPaletteOptions_1 = require("./facetPaletteOptions");
-var facetSlider_1 = require("./facetSlider");
-var filter_1 = require("./filter");
-var grid_1 = require("./grid");
-var layoutSelector_1 = require("./layoutSelector");
-var list_1 = require("./list");
-var loadMore_1 = require("./loadMore");
-var overlayBadge_1 = require("./overlayBadge");
-var pagination_1 = require("./pagination");
-var radio_1 = require("./radio");
-var radioList_1 = require("./radioList");
-var result_1 = require("./result");
-var searchInput_1 = require("./searchInput");
-var select_1 = require("./select");
-var slideout_1 = require("./slideout");
-var rating_1 = require("./rating");
-var swatches_1 = require("./swatches");
-var variantSelection_1 = require("./variantSelection");
-var terms_1 = require("./terms");
-exports.molecules = {
-    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.default), checkbox_1.checkbox.default), errorHandler_1.errorHandler.default), facetGridOptions_1.facetGridOptions.default), facetHierarchyOptions_1.facetHierarchyOptions.default), facetListOptions_1.facetListOptions.default), facetPaletteOptions_1.facetPaletteOptions.default), facetSlider_1.facetSlider.default), filter_1.filter.default), grid_1.grid.default), layoutSelector_1.layoutSelector.default), list_1.list.default), loadMore_1.loadMore.default), overlayBadge_1.overlayBadge.default), pagination_1.pagination.default), radio_1.radio.default), radioList_1.radioList.default), result_1.result.default), searchInput_1.searchInput.default), select_1.select.default), slideout_1.slideout.default), rating_1.rating.default), swatches_1.swatches.default), variantSelection_1.variantSelection.default), terms_1.terms.default), calloutBadge_1.calloutBadge.default),
-    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.mobile), checkbox_1.checkbox.mobile), errorHandler_1.errorHandler.mobile), facetGridOptions_1.facetGridOptions.mobile), facetHierarchyOptions_1.facetHierarchyOptions.mobile), facetListOptions_1.facetListOptions.mobile), facetPaletteOptions_1.facetPaletteOptions.mobile), facetSlider_1.facetSlider.mobile), filter_1.filter.mobile), grid_1.grid.mobile), layoutSelector_1.layoutSelector.mobile), list_1.list.mobile), loadMore_1.loadMore.mobile), overlayBadge_1.overlayBadge.mobile), pagination_1.pagination.mobile), radio_1.radio.mobile), radioList_1.radioList.mobile), result_1.result.mobile), searchInput_1.searchInput.mobile), select_1.select.mobile), slideout_1.slideout.mobile), rating_1.rating.mobile), swatches_1.swatches.mobile), variantSelection_1.variantSelection.mobile), terms_1.terms.mobile), calloutBadge_1.calloutBadge.mobile),
-    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.tablet), checkbox_1.checkbox.tablet), errorHandler_1.errorHandler.tablet), facetGridOptions_1.facetGridOptions.tablet), facetHierarchyOptions_1.facetHierarchyOptions.tablet), facetListOptions_1.facetListOptions.tablet), facetPaletteOptions_1.facetPaletteOptions.tablet), facetSlider_1.facetSlider.tablet), filter_1.filter.tablet), grid_1.grid.tablet), layoutSelector_1.layoutSelector.tablet), list_1.list.tablet), loadMore_1.loadMore.tablet), overlayBadge_1.overlayBadge.tablet), pagination_1.pagination.tablet), radio_1.radio.tablet), radioList_1.radioList.tablet), result_1.result.tablet), searchInput_1.searchInput.tablet), select_1.select.tablet), slideout_1.slideout.tablet), rating_1.rating.tablet), swatches_1.swatches.tablet), variantSelection_1.variantSelection.tablet), terms_1.terms.tablet), calloutBadge_1.calloutBadge.tablet),
-    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, carousel_1.carousel.desktop), checkbox_1.checkbox.desktop), errorHandler_1.errorHandler.desktop), facetGridOptions_1.facetGridOptions.desktop), facetHierarchyOptions_1.facetHierarchyOptions.desktop), facetListOptions_1.facetListOptions.desktop), facetPaletteOptions_1.facetPaletteOptions.desktop), facetSlider_1.facetSlider.desktop), filter_1.filter.desktop), grid_1.grid.desktop), layoutSelector_1.layoutSelector.desktop), list_1.list.desktop), loadMore_1.loadMore.desktop), overlayBadge_1.overlayBadge.desktop), pagination_1.pagination.desktop), radio_1.radio.desktop), radioList_1.radioList.desktop), result_1.result.desktop), searchInput_1.searchInput.desktop), select_1.select.desktop), slideout_1.slideout.desktop), rating_1.rating.desktop), swatches_1.swatches.desktop), variantSelection_1.variantSelection.desktop), terms_1.terms.desktop), calloutBadge_1.calloutBadge.desktop),
-};

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

@@ -1,4 +0,0 @@
-import type { LayoutSelectorProps, LayoutSelectorTemplatesLegalProps } from '../../../../components/Molecules/LayoutSelector';
-import { ThemeComponent } from '../../../../providers';
-export declare const layoutSelector: ThemeComponent<'layoutSelector', LayoutSelectorProps, LayoutSelectorTemplatesLegalProps>;
-//# sourceMappingURL=layoutSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"layoutSelector.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/molecules/layoutSelector.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,iCAAiC,EAAE,MAAM,iDAAiD,CAAC;AAC9H,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAuDvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,iCAAiC,CAkBnH,CAAC"}

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

@@ -1,77 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.layoutSelector = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
-var color_1 = __importDefault(require("color"));
-// CSS in JS style script for the LayoutSelector component
-var layoutSelectorStyleScript = function (props) {
-    var _a, _b;
-    var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
-    var activeColor = new color_1.default(((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary) || undefined);
-    var activeIconColor = activeColor.isDark() || activeColor.hex().toLowerCase() == '#00aeef'
-        ? (0, color_1.default)(custom_1.custom.colors.white || undefined)
-        : (0, color_1.default)(custom_1.custom.colors.black || undefined);
-    // dropdown styles
-    var dropdownStyles = (0, react_1.css)({
-        '.ss__dropdown': {
-            '.ss__dropdown__button .ss__button__content': {
-                gap: "".concat(custom_1.custom.spacing.x2, "px"),
-            },
-        },
-    });
-    // list styles
-    var listStyles = (0, react_1.css)({
-        '.ss__list__options': {
-            display: 'flex',
-            '.ss__list__option': {
-                border: "1px solid ".concat(custom_1.custom.colors.gray02),
-                backgroundColor: custom_1.custom.colors.gray01,
-                height: "".concat(custom_1.custom.sizes.height, "px"),
-                lineHeight: "".concat(custom_1.custom.sizes.height, "px"),
-                padding: "0 ".concat(custom_1.custom.spacing.x2, "px"),
-                margin: 0,
-            },
-            '.ss__list__option--selected': {
-                borderColor: activeColor.hex(),
-                backgroundColor: activeColor.hex(),
-                color: activeIconColor.hex(),
-                '&, *': {
-                    cursor: 'text',
-                },
-            },
-        },
-    });
-    if ((props === null || props === void 0 ? void 0 : props.type) == 'dropdown') {
-        return dropdownStyles;
-    }
-    else if ((props === null || props === void 0 ? void 0 : props.type) == 'list') {
-        return listStyles;
-    }
-    else {
-        return dropdownStyles;
-    }
-};
-// LayoutSelector component props
-exports.layoutSelector = {
-    default: {
-        layoutSelector: {
-            themeStyleScript: layoutSelectorStyleScript,
-            type: 'list',
-        },
-        'layoutSelector select': {
-            hideSelection: false,
-            separator: '',
-        },
-        'layoutSelector list': {
-            hideTitleText: true,
-            hideOptionLabels: true,
-        },
-        'layoutSelector radioList': {
-            hideTitleText: true,
-        },
-    },
-};

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

@@ -1,4 +0,0 @@
-import type { ListProps, ListTemplatesLegalProps } from '../../../../components/Molecules/List';
-import { ThemeComponent } from '../../../../providers';
-export declare const list: ThemeComponent<'list', ListProps, ListTemplatesLegalProps>;
-//# sourceMappingURL=list.d.ts.map

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

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

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

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.list = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
-// CSS in JS style script for the List component
-var listStyleScript = function (props) {
-    var _a, _b;
-    var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
-    return (0, react_1.css)({
-        '&, .ss__list__options': {
-            display: 'block',
-        },
-        '.ss__list__title, .ss__list__options .ss__list__option': {
-            margin: "0 0 ".concat(custom_1.custom.spacing.x1, "px 0"),
-        },
-        '.ss__list__title': {
-            display: 'block',
-            fontSize: custom_1.custom.utils.convertPxToEm(14),
-            fontWeight: custom_1.custom.fonts.weight02,
-            lineHeight: 1,
-        },
-        '.ss__list__options': {
-            '.ss__list__option': {
-                gap: "".concat(custom_1.custom.spacing.x2, "px"),
-                '&:last-of-type': {
-                    marginBottom: 0,
-                },
-            },
-            '.ss__list__option--selected': {
-                fontWeight: custom_1.custom.fonts.weight01,
-                color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
-            },
-        },
-    });
-};
-// List component props
-exports.list = {
-    default: {
-        list: {
-            themeStyleScript: listStyleScript,
-        },
-    },
-};

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

@@ -1,4 +0,0 @@
-import type { LoadMoreProps, LoadMoreTemplatesLegalProps } from '../../../../components/Molecules/LoadMore';
-import { ThemeComponent } from '../../../../providers';
-export declare const loadMore: ThemeComponent<'loadMore', LoadMoreProps, LoadMoreTemplatesLegalProps>;
-//# sourceMappingURL=loadMore.d.ts.map

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

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

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

@@ -1,55 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadMore = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
-var color_1 = __importDefault(require("color"));
-// CSS in JS style script for the LoadMore component
-var loadMoreStyleScript = function (props) {
-    var _a, _b, _c, _d, _e;
-    var variables = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.variables;
-    var indicatorColor = new color_1.default((props === null || props === void 0 ? void 0 : props.backgroundColor) || custom_1.custom.colors.gray01 || undefined);
-    var indicatorBorderColor = new color_1.default((props === null || props === void 0 ? void 0 : props.backgroundColor) || custom_1.custom.colors.gray02 || undefined);
-    var barColor = new color_1.default((props === null || props === void 0 ? void 0 : props.color) || ((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary) || undefined);
-    return (0, react_1.css)({
-        '&.ss__load-more': {
-            '&, .ss__load-more__progress': {
-                gap: "".concat(custom_1.custom.spacing.x2, "px"),
-            },
-            '& > .ss__load-more__icon': {
-                fill: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary,
-                stroke: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
-            },
-            '.ss__button': {
-                '.ss__button__content': {
-                    display: 'flex',
-                    alignItems: 'center',
-                },
-            },
-            '.ss__load-more__progress': {
-                '.ss__load-more__progress__indicator': {
-                    backgroundColor: indicatorColor.hex(),
-                    border: "1px solid ".concat(indicatorBorderColor),
-                    '.ss__load-more__progress__indicator__bar': {
-                        backgroundColor: barColor.hex(),
-                        margin: '-1px',
-                    },
-                },
-                '.ss__load-more__progress__text': {
-                    color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.text,
-                },
-            },
-        },
-    });
-};
-// LoadMore component props
-exports.loadMore = {
-    default: {
-        loadMore: {
-            themeStyleScript: loadMoreStyleScript,
-        },
-    },
-};

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

@@ -1,4 +0,0 @@
-import type { OverlayBadgeProps, OverlayBadgeTemplatesLegalProps } from '../../../../components/Molecules/OverlayBadge';
-import { ThemeComponent } from '../../../../providers';
-export declare const overlayBadge: ThemeComponent<'overlayBadge', OverlayBadgeProps, OverlayBadgeTemplatesLegalProps>;
-//# sourceMappingURL=overlayBadge.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"overlayBadge.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/molecules/overlayBadge.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAC;AACxH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAwBvD,eAAO,MAAM,YAAY,EAAE,cAAc,CAAC,cAAc,EAAE,iBAAiB,EAAE,+BAA+B,CAO3G,CAAC"}

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

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.overlayBadge = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
-// CSS in JS style script for the Search component
-var overlayBadgeStyleScript = function () {
-    return (0, react_1.css)({
-        '.ss__overlay-badge__grid-wrapper': {
-            gap: "".concat(custom_1.custom.spacing.x1, "px"),
-            bottom: 'auto',
-            '.ss__overlay-badge__grid-wrapper__slot': {
-                gap: 0,
-                '& > div': {
-                    padding: "".concat(custom_1.custom.spacing.x1, "px ").concat(custom_1.custom.spacing.x2, "px"),
-                    lineHeight: 1,
-                    span: {
-                        fontSize: custom_1.custom.utils.convertPxToEm(12),
-                    },
-                },
-            },
-        },
-    });
-};
-// OverlayBadge component props
-exports.overlayBadge = {
-    default: {
-        overlayBadge: {
-            themeStyleScript: overlayBadgeStyleScript,
-            limit: 3,
-        },
-    },
-};

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

@@ -1,4 +0,0 @@
-import type { PaginationProps, PaginationTemplatesLegalProps } from '../../../../components/Molecules/Pagination';
-import { ThemeComponent } from '../../../../providers';
-export declare const pagination: ThemeComponent<'pagination', PaginationProps, PaginationTemplatesLegalProps>;
-//# sourceMappingURL=pagination.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/molecules/pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAClH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAkDvD,eAAO,MAAM,UAAU,EAAE,cAAc,CAAC,YAAY,EAAE,eAAe,EAAE,6BAA6B,CAoBnG,CAAC"}

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

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pagination = void 0;
-var react_1 = require("@emotion/react");
-var custom_1 = require("../../custom");
-// CSS in JS style script for the Pagination component
-var paginationStyleScript = function (props) {
-    var _a;
-    var _b, _c, _d, _e, _f, _g;
-    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 = {
-            nav: {
-                display: 'flex',
-                flexFlow: 'row wrap',
-                alignItems: 'center',
-                justifyContent: 'center',
-                lineHeight: 1,
-                '.ss__pagination__page, span': {
-                    padding: "0 ".concat(custom_1.custom.spacing.x1, "px"),
-                    fontSize: custom_1.custom.utils.convertPxToEm(14),
-                    color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.text,
-                },
-                '.ss__pagination__page': {
-                    minWidth: '1px',
-                    minHeight: '1px',
-                },
-                '.ss__pagination__page--active': {
-                    color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.primary,
-                },
-                '.ss__pagination__page--previous, .ss__pagination__page--next': {
-                    lineHeight: "".concat(custom_1.custom.sizes.icon12, "px"),
-                    '.ss__icon': {
-                        fill: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.primary,
-                        stroke: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary,
-                    },
-                },
-            }
-        },
-        _a["@media (max-width: ".concat(mobileBp, "px)")] = {
-            nav: {
-                '.ss__pagination__page, span': {
-                    padding: "0 ".concat(custom_1.custom.spacing.x2, "px"),
-                    fontSize: custom_1.custom.utils.convertPxToEm(16),
-                },
-                '.ss__pagination__page--previous, .ss__pagination__page--next': {
-                    lineHeight: "".concat(custom_1.custom.sizes.icon14, "px"),
-                },
-            },
-        },
-        _a));
-};
-// Pagination component props
-exports.pagination = {
-    default: {
-        pagination: {
-            themeStyleScript: paginationStyleScript,
-        },
-        'pagination icon': {
-            size: "".concat(custom_1.custom.sizes.icon12, "px"),
-        },
-        'pagination icon.prev': {
-            icon: custom_1.custom.icons.arrowLeft,
-        },
-        'pagination icon.next': {
-            icon: custom_1.custom.icons.arrowRight,
-        },
-    },
-    mobile: {
-        'pagination icon': {
-            size: "".concat(custom_1.custom.sizes.icon14, "px"),
-        },
-    },
-};

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

@@ -1,4 +0,0 @@
-import type { RadioProps, RadioTemplatesLegalProps } from '../../../../components/Molecules/Radio';
-import { ThemeComponent } from '../../../../providers';
-export declare const radio: ThemeComponent<'radio', RadioProps, RadioTemplatesLegalProps>;
-//# sourceMappingURL=radio.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/molecules/radio.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAmEvD,eAAO,MAAM,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,wBAAwB,CAW/E,CAAC"}