@athoscommerce/snap-preact 1.9.1 → 1.10.0

package/dist/cjs/components/src/themes/bocachica/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': {
@@ -17,7 +15,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/bocachica/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)({
         margin: '0 0 20px',
         '.ss__filter-summary__title': {
             fontWeight: 'bold',
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
+            color: variables?.colors?.primary,
             fontSize: 'inherit',
         },
     });

package/dist/cjs/components/src/themes/bocachica/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/bocachica/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/bocachica/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 1em 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/bocachica/components/organisms/termsList.js

@@ -1,12 +1,11 @@
 "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 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;
+    const variables = theme?.variables;
     return (0, react_1.css)({});
 };
 // TermsList component props

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toolbar = void 0;
-var react_1 = require("@emotion/react");
+const react_1 = require("@emotion/react");
 // CSS in JS style script for the Toolbar component
-var toolbarStyleScript = function () {
+const toolbarStyleScript = () => {
     return (0, react_1.css)({});
 };
 // Toolbar component props

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

@@ -1,22 +1,10 @@
 "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.autocompleteFixed = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
+const react_1 = require("@emotion/react");
+const autocompleteFixed_1 = require("../../../themeComponents/autocompleteFixed");
 // CSS in JS style script for the Search component
-var autocompleteFixedStyleScript = function (_a) {
+const autocompleteFixedStyleScript = ({}) => {
     return (0, react_1.css)({
         '.ss__autocomplete__button--see-more': {
             margin: '10px',
@@ -24,10 +12,17 @@ var autocompleteFixedStyleScript = function (_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 }), 'autocompleteFixed recommendationGrid': {
+    default: {
+        ...autocompleteFixed_1.autocompleteFixedThemeComponentProps.default,
+        autocompleteFixed: {
+            ...(autocompleteFixed_1.autocompleteFixedThemeComponentProps.default?.['autocompleteFixed'] || {}),
+            themeStyleScript: autocompleteFixedStyleScript,
+        },
+        'autocompleteFixed recommendationGrid': {
             columns: 4,
             rows: 1,
-        } }),
+        },
+    },
     mobile: autocompleteFixed_1.autocompleteFixedThemeComponentProps.mobile,
     desktop: autocompleteFixed_1.autocompleteFixedThemeComponentProps.desktop,
     tablet: autocompleteFixed_1.autocompleteFixedThemeComponentProps.tablet,

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

@@ -1,22 +1,10 @@
 "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.autocompleteModal = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
+const react_1 = require("@emotion/react");
+const autocompleteModal_1 = require("../../../themeComponents/autocompleteModal");
 // CSS in JS style script for the Search component
-var autocompleteModalStyleScript = function (_a) {
+const autocompleteModalStyleScript = ({}) => {
     return (0, react_1.css)({
         '.ss__autocomplete__button--see-more': {
             margin: '10px',
@@ -24,10 +12,17 @@ var autocompleteModalStyleScript = function (_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 }), 'autocompleteModal recommendationGrid': {
+    default: {
+        ...autocompleteModal_1.autocompleteModalThemeComponentProps.default,
+        autocompleteModal: {
+            ...(autocompleteModal_1.autocompleteModalThemeComponentProps.default?.['autocompleteModal'] || {}),
+            themeStyleScript: autocompleteModalStyleScript,
+        },
+        'autocompleteModal recommendationGrid': {
             columns: 4,
             rows: 1,
-        } }),
+        },
+    },
     mobile: autocompleteModal_1.autocompleteModalThemeComponentProps.mobile,
     desktop: autocompleteModal_1.autocompleteModalThemeComponentProps.desktop,
     tablet: autocompleteModal_1.autocompleteModalThemeComponentProps.tablet,

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

@@ -1,22 +1,10 @@
 "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.autocompleteSlideout = void 0;
-var react_1 = require("@emotion/react");
-var autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
+const react_1 = require("@emotion/react");
+const autocompleteSlideout_1 = require("../../../themeComponents/autocompleteSlideout");
 // CSS in JS style script for the Search component
-var autocompleteSlideoutStyleScript = function (_a) {
+const autocompleteSlideoutStyleScript = ({}) => {
     return (0, react_1.css)({
         '.ss__autocomplete__button--see-more': {
             margin: '10px 0px',
@@ -25,10 +13,17 @@ var autocompleteSlideoutStyleScript = function (_a) {
     });
 };
 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 }), 'autocompleteSlideout recommendationGrid': {
+    default: {
+        ...autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default,
+        autocompleteSlideout: {
+            ...(autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.default?.['autocompleteSlideout'] || {}),
+            themeStyleScript: autocompleteSlideoutStyleScript,
+        },
+        'autocompleteSlideout recommendationGrid': {
             columns: 2,
             rows: 2,
-        } }),
+        },
+    },
     mobile: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.mobile,
     desktop: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.desktop,
     tablet: autocompleteSlideout_1.autocompleteSlideoutThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/bocachica/components/templates/index.js

@@ -1,34 +1,79 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.templates = void 0;
 // TEMPLATES
-var recommendation_1 = require("./recommendation");
-var recommendationBundle_1 = require("./recommendationBundle");
-var recommendationBundleEasyAdd_1 = require("./recommendationBundleEasyAdd");
-var recommendationBundleList_1 = require("./recommendationBundleList");
-var recommendationBundleVertical_1 = require("./recommendationBundleVertical");
-var recommendationGrid_1 = require("./recommendationGrid");
-var recommendationEmail_1 = require("./recommendationEmail");
-var search_1 = require("./search");
-var searchHorizontal_1 = require("./searchHorizontal");
-var searchCollapsible_1 = require("./searchCollapsible");
-var autocompleteSlideout_1 = require("./autocompleteSlideout");
-var autocompleteModal_1 = require("./autocompleteModal");
-var autocompleteFixed_1 = require("./autocompleteFixed");
+const recommendation_1 = require("./recommendation");
+const recommendationBundle_1 = require("./recommendationBundle");
+const recommendationBundleEasyAdd_1 = require("./recommendationBundleEasyAdd");
+const recommendationBundleList_1 = require("./recommendationBundleList");
+const recommendationBundleVertical_1 = require("./recommendationBundleVertical");
+const recommendationGrid_1 = require("./recommendationGrid");
+const recommendationEmail_1 = require("./recommendationEmail");
+const search_1 = require("./search");
+const searchHorizontal_1 = require("./searchHorizontal");
+const searchCollapsible_1 = require("./searchCollapsible");
+const autocompleteSlideout_1 = require("./autocompleteSlideout");
+const autocompleteModal_1 = require("./autocompleteModal");
+const autocompleteFixed_1 = require("./autocompleteFixed");
 exports.templates = {
-    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.default), autocompleteModal_1.autocompleteModal.default), autocompleteFixed_1.autocompleteFixed.default), recommendation_1.recommendation.default), recommendationBundle_1.recommendationBundle.default), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.default), recommendationBundleList_1.recommendationBundleList.default), recommendationBundleVertical_1.recommendationBundleVertical.default), recommendationGrid_1.recommendationGrid.default), recommendationEmail_1.recommendationEmail.default), search_1.search.default), searchCollapsible_1.searchCollapsible.default), searchHorizontal_1.searchHorizontal.default),
-    mobile: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.mobile), autocompleteModal_1.autocompleteModal.mobile), autocompleteFixed_1.autocompleteFixed.mobile), recommendation_1.recommendation.mobile), recommendationBundle_1.recommendationBundle.mobile), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.mobile), recommendationBundleList_1.recommendationBundleList.mobile), recommendationBundleVertical_1.recommendationBundleVertical.mobile), recommendationGrid_1.recommendationGrid.mobile), recommendationEmail_1.recommendationEmail.mobile), search_1.search.mobile), searchCollapsible_1.searchCollapsible.mobile), searchHorizontal_1.searchHorizontal.mobile),
-    tablet: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.tablet), autocompleteModal_1.autocompleteModal.tablet), autocompleteFixed_1.autocompleteFixed.tablet), recommendation_1.recommendation.tablet), recommendationBundle_1.recommendationBundle.tablet), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.tablet), recommendationBundleList_1.recommendationBundleList.tablet), recommendationBundleVertical_1.recommendationBundleVertical.tablet), recommendationGrid_1.recommendationGrid.tablet), recommendationEmail_1.recommendationEmail.tablet), search_1.search.tablet), searchCollapsible_1.searchCollapsible.tablet), searchHorizontal_1.searchHorizontal.tablet),
-    desktop: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteSlideout_1.autocompleteSlideout.desktop), autocompleteModal_1.autocompleteModal.desktop), autocompleteFixed_1.autocompleteFixed.desktop), recommendation_1.recommendation.desktop), recommendationBundle_1.recommendationBundle.desktop), recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.desktop), recommendationBundleList_1.recommendationBundleList.desktop), recommendationBundleVertical_1.recommendationBundleVertical.desktop), recommendationGrid_1.recommendationGrid.desktop), recommendationEmail_1.recommendationEmail.desktop), search_1.search.desktop), searchCollapsible_1.searchCollapsible.desktop), searchHorizontal_1.searchHorizontal.desktop),
+    default: {
+        ...autocompleteSlideout_1.autocompleteSlideout.default,
+        ...autocompleteModal_1.autocompleteModal.default,
+        ...autocompleteFixed_1.autocompleteFixed.default,
+        ...recommendation_1.recommendation.default,
+        ...recommendationBundle_1.recommendationBundle.default,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.default,
+        ...recommendationBundleList_1.recommendationBundleList.default,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.default,
+        ...recommendationGrid_1.recommendationGrid.default,
+        ...recommendationEmail_1.recommendationEmail.default,
+        ...search_1.search.default,
+        ...searchCollapsible_1.searchCollapsible.default,
+        ...searchHorizontal_1.searchHorizontal.default,
+    },
+    mobile: {
+        ...autocompleteSlideout_1.autocompleteSlideout.mobile,
+        ...autocompleteModal_1.autocompleteModal.mobile,
+        ...autocompleteFixed_1.autocompleteFixed.mobile,
+        ...recommendation_1.recommendation.mobile,
+        ...recommendationBundle_1.recommendationBundle.mobile,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.mobile,
+        ...recommendationBundleList_1.recommendationBundleList.mobile,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.mobile,
+        ...recommendationGrid_1.recommendationGrid.mobile,
+        ...recommendationEmail_1.recommendationEmail.mobile,
+        ...search_1.search.mobile,
+        ...searchCollapsible_1.searchCollapsible.mobile,
+        ...searchHorizontal_1.searchHorizontal.mobile,
+    },
+    tablet: {
+        ...autocompleteSlideout_1.autocompleteSlideout.tablet,
+        ...autocompleteModal_1.autocompleteModal.tablet,
+        ...autocompleteFixed_1.autocompleteFixed.tablet,
+        ...recommendation_1.recommendation.tablet,
+        ...recommendationBundle_1.recommendationBundle.tablet,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.tablet,
+        ...recommendationBundleList_1.recommendationBundleList.tablet,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.tablet,
+        ...recommendationGrid_1.recommendationGrid.tablet,
+        ...recommendationEmail_1.recommendationEmail.tablet,
+        ...search_1.search.tablet,
+        ...searchCollapsible_1.searchCollapsible.tablet,
+        ...searchHorizontal_1.searchHorizontal.tablet,
+    },
+    desktop: {
+        ...autocompleteSlideout_1.autocompleteSlideout.desktop,
+        ...autocompleteModal_1.autocompleteModal.desktop,
+        ...autocompleteFixed_1.autocompleteFixed.desktop,
+        ...recommendation_1.recommendation.desktop,
+        ...recommendationBundle_1.recommendationBundle.desktop,
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAdd.desktop,
+        ...recommendationBundleList_1.recommendationBundleList.desktop,
+        ...recommendationBundleVertical_1.recommendationBundleVertical.desktop,
+        ...recommendationGrid_1.recommendationGrid.desktop,
+        ...recommendationEmail_1.recommendationEmail.desktop,
+        ...search_1.search.desktop,
+        ...searchCollapsible_1.searchCollapsible.desktop,
+        ...searchHorizontal_1.searchHorizontal.desktop,
+    },
 };

