@athoscommerce/snap-preact 1.0.0

package/dist/cjs/components/src/themes/everest/components/organisms/sidebar.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sidebar = void 0;
+var react_1 = require("@emotion/react");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Sidebar component
+var sidebarStyleScript = function (props) {
+    var _a, _b, _c, _d;
+    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__sidebar__title': {
+            margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
+            fontSize: custom_1.custom.utils.convertPxToEm(20),
+            fontWeight: custom_1.custom.fonts.weight02,
+            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+        },
+        '.ss__sidebar__inner': {
+            '.ss__layout': {
+                '&, .ss__layout__row': {
+                    display: 'block',
+                },
+                '.ss__layout__row': {
+                    minWidth: '1px',
+                    '& > div:only-child': {
+                        width: 'auto',
+                    },
+                },
+            },
+            '.ss__layout .ss__layout__row, .ss__facets .ss__facet': {
+                margin: "0 0 ".concat(custom_1.custom.spacing.x6, "px 0"),
+                '&:last-of-type': {
+                    marginBottom: 0,
+                },
+            },
+            '.ss__filter-summary .ss__filter-summary__title, .ss__facets .ss__facet .ss__facet__header': {
+                margin: " 0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
+                padding: " 0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
+                borderBottom: "2px solid ".concat((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.primary),
+                fontSize: custom_1.custom.utils.convertPxToEm(16),
+                fontWeight: custom_1.custom.fonts.weight02,
+                color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary,
+            },
+        },
+    });
+};
+// Sidebar component props
+exports.sidebar = {
+    default: {
+        sidebar: {
+            themeStyleScript: sidebarStyleScript,
+        },
+        'sidebar toolbar filterSummary': {
+            title: 'Current Filters',
+        },
+    },
+};

package/dist/cjs/components/src/themes/everest/components/organisms/termsList.d.ts

@@ -0,0 +1,4 @@
+import type { TermsListProps } from '../../../../components/Organisms/TermsList';
+import { ThemeComponent } from '../../../../providers';
+export declare const termsList: ThemeComponent<'termsList', TermsListProps>;
+//# sourceMappingURL=termsList.d.ts.map

package/dist/cjs/components/src/themes/everest/components/organisms/termsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"termsList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/organisms/termsList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAoBvD,eAAO,MAAM,SAAS,EAAE,cAAc,CAAC,WAAW,EAAE,cAAc,CAMjE,CAAC"}

package/dist/cjs/components/src/themes/everest/components/organisms/termsList.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.termsList = void 0;
+var react_1 = require("@emotion/react");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the TermsList component
+var termsListStyleScript = 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;
+    return (0, react_1.css)({
+        backgroundColor: 'transparent',
+        flexFlow: 'row nowrap',
+        gap: "".concat(custom_1.custom.spacing.x4, "px"),
+        '.ss__terms-list-row': {
+            flex: '1 1 0%',
+            minWidth: '1px',
+        },
+    });
+};
+// TermsList component props
+exports.termsList = {
+    default: {
+        termsList: {
+            themeStyleScript: termsListStyleScript,
+        },
+    },
+};

package/dist/cjs/components/src/themes/everest/components/organisms/toolbar.d.ts

@@ -0,0 +1,4 @@
+import { ThemeComponent } from '../../../../providers';
+import { ToolbarProps } from '../../../../components/Organisms/Toolbar';
+export declare const toolbar: ThemeComponent<'toolbar', ToolbarProps>;
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/cjs/components/src/themes/everest/components/organisms/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/organisms/toolbar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AA6DxE,eAAO,MAAM,OAAO,EAAE,cAAc,CAAC,SAAS,EAAE,YAAY,CAS3D,CAAC"}

package/dist/cjs/components/src/themes/everest/components/organisms/toolbar.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toolbar = void 0;
+var react_1 = require("@emotion/react");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Toolbar component
+var toolbarStyleScript = 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__layout': {
+                gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                margin: 0,
+            },
+            '&[class*="bottom"]': {
+                '.ss__pagination-info': {
+                    fontSize: custom_1.custom.utils.convertPxToEm(14),
+                },
+            },
+            '.ss__pagination-info': {
+                fontSize: custom_1.custom.utils.convertPxToEm(16),
+            }
+        },
+        _a["@media (max-width: ".concat(mobileBp, "px)")] = {
+            '.ss__pagination-info': {
+                fontSize: custom_1.custom.utils.convertPxToEm(18),
+            },
+        },
+        _a['& > .ss__layout > .ss__layout__row > .ss__filter-summary'] = {
+            display: 'flex',
+            flexFlow: 'row wrap',
+            '.ss__filter-summary__title, .ss__filter-summary__filters': {
+                minWidth: '1px',
+            },
+            '.ss__filter-summary__title': {
+                flex: '0 1 auto',
+                padding: "0 ".concat(custom_1.custom.spacing.x2, "px 0 0"),
+            },
+            '.ss__filter-summary__filters': {
+                flex: '1 1 0%',
+            },
+            '&.ss__filter-summary--inline': {
+                '.ss__filter-summary__title': {
+                    paddingTop: "".concat(custom_1.custom.spacing.x1, "px"),
+                    paddingBottom: "".concat(custom_1.custom.spacing.x1, "px"),
+                },
+            },
+            '&.ss__filter-summary--list': {
+                '.ss__filter-summary__filters': {
+                    display: 'flex',
+                    flexFlow: 'row wrap',
+                    alignItems: 'center',
+                    gap: "".concat(custom_1.custom.spacing.x2, "px"),
+                    '.ss__filter': {
+                        margin: 0,
+                    },
+                },
+            },
+        },
+        _a));
+};
+// Toolbar component props
+exports.toolbar = {
+    default: {
+        toolbar: {
+            themeStyleScript: toolbarStyleScript,
+        },
+        'toolbar filterSummary': {
+            title: "Current Filters:",
+        },
+    },
+};

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteFixed.d.ts

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

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteFixed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteFixed.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/templates/autocompleteFixed.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AA0E5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CA6GzF,CAAC"}

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteFixed.js

