@athoscommerce/snap-preact 1.9.0 → 1.10.0

package/dist/cjs/components/src/themes/snappy/components/molecules/result.js

@@ -1,89 +1,86 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.result = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Result component
-var resultStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
+const resultStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    return (0, react_1.css)((_b = {
-            '&.ss__result--list': {
-                border: '1px solid #e6e6e6',
-                borderRadius: '20px',
-                overflow: 'hidden',
-                '& .ss__result__details': {
-                    flexDirection: 'row',
+    const variables = theme?.variables;
+    return (0, react_1.css)({
+        '&.ss__result--list': {
+            border: '1px solid #e6e6e6',
+            borderRadius: '20px',
+            overflow: 'hidden',
+            '& .ss__result__details': {
+                flexDirection: 'row',
+                display: 'flex',
+                justifyContent: 'space-between',
+                padding: '10px',
+                marginLeft: '0px',
+                position: 'relative',
+                '.ss__result__details__pricing': {
+                    marginBottom: '0px',
                     display: 'flex',
-                    justifyContent: 'space-between',
-                    padding: '10px',
-                    marginLeft: '0px',
-                    position: 'relative',
-                    '.ss__result__details__pricing': {
-                        marginBottom: '0px',
-                        display: 'flex',
-                        alignItems: 'center',
-                        '.ss__result__price': {
-                            fontSize: '2em',
-                        },
-                        '.ss__price--strike': {
-                            fontSize: '1.2em',
-                        },
+                    alignItems: 'center',
+                    '.ss__result__price': {
+                        fontSize: '2em',
                     },
-                    '& .ss__callout-badge': {
-                        position: 'absolute',
-                        bottom: '0px',
+                    '.ss__price--strike': {
+                        fontSize: '1.2em',
                     },
                 },
-                '.ss__result__image-wrapper': {
-                    flex: '0 0 6%',
-                    '.ss__result__image': {
-                        borderRadius: '0px',
-                    },
+                '& .ss__callout-badge': {
+                    position: 'absolute',
+                    bottom: '0px',
                 },
             },
-            '&.ss__result--grid': {
-                position: 'relative',
-                '& .ss__image': {
-                    minHeight: '300px',
+            '.ss__result__image-wrapper': {
+                flex: '0 0 6%',
+                '.ss__result__image': {
+                    borderRadius: '0px',
                 },
-                '& .ss__result__details': {
-                    width: '100%',
-                    boxSizing: 'border-box',
-                    height: '-webkit-fill-available',
-                    textAlign: 'left',
-                    background: ' linear-gradient(to bottom,  rgba(0,0,0,0) 51%,rgba(0,0,0,0.65) 100%)',
-                    cursor: 'pointer',
-                    position: 'absolute',
-                    borderRadius: '20px',
-                    color: 'white',
-                    alignItems: 'baseline',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    justifyContent: 'flex-end',
-                    '& .ss__result__details__title': {
-                        marginBottom: '0px',
-                        a: {
-                            color: 'inherit',
-                            textDecoration: 'none',
-                        },
+            },
+        },
+        '&.ss__result--grid': {
+            position: 'relative',
+            '& .ss__image': {
+                minHeight: '300px',
+            },
+            '& .ss__result__details': {
+                width: '100%',
+                boxSizing: 'border-box',
+                height: '-webkit-fill-available',
+                textAlign: 'left',
+                background: ' linear-gradient(to bottom,  rgba(0,0,0,0) 51%,rgba(0,0,0,0.65) 100%)',
+                cursor: 'pointer',
+                position: 'absolute',
+                borderRadius: '20px',
+                color: 'white',
+                alignItems: 'baseline',
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'flex-end',
+                '& .ss__result__details__title': {
+                    marginBottom: '0px',
+                    a: {
+                        color: 'inherit',
+                        textDecoration: 'none',
                     },
-                    '& .ss__result__details__pricing': {
-                        marginBottom: '0px',
-                        '& .ss__result__price': {
-                            color: 'white',
-                            fontSize: '1.5em',
-                        },
-                        '& .ss__price--strike': {
-                            fontSize: '1.2em',
-                            opacity: 0.7,
-                        },
+                },
+                '& .ss__result__details__pricing': {
+                    marginBottom: '0px',
+                    '& .ss__result__price': {
+                        color: 'white',
+                        fontSize: '1.5em',
+                    },
+                    '& .ss__price--strike': {
+                        fontSize: '1.2em',
+                        opacity: 0.7,
                     },
                 },
-            }
+            },
         },
-        _b["@media (max-width: ".concat(variables === null || variables === void 0 ? void 0 : variables.breakpoints.mobile, "px)")] = {
+        [`@media (max-width: ${variables?.breakpoints.mobile}px)`]: {
             '&.ss__result--list': {
                 '.ss__result__image-wrapper': {
                     flex: '0 0 20%',
@@ -100,10 +97,10 @@ var resultStyleScript = function (_a) {
                 },
             },
         },
-        _b['& .ss__result__image'] = {
+        '& .ss__result__image': {
             justifyContent: 'flex-start',
         },
-        _b));
+    });
 };
 // Result component props
 exports.result = {

package/dist/cjs/components/src/themes/snappy/components/molecules/searchInput.js

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.searchInput = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the SearchInput component
-var searchInputStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+const searchInputStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
     return (0, react_1.css)({
-        border: "1px solid ".concat(((_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary) || '#ccc'),
+        border: `1px solid ${variables?.colors?.secondary || '#ccc'}`,
     });
 };
 // SearchInput component props

package/dist/cjs/components/src/themes/snappy/components/molecules/select.js

@@ -1,31 +1,18 @@
 "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.select = void 0;
-var react_1 = require("@emotion/react");
-var colord_1 = require("colord");
-var setLightness = function (colorValue, lightness) {
-    var hsl = (0, colord_1.colord)(colorValue).toHsl();
-    return (0, colord_1.colord)(__assign(__assign({}, hsl), { l: lightness }));
+const react_1 = require("@emotion/react");
+const colord_1 = require("colord");
+const setLightness = (colorValue, lightness) => {
+    const hsl = (0, colord_1.colord)(colorValue).toHsl();
+    return (0, colord_1.colord)({ ...hsl, l: lightness });
 };
 // CSS in JS style script for the Select component
-var selectStyleScript = function (_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var backgroundColor = _a.backgroundColor, theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    var baseSecondary = (0, colord_1.colord)(((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.variables) === null || _b === void 0 ? void 0 : _b.colors) === null || _c === void 0 ? void 0 : _c.secondary) || '#000');
-    var transparentSecondary = baseSecondary.alpha(Math.min(baseSecondary.alpha() + 0.2, 1));
-    var transparentSecondaryHover = setLightness(transparentSecondary.toHex(), 95).toRgbString();
+const selectStyleScript = ({ backgroundColor, theme }) => {
+    const variables = theme?.variables;
+    const baseSecondary = (0, colord_1.colord)(theme?.variables?.colors?.secondary || '#000');
+    const transparentSecondary = baseSecondary.alpha(Math.min(baseSecondary.alpha() + 0.2, 1));
+    const transparentSecondaryHover = setLightness(transparentSecondary.toHex(), 95).toRgbString();
     return (0, react_1.css)({
         '.ss__dropdown': {
             '.ss__select__dropdown__button': {
@@ -34,10 +21,10 @@ var selectStyleScript = function (_a) {
                 fontWeight: 'bold',
                 '&:hover': {
                     backgroundColor: 'initial',
-                    color: (_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.primary,
+                    color: variables?.colors?.primary,
                     '.ss__icon': {
-                        fill: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.accent,
-                        stroke: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.accent,
+                        fill: variables?.colors?.accent,
+                        stroke: variables?.colors?.accent,
                     },
                 },
                 '.ss__select__dropdown__button__icon': {
@@ -73,12 +60,12 @@ var selectStyleScript = function (_a) {
                 listStyle: 'none',
                 padding: '6px 30px',
                 gap: '6px',
-                color: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.secondary,
+                color: variables?.colors?.secondary,
                 '&.ss__select__select__option--selected': {
-                    backgroundColor: transparentSecondaryHover || "rgba(109,113,117,.06)",
+                    backgroundColor: transparentSecondaryHover || `rgba(109,113,117,.06)`,
                 },
                 '&:hover': {
-                    backgroundColor: transparentSecondaryHover || "rgba(109,113,117,.06)",
+                    backgroundColor: transparentSecondaryHover || `rgba(109,113,117,.06)`,
                 },
             },
         },

package/dist/cjs/components/src/themes/snappy/components/molecules/slideout.js

@@ -1,17 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.slideout = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Slideout component
-var slideoutStyleScript = function (_a) {
-    var width = _a.width, slideDirection = _a.slideDirection, theme = _a.theme;
+const slideoutStyleScript = ({ width, slideDirection, theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({
-        left: slideDirection == 'left' ? "-".concat(width) : slideDirection != 'right' ? '0' : 'initial',
-        right: slideDirection == 'right' ? "-".concat(width) : 'initial',
-        bottom: slideDirection == 'bottom' ? "-100vh" : 'initial',
-        top: slideDirection == 'top' ? "-100vh" : slideDirection == 'bottom' ? 'initial' : '0',
+        left: slideDirection == 'left' ? `-${width}` : slideDirection != 'right' ? '0' : 'initial',
+        right: slideDirection == 'right' ? `-${width}` : 'initial',
+        bottom: slideDirection == 'bottom' ? `-100vh` : 'initial',
+        top: slideDirection == 'top' ? `-100vh` : slideDirection == 'bottom' ? 'initial' : '0',
         background: '#fff',
         '&.ss__slideout--active': {
             left: slideDirection == 'left' ? '0' : slideDirection != 'right' ? '0' : 'initial',

package/dist/cjs/components/src/themes/snappy/components/molecules/sortBy.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sortBy = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the SortBy component
-var sortByStyleScript = function (_a) {
+const sortByStyleScript = ({}) => {
     return (0, react_1.css)({
         '.ss__button__content': {
             gap: '7px',

package/dist/cjs/components/src/themes/snappy/components/molecules/terms.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.terms = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Terms component
-var termsStyleScript = function (_a) {
-    var theme = _a.theme;
+const termsStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({
         '& .ss__terms__options .ss__terms__option': {
             border: '1px solid black',

package/dist/cjs/components/src/themes/snappy/components/organisms/autocomplete.js

@@ -1,26 +1,20 @@
 "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.autocomplete = void 0;
-var react_1 = require("@emotion/react");
-var autocomplete_1 = require("../../../themeComponents/autocomplete");
+const react_1 = require("@emotion/react");
+const autocomplete_1 = require("../../../themeComponents/autocomplete");
 // CSS in JS style script for the Search component
-var autocompleteStyleScript = function (_a) {
+const autocompleteStyleScript = ({}) => {
     return (0, react_1.css)({});
 };
 exports.autocomplete = {
-    default: __assign(__assign({}, autocomplete_1.autocompleteThemeComponentProps.default), { autocomplete: __assign(__assign({}, (((_a = autocomplete_1.autocompleteThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['autocomplete']) || {})), { themeStyleScript: autocompleteStyleScript }) }),
+    default: {
+        ...autocomplete_1.autocompleteThemeComponentProps.default,
+        autocomplete: {
+            ...(autocomplete_1.autocompleteThemeComponentProps.default?.['autocomplete'] || {}),
+            themeStyleScript: autocompleteStyleScript,
+        },
+    },
     mobile: autocomplete_1.autocompleteThemeComponentProps.mobile,
     desktop: autocomplete_1.autocompleteThemeComponentProps.desktop,
     tablet: autocomplete_1.autocompleteThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/snappy/components/organisms/facet.js

@@ -1,22 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.facet = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Facet component
-var facetStyleScript = function (_a) {
-    var _b;
-    var _c, _d;
-    var color = _a.color, theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    return (0, react_1.css)((_b = {},
-        _b["@media (min-width: ".concat(variables === null || variables === void 0 ? void 0 : variables.breakpoints.tablet, "px)")] = {
+const facetStyleScript = ({ color, theme }) => {
+    const variables = theme?.variables;
+    return (0, react_1.css)({
+        [`@media (min-width: ${variables?.breakpoints.tablet}px)`]: {
             '&.ss__facet--showing-all': {
                 '& .ss__facet__options': {
                     maxHeight: '600px',
                 },
             },
         },
-        _b['& .ss__facet__dropdown'] = {
+        '& .ss__facet__dropdown': {
             background: ' #f8f8f8',
             padding: '20px',
             borderRadius: '30px',
@@ -33,11 +30,11 @@ var facetStyleScript = function (_a) {
                 background: '#f8f8f8',
             },
         },
-        _b['& .ss__facet__header'] = {
+        '& .ss__facet__header': {
             fontWeight: 'initial',
             borderBottom: '0px',
         },
-        _b['& .ss__facet__options'] = {
+        '& .ss__facet__options': {
             maxHeight: '400px',
             '&::-webkit-scrollbar': {
                 width: '8px',
@@ -46,18 +43,18 @@ var facetStyleScript = function (_a) {
                 background: '#f2f2f2',
             },
             '&::-webkit-scrollbar-thumb': {
-                background: ((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary) || '#ccc',
+                background: variables?.colors?.secondary || '#ccc',
             },
         },
-        _b['& .ss__facet__show-more-less'] = {
+        '& .ss__facet__show-more-less': {
             margin: '8px 5px',
             textAlign: 'center',
-            color: color || ((_d = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _d === void 0 ? void 0 : _d.secondary),
+            color: color || variables?.colors?.secondary,
             span: {
                 borderBottom: '1px solid #ccc',
             },
         },
-        _b));
+    });
 };
 // Facet component props
 exports.facet = {

package/dist/cjs/components/src/themes/snappy/components/organisms/facetsHorizontal.js

@@ -1,13 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.facetsHorizontal = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Facets component
-var facetsHorizontalStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
+const facetsHorizontalStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+    const variables = theme?.variables;
     return (0, react_1.css)({
         paddingBottom: '10px',
         '& .ss__facets-horizontal__header': {
@@ -18,7 +16,7 @@ var facetsHorizontalStyleScript = function (_a) {
                     transition: 'transform ease .5s',
                 },
                 '& .ss__dropdown__button__heading': {
-                    color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+                    color: variables?.colors?.secondary,
                     fontWeight: 'bold',
                 },
                 '&.ss__dropdown--open': {

package/dist/cjs/components/src/themes/snappy/components/organisms/filterSummary.js

@@ -1,17 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterSummary = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the FilterSummary component
-var filterSummaryStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+const filterSummaryStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
     return (0, react_1.css)({
         flexWrap: 'wrap',
         '& .ss__filter-summary__title': {
             fontWeight: 'bold',
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+            color: variables?.colors?.secondary,
         },
         '& .ss__filter-summary__filters': {
             margin: '0px',

package/dist/cjs/components/src/themes/snappy/components/organisms/index.js

@@ -1,29 +1,54 @@
 "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.organisms = void 0;
 // ORGANISMS Imports
-var facet_1 = require("./facet");
-var facetsHorizontal_1 = require("./facetsHorizontal");
-var filterSummary_1 = require("./filterSummary");
-var noResults_1 = require("./noResults");
-var sidebar_1 = require("./sidebar");
-var termsList_1 = require("./termsList");
-var toolbar_1 = require("./toolbar");
-var autocomplete_1 = require("./autocomplete");
+const facet_1 = require("./facet");
+const facetsHorizontal_1 = require("./facetsHorizontal");
+const filterSummary_1 = require("./filterSummary");
+const noResults_1 = require("./noResults");
+const sidebar_1 = require("./sidebar");
+const termsList_1 = require("./termsList");
+const toolbar_1 = require("./toolbar");
+const autocomplete_1 = require("./autocomplete");
 exports.organisms = {
-    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.default), facet_1.facet.default), facetsHorizontal_1.facetsHorizontal.default), filterSummary_1.filterSummary.default), noResults_1.noResults.default), sidebar_1.sidebar.default), toolbar_1.toolbar.default), termsList_1.termsList.default),
-    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.mobile), facet_1.facet.mobile), facetsHorizontal_1.facetsHorizontal.mobile), filterSummary_1.filterSummary.mobile), noResults_1.noResults.mobile), sidebar_1.sidebar.mobile), toolbar_1.toolbar.mobile), termsList_1.termsList.mobile),
-    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.tablet), facet_1.facet.tablet), facetsHorizontal_1.facetsHorizontal.tablet), filterSummary_1.filterSummary.tablet), noResults_1.noResults.tablet), sidebar_1.sidebar.tablet), toolbar_1.toolbar.tablet), termsList_1.termsList.tablet),
-    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocomplete_1.autocomplete.desktop), facet_1.facet.desktop), facetsHorizontal_1.facetsHorizontal.desktop), filterSummary_1.filterSummary.desktop), noResults_1.noResults.desktop), sidebar_1.sidebar.desktop), toolbar_1.toolbar.desktop), termsList_1.termsList.desktop),
+    default: {
+        ...autocomplete_1.autocomplete.default,
+        ...facet_1.facet.default,
+        ...facetsHorizontal_1.facetsHorizontal.default,
+        ...filterSummary_1.filterSummary.default,
+        ...noResults_1.noResults.default,
+        ...sidebar_1.sidebar.default,
+        ...toolbar_1.toolbar.default,
+        ...termsList_1.termsList.default,
+    },
+    mobile: {
+        ...autocomplete_1.autocomplete.mobile,
+        ...facet_1.facet.mobile,
+        ...facetsHorizontal_1.facetsHorizontal.mobile,
+        ...filterSummary_1.filterSummary.mobile,
+        ...noResults_1.noResults.mobile,
+        ...sidebar_1.sidebar.mobile,
+        ...toolbar_1.toolbar.mobile,
+        ...termsList_1.termsList.mobile,
+    },
+    tablet: {
+        ...autocomplete_1.autocomplete.tablet,
+        ...facet_1.facet.tablet,
+        ...facetsHorizontal_1.facetsHorizontal.tablet,
+        ...filterSummary_1.filterSummary.tablet,
+        ...noResults_1.noResults.tablet,
+        ...sidebar_1.sidebar.tablet,
+        ...toolbar_1.toolbar.tablet,
+        ...termsList_1.termsList.tablet,
+    },
+    desktop: {
+        ...autocomplete_1.autocomplete.desktop,
+        ...facet_1.facet.desktop,
+        ...facetsHorizontal_1.facetsHorizontal.desktop,
+        ...filterSummary_1.filterSummary.desktop,
+        ...noResults_1.noResults.desktop,
+        ...sidebar_1.sidebar.desktop,
+        ...toolbar_1.toolbar.desktop,
+        ...termsList_1.termsList.desktop,
+    },
 };

package/dist/cjs/components/src/themes/snappy/components/organisms/noResults.js

@@ -1,16 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.noResults = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the NoResults component
-var noResultsStyleScript = function (_a) {
-    var _b, _c;
-    var theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+const noResultsStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
     return (0, react_1.css)({
-        color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.secondary,
+        color: variables?.colors?.secondary,
         ' .ss__title': {
-            color: (_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.secondary,
+            color: variables?.colors?.secondary,
         },
     });
 };

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

@@ -1,18 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sidebar = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Sidebar component
-var sidebarStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
+const sidebarStyleScript = ({ theme }) => {
+    const variables = theme?.variables;
     return (0, react_1.css)({
         boxSizing: 'border-box',
         width: '100%',
         margin: '0 40px 0 0',
         '& .ss__sidebar__title': {
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
+            color: variables?.colors?.primary,
         },
     });
 };

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

@@ -1,21 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.termsList = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Terms component
-var termsListStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
+const termsListStyleScript = ({ theme }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var variables = theme === null || theme === void 0 ? void 0 : theme.variables;
-    return (0, react_1.css)((_b = {},
-        _b["@media (max-width: ".concat(variables === null || variables === void 0 ? void 0 : variables.breakpoints.mobile, "px)")] = {
+    const variables = theme?.variables;
+    return (0, react_1.css)({
+        [`@media (max-width: ${variables?.breakpoints.mobile}px)`]: {
             '&.ss__terms-list .ss__terms__options': {
                 margin: '10px',
                 marginTop: '0px',
             },
         },
-        _b));
+    });
 };
 // Terms component props
 exports.termsList = {