package/dist/cjs/components/src/themes/bocachica/components/templates/recommendation.js

@@ -1,37 +1,29 @@
 "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.recommendation = void 0;
-var react_1 = require("@emotion/react");
-var recommendation_1 = require("../../../themeComponents/recommendation");
+const react_1 = require("@emotion/react");
+const recommendation_1 = require("../../../themeComponents/recommendation");
 // CSS in JS style script for the Recommendation component
-var recommendationStyleScript = function (_a) {
-    var _b;
-    var theme = _a.theme;
+const recommendationStyleScript = ({ 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)({
         margin: '20px 0',
         '& .ss__recommendation__title': {
-            color: (_b = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _b === void 0 ? void 0 : _b.primary,
+            color: variables?.colors?.primary,
             textAlign: 'center',
         },
     });
 };
 // Recommendation component props come from Template export
 exports.recommendation = {
-    default: __assign(__assign({}, recommendation_1.recommendationThemeComponentProps.default), { recommendation: __assign(__assign({}, (((_a = recommendation_1.recommendationThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendation']) || {})), { themeStyleScript: recommendationStyleScript }) }),
+    default: {
+        ...recommendation_1.recommendationThemeComponentProps.default,
+        recommendation: {
+            ...(recommendation_1.recommendationThemeComponentProps.default?.['recommendation'] || {}),
+            themeStyleScript: recommendationStyleScript,
+        },
+    },
     mobile: recommendation_1.recommendationThemeComponentProps.mobile,
     desktop: recommendation_1.recommendationThemeComponentProps.desktop,
     tablet: recommendation_1.recommendationThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/bocachica/components/templates/recommendationBundle.js

@@ -1,25 +1,12 @@
 "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.recommendationBundle = void 0;
-var react_1 = require("@emotion/react");
-var recommendationBundle_1 = require("../../../themeComponents/recommendationBundle");
+const react_1 = require("@emotion/react");
+const recommendationBundle_1 = require("../../../themeComponents/recommendationBundle");
 // CSS in JS style script for the RecommendationBundle component
-var recommendationBundleStyleScript = function (_a) {
-    var theme = _a.theme;
+const recommendationBundleStyleScript = ({ 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)({
         margin: '20px 0',
         '.ss__recommendation-bundle__title': {
@@ -27,12 +14,12 @@ var recommendationBundleStyleScript = function (_a) {
         },
         '.ss__recommendation-bundle__wrapper__selector': {
             '& .ss__recommendation-bundle__wrapper__selector__result-wrapper__seed-badge': {
-                backgroundColor: variables === null || variables === void 0 ? void 0 : variables.colors.accent,
+                backgroundColor: variables?.colors.accent,
                 color: '#fff',
             },
         },
         '.ss__recommendation-bundle__wrapper__cta': {
-            border: "1px solid ".concat(variables === null || variables === void 0 ? void 0 : variables.colors.accent),
+            border: `1px solid ${variables?.colors.accent}`,
             borderRadius: '5px',
             alignItems: 'center',
             flexDirection: 'column',
@@ -50,7 +37,13 @@ var recommendationBundleStyleScript = function (_a) {
 };
 // RecommendationBundle component props come from Template export
 exports.recommendationBundle = {
-    default: __assign(__assign({}, recommendationBundle_1.recommendationBundleThemeComponentProps.default), { recommendationBundle: __assign(__assign({}, (((_a = recommendationBundle_1.recommendationBundleThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundle']) || {})), { themeStyleScript: recommendationBundleStyleScript }) }),
+    default: {
+        ...recommendationBundle_1.recommendationBundleThemeComponentProps.default,
+        recommendationBundle: {
+            ...(recommendationBundle_1.recommendationBundleThemeComponentProps.default?.['recommendationBundle'] || {}),
+            themeStyleScript: recommendationBundleStyleScript,
+        },
+    },
     mobile: recommendationBundle_1.recommendationBundleThemeComponentProps.mobile,
     desktop: recommendationBundle_1.recommendationBundleThemeComponentProps.desktop,
     tablet: recommendationBundle_1.recommendationBundleThemeComponentProps.tablet,

package/dist/cjs/components/src/themes/bocachica/components/templates/recommendationBundleEasyAdd.js

@@ -1,27 +1,14 @@
 "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.recommendationBundleEasyAdd = void 0;
-var react_1 = require("@emotion/react");
-var recommendationBundleEasyAdd_1 = require("../../../themeComponents/recommendationBundleEasyAdd");
+const react_1 = require("@emotion/react");
+const recommendationBundleEasyAdd_1 = require("../../../themeComponents/recommendationBundleEasyAdd");
 // CSS in JS style script for the RecommendationBundle component
-var recommendationBundleEasyAddStyleScript = function (_a) {
-    var theme = _a.theme;
+const recommendationBundleEasyAddStyleScript = ({ 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)({
-        border: "1px solid ".concat(variables === null || variables === void 0 ? void 0 : variables.colors.accent),
+        border: `1px solid ${variables?.colors.accent}`,
         padding: '20px',
         '.ss__recommendation-bundle-easy-add__wrapper': {
             justifyContent: 'center',
@@ -34,7 +21,14 @@ var recommendationBundleEasyAddStyleScript = function (_a) {
 };
 // RecommendationBundleEasyAdd component props come from Template export
 exports.recommendationBundleEasyAdd = {
-    default: __assign(__assign({}, recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default), { recommendationBundleEasyAdd: __assign(__assign({}, (((_a = recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default) === null || _a === void 0 ? void 0 : _a['recommendationBundleEasyAdd']) || {})), { ctaIcon: false, themeStyleScript: recommendationBundleEasyAddStyleScript }) }),
+    default: {
+        ...recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default,
+        recommendationBundleEasyAdd: {
+            ...(recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.default?.['recommendationBundleEasyAdd'] || {}),
+            ctaIcon: false,
+            themeStyleScript: recommendationBundleEasyAddStyleScript,
+        },
+    },
     mobile: recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.mobile,
     desktop: recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.desktop,
     tablet: recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.tablet,