@@ -0,0 +1,155 @@
+"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, _b, _c, _d, _e;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteFixed = void 0;
+var react_1 = require("@emotion/react");
+var autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Search component
+var autocompleteFixedStyleScript = 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 tabletBp = ((_c = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _c === void 0 ? void 0 : _c.tablet) || custom_1.custom.breakpoints.tablet;
+    return (0, react_1.css)((_a = {
+            '.ss__modal': {
+                '.ss__modal__content': {
+                    '.ss__autocomplete-fixed__inner': {
+                        '& > .ss__search-input.autocomplete-fixed__search-input': {
+                            height: '40px',
+                            margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
+                            '.ss__button, .ss__search-input__button--close-search-button': {
+                                width: '40px',
+                            },
+                        },
+                        '.ss__autocomplete-fixed__inner__layout-wrapper': {
+                            maxHeight: 'none',
+                            width: 'auto',
+                            '&, .ss__autocomplete': {
+                                overflowY: 'visible',
+                            },
+                            '.ss__autocomplete': {
+                                maxWidth: 'none',
+                                width: props === null || props === void 0 ? void 0 : props.width,
+                                right: 0,
+                                left: '-102px',
+                                top: 'auto',
+                                margin: 'auto',
+                            },
+                        },
+                    },
+                },
+            }
+        },
+        _a["@media (max-width: ".concat(tabletBp, "px)")] = {
+            '.ss__modal': {
+                '.ss__modal__content': {
+                    '.ss__autocomplete-fixed__inner': {
+                        '.ss__autocomplete-fixed__inner__layout-wrapper': {
+                            '.ss__autocomplete': {
+                                maxWidth: '100%',
+                                width: props === null || props === void 0 ? void 0 : props.width,
+                                left: 0,
+                                right: 0,
+                            },
+                        },
+                    },
+                },
+            },
+        },
+        _a["@media (max-width: ".concat(custom_1.custom.breakpoints.small, "px)")] = {
+            '.ss__modal': {
+                '.ss__modal__content': {
+                    '.ss__autocomplete-fixed__inner': {
+                        '.ss__autocomplete-fixed__inner__layout-wrapper': {
+                            '.ss__autocomplete': {
+                                '.ss__autocomplete__content__results .ss__results, .ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__recommendations .ss__recommendation-grid__results': {
+                                    '& > *:nth-of-type(n+3)': {
+                                        display: 'none',
+                                    },
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+        },
+        _a));
+};
+exports.autocompleteFixed = {
+    default: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.default), { autocompleteFixed: __assign(__assign({}, (((_a = autocompleteFixed_1.autocompleteFixedThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteFixed']) || {})), { themeStyleScript: autocompleteFixedStyleScript, width: '900px', layout: 'standard' }), 'autocompleteFixed facetPaletteOptions': {
+            gridSize: '38px',
+            hideLabel: false,
+        }, 'autocompleteFixed facetGridOptions': {
+            gridSize: '38px',
+        }, 'autocompleteFixed facet': __assign(__assign({}, (((_b = autocompleteFixed_1.autocompleteFixedThemeComponentProps.default) === null || _b === void 0 ? void 0 : _b['autocompleteFixed facet']) || {})), { display: {
+                list: {
+                    limit: 5,
+                },
+                hierarchy: {
+                    limit: 5,
+                },
+                grid: {
+                    limit: 6,
+                },
+                palette: {
+                    limit: 6,
+                },
+            } }), 'autocompleteFixed results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteFixed recommendationGrid': {
+            rows: 2,
+            columns: 4,
+        }, 'autocompleteFixed button.see-more icon': {
+            icon: custom_1.custom.icons.arrowRight,
+            size: "".concat(custom_1.custom.sizes.icon12, "px"),
+        } }),
+    mobile: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile), { autocompleteFixed: __assign(__assign({}, (((_c = autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile) === null || _c === void 0 ? void 0 : _c['autocompleteFixed']) || {})), { width: 'auto', layout: 'mini' }), 'autocompleteFixed results': {
+            rows: 1,
+            columns: 3,
+        }, 'autocompleteFixed recommendationGrid': {
+            rows: 1,
+            columns: 3,
+        } }),
+    tablet: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet), { autocompleteFixed: __assign(__assign({}, (((_d = autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet) === null || _d === void 0 ? void 0 : _d['autocompleteFixed']) || {})), { width: 'auto', layout: 'standard' }), 'autocompleteFixed facet': {
+            display: {
+                list: {
+                    limit: 3,
+                },
+                hierarchy: {
+                    limit: 3,
+                },
+                grid: {
+                    limit: 4,
+                },
+                palette: {
+                    limit: 4,
+                },
+            },
+        }, 'autocompleteFixed results': {
+            rows: 1,
+            columns: 4,
+        }, 'autocompleteFixed recommendationGrid': {
+            rows: 1,
+            columns: 4,
+        } }),
+    desktop: __assign(__assign({}, autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop), { autocompleteFixed: __assign(__assign({}, (((_e = autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop) === null || _e === void 0 ? void 0 : _e['autocompleteFixed']) || {})), { layout: 'standard' }), 'autocompleteFixed results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteFixed recommendationGrid': {
+            rows: 2,
+            columns: 4,
+        } }),
+};

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteModal.d.ts

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

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteModal.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/templates/autocompleteModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AA0F5F,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,mBAAmB,EAAE,sBAAsB,CA8GzF,CAAC"}

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteModal.js

@@ -0,0 +1,170 @@
+"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, _b, _c, _d, _e;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteModal = void 0;
+var react_1 = require("@emotion/react");
+var autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Search component
+var autocompleteModalStyleScript = 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__modal': {
+                '&, .ss__modal__content': {
+                    height: '100%',
+                },
+                '.ss__modal__content': {
+                    backgroundColor: 'transparent',
+                    justifyContent: 'center',
+                    '&, .ss__autocomplete-modal__inner': {
+                        position: 'static',
+                        display: 'flex',
+                        flexFlow: 'column nowrap',
+                    },
+                    '.ss__autocomplete-modal__inner': {
+                        width: props === null || props === void 0 ? void 0 : props.width,
+                        maxHeight: 'none',
+                        height: '80vh',
+                        overflow: 'hidden',
+                        '& > .ss__search-input.autocomplete-modal__search-input, .ss__autocomplete': {
+                            minHeight: '1px',
+                            minWidth: '1px',
+                        },
+                        '& > .ss__search-input.autocomplete-modal__search-input': {
+                            flex: '0 1 auto',
+                            height: '40px',
+                            margin: 0,
+                            '.ss__button, .ss__search-input__button--close-search-button': {
+                                width: '40px',
+                            },
+                        },
+                        '.ss__autocomplete': {
+                            flex: '1 1 0%',
+                            borderWidth: 0,
+                            overflowY: 'auto',
+                            '&::-webkit-scrollbar': {
+                                width: '8px',
+                                height: '8px',
+                            },
+                            '&::-webkit-scrollbar-track': {
+                                backgroundColor: custom_1.custom.colors.gray01,
+                            },
+                            '&::-webkit-scrollbar-thumb': {
+                                backgroundColor: custom_1.custom.colors.gray02,
+                            },
+                            '.ss__autocomplete__content__results .ss__results, .ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__recommendations .ss__recommendation-grid__results': {
+                                maxHeight: 'none',
+                                overflow: 'visible',
+                            },
+                        },
+                    },
+                },
+            }
+        },
+        _a["@media (max-width: ".concat(mobileBp, "px)")] = {
+            '.ss__modal': {
+                '.ss__modal__content': {
+                    '.ss__autocomplete-modal__inner': {
+                        width: props === null || props === void 0 ? void 0 : props.width,
+                        height: '100%',
+                    },
+                },
+            },
+        },
+        _a["@media (max-width: ".concat(custom_1.custom.breakpoints.small, "px)")] = {
+            '.ss__modal': {
+                '.ss__modal__content': {
+                    '.ss__autocomplete-modal__inner': {
+                        '.ss__autocomplete': {
+                            '.ss__autocomplete__content__results .ss__results, .ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__recommendations .ss__recommendation-grid__results': {
+                                '& > *:nth-of-type(n+5)': {
+                                    display: 'none',
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+        },
+        _a));
+};
+exports.autocompleteModal = {
+    default: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.default), { autocompleteModal: __assign(__assign({}, (((_a = autocompleteModal_1.autocompleteModalThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteModal']) || {})), { themeStyleScript: autocompleteModalStyleScript, width: '70vw', layout: 'standard' }), 'autocompleteModal facetPaletteOptions': {
+            gridSize: '38px',
+            hideLabel: false,
+        }, 'autocompleteModal facetGridOptions': {
+            gridSize: '38px',
+        }, 'autocompleteModal facet': __assign(__assign({}, (((_b = autocompleteModal_1.autocompleteModalThemeComponentProps.default) === null || _b === void 0 ? void 0 : _b['autocompleteModal facet']) || {})), { display: {
+                list: {
+                    limit: 5,
+                },
+                hierarchy: {
+                    limit: 5,
+                },
+                grid: {
+                    limit: 6,
+                },
+                palette: {
+                    limit: 6,
+                },
+            } }), 'autocompleteModal results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteModal recommendationGrid': {
+            rows: 2,
+            columns: 4,
+        }, 'autocompleteModal button.see-more icon': {
+            icon: custom_1.custom.icons.arrowRight,
+            size: "".concat(custom_1.custom.sizes.icon12, "px"),
+        } }),
+    mobile: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.mobile), { autocompleteModal: __assign(__assign({}, (((_c = autocompleteModal_1.autocompleteModalThemeComponentProps.mobile) === null || _c === void 0 ? void 0 : _c['autocompleteModal']) || {})), { width: '100%', layout: 'mini' }), 'autocompleteModal results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteModal recommendationGrid': {
+            rows: 2,
+            columns: 3,
+        } }),
+    tablet: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.tablet), { autocompleteModal: __assign(__assign({}, (((_d = autocompleteModal_1.autocompleteModalThemeComponentProps.tablet) === null || _d === void 0 ? void 0 : _d['autocompleteModal']) || {})), { width: '80vw', layout: 'standard' }), 'autocompleteModal facet': {
+            display: {
+                list: {
+                    limit: 3,
+                },
+                hierarchy: {
+                    limit: 3,
+                },
+                grid: {
+                    limit: 4,
+                },
+                palette: {
+                    limit: 4,
+                },
+            },
+        }, 'autocompleteModal results': {
+            rows: 2,
+            columns: 4,
+        }, 'autocompleteModal recommendationGrid': {
+            rows: 2,
+            columns: 4,
+        } }),
+    desktop: __assign(__assign({}, autocompleteModal_1.autocompleteModalThemeComponentProps.desktop), { autocompleteModal: __assign(__assign({}, (((_e = autocompleteModal_1.autocompleteModalThemeComponentProps.desktop) === null || _e === void 0 ? void 0 : _e['autocompleteModal']) || {})), { width: '80vw', layout: 'standard' }), 'autocompleteModal results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteModal recommendationGrid': {
+            rows: 2,
+            columns: 4,
+        } }),
+};

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteSlideout.d.ts

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

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteSlideout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocompleteSlideout.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/everest/components/templates/autocompleteSlideout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AA2DlG,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CAkElG,CAAC"}

package/dist/cjs/components/src/themes/everest/components/templates/autocompleteSlideout.js

@@ -0,0 +1,105 @@
+"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, _b, _c, _d;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteSlideout = void 0;
+var react_1 = require("@emotion/react");
+var autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Search component
+var autocompleteSlideoutStyleScript = 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;
+    return (0, react_1.css)({
+        border: 0,
+        padding: "".concat(custom_1.custom.spacing.x4, "px"),
+        '.ss__autocomplete-slideout__inner': {
+            display: 'flex',
+            flexFlow: 'column nowrap',
+            height: '100%',
+            '& > .ss__search-input.autocomplete-slideout__search-input, .ss__autocomplete': {
+                minHeight: '1px',
+                minWidth: '1px',
+            },
+            '& > .ss__search-input.autocomplete-slideout__search-input': {
+                flex: '0 1 auto',
+                height: '40px',
+                margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
+                '.ss__button, .ss__search-input__button--close-search-button': {
+                    width: '40px',
+                },
+            },
+            '.ss__autocomplete': {
+                flex: '1 1 0%',
+                alignContent: 'flex-start',
+                borderWidth: 0,
+                overflowY: 'auto',
+                '&::-webkit-scrollbar': {
+                    width: '8px',
+                    height: '8px',
+                },
+                '&::-webkit-scrollbar-track': {
+                    backgroundColor: custom_1.custom.colors.gray01,
+                },
+                '&::-webkit-scrollbar-thumb': {
+                    backgroundColor: custom_1.custom.colors.gray02,
+                },
+                '& > .ss__autocomplete__row .ss__autocomplete__column': {
+                    padding: "".concat(custom_1.custom.spacing.x4, "px 0"),
+                },
+                '.ss__autocomplete__terms-wrapper, .ss__autocomplete__content, .ss__autocomplete__button--see-more': {
+                    paddingLeft: 0,
+                    paddingRight: 0,
+                },
+                '.ss__autocomplete__content__results .ss__results, .ss__autocomplete__content__no-results .ss__autocomplete__content__no-results__recommendations .ss__recommendation-grid__results': {
+                    maxHeight: 'none',
+                    overflow: 'visible',
+                },
+            },
+        },
+    });
+};
+exports.autocompleteSlideout = {
+    default: __assign(__assign({}, autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default), { autocompleteSlideout: __assign(__assign({}, (((_a = autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocompleteSlideout']) || {})), { themeStyleScript: autocompleteSlideoutStyleScript, layout: 'mini' }), 'autocompleteSlideout results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteSlideout recommendationGrid': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteSlideout button.see-more icon': {
+            icon: custom_1.custom.icons.arrowRight,
+            size: "".concat(custom_1.custom.sizes.icon12, "px"),
+        } }),
+    mobile: __assign(__assign({}, autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.mobile), { autocompleteSlideout: __assign(__assign({}, (((_b = autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.mobile) === null || _b === void 0 ? void 0 : _b['autocompleteSlideout']) || {})), { layout: 'mini' }), 'autocompleteSlideout results': {
+            rows: 2,
+            columns: 2,
+        }, 'autocompleteSlideout recommendationGrid': {
+            rows: 2,
+            columns: 2,
+        } }),
+    tablet: __assign(__assign({}, autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.tablet), { autocompleteSlideout: __assign(__assign({}, (((_c = autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.tablet) === null || _c === void 0 ? void 0 : _c['autocompleteSlideout']) || {})), { layout: 'mini' }), 'autocompleteSlideout results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteSlideout recommendationGrid': {
+            rows: 2,
+            columns: 3,
+        } }),
+    desktop: __assign(__assign({}, autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.desktop), { autocompleteSlideout: __assign(__assign({}, (((_d = autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.desktop) === null || _d === void 0 ? void 0 : _d['autocompleteSlideout']) || {})), { layout: 'mini' }), 'autocompleteSlideout results': {
+            rows: 2,
+            columns: 3,
+        }, 'autocompleteSlideout recommendationGrid': {
+            rows: 2,
+            columns: 3,
+        } }),
+};

package/dist/cjs/components/src/themes/everest/components/templates/index.d.ts

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

package/dist/cjs/components/src/themes/everest/components/templates/index.d.ts.map

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