@athoscommerce/snap-preact 1.0.0

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

@@ -0,0 +1,34 @@
+"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 autocompleteFixed_1 = require("./autocompleteFixed");
+var autocompleteModal_1 = require("./autocompleteModal");
+var autocompleteSlideout_1 = require("./autocompleteSlideout");
+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");
+exports.templates = {
+    default: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, autocompleteFixed_1.autocompleteFixed.default), autocompleteModal_1.autocompleteModal.default), autocompleteSlideout_1.autocompleteSlideout.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({}, autocompleteFixed_1.autocompleteFixed.mobile), autocompleteModal_1.autocompleteModal.mobile), autocompleteSlideout_1.autocompleteSlideout.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({}, autocompleteFixed_1.autocompleteFixed.tablet), autocompleteModal_1.autocompleteModal.tablet), autocompleteSlideout_1.autocompleteSlideout.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({}, autocompleteFixed_1.autocompleteFixed.desktop), autocompleteModal_1.autocompleteModal.desktop), autocompleteSlideout_1.autocompleteSlideout.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/matterhorn/components/templates/recommendation.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"recommendation.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/templates/recommendation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA4EvD,eAAO,MAAM,cAAc,EAAE,cAAc,CAAC,gBAAgB,EAAE,mBAAmB,CA0ChF,CAAC"}

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

@@ -0,0 +1,106 @@
+"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.recommendation = void 0;
+var react_1 = require("@emotion/react");
+var recommendation_1 = require("../../../themeComponents/recommendation");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the Recommendation component
+var recommendationStyleScript = function (props) {
+    var _a;
+    var _b, _c, _d, _e;
+    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;
+    var mobileBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile) || custom_1.custom.breakpoints.mobile;
+    var arrowSizes = {
+        default: 32,
+        tablet: 28,
+        mobile: 24,
+    };
+    return (0, react_1.css)((_a = {
+            margin: "".concat(custom_1.custom.spacing.x8, "px 0"),
+            '.ss__recommendation__title': {
+                fontSize: custom_1.custom.utils.convertPxToEm(22),
+                fontWeight: custom_1.custom.fonts.weight02,
+                color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary,
+                textAlign: 'center',
+                margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
+            },
+            '.ss__carousel': {
+                padding: "0 ".concat(custom_1.custom.spacing.x4 + arrowSizes.default, "px"),
+            }
+        },
+        _a["@media (max-width: ".concat(tabletBp, "px)")] = {
+            '.ss__carousel': {
+                padding: "0 ".concat(custom_1.custom.spacing.x4 + arrowSizes.tablet, "px"),
+                '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
+                    width: "".concat(arrowSizes.tablet, "px"),
+                    height: "".concat(arrowSizes.tablet, "px"),
+                },
+            },
+        },
+        _a["@media (max-width: ".concat(mobileBp, "px)")] = {
+            position: 'relative',
+            '.ss__recommendation__title': {
+                textAlign: 'left',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap',
+                overflow: 'hidden',
+                paddingRight: "".concat(arrowSizes.mobile * 2 + custom_1.custom.spacing.x1 + custom_1.custom.spacing.x4, "px"),
+            },
+            '.ss__carousel': {
+                padding: 0,
+                position: 'static',
+                '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
+                    top: '4.5px',
+                    bottom: 'auto',
+                    left: 'auto',
+                    width: "".concat(arrowSizes.mobile, "px"),
+                    height: "".concat(arrowSizes.mobile, "px"),
+                },
+                '.ss__carousel__prev-wrapper': {
+                    right: "".concat(arrowSizes.mobile + custom_1.custom.spacing.x1, "px"),
+                },
+                '.ss__carousel__next-wrapper': {
+                    right: 0,
+                },
+            },
+        },
+        _a["@media (max-width: ".concat(custom_1.custom.breakpoints.small, "px)")] = {
+            '.ss__recommendation__title': {
+                fontSize: custom_1.custom.utils.convertPxToEm(18),
+            },
+            '.ss__carousel': {
+                '.ss__carousel__prev-wrapper, .ss__carousel__next-wrapper': {
+                    top: 0,
+                },
+            },
+        },
+        _a));
+};
+// 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, spaceBetween: custom_1.custom.spacing.x4 }) }),
+    mobile: __assign(__assign({}, recommendation_1.recommendationThemeComponentProps.mobile), { recommendation: __assign(__assign({}, (((_b = recommendation_1.recommendationThemeComponentProps.mobile) === null || _b === void 0 ? void 0 : _b['recommendation']) || {})), { spaceBetween: custom_1.custom.spacing.x2 }), 'recommendation icon.prev': {
+            size: "".concat(custom_1.custom.sizes.icon08, "px"),
+        }, 'recommendation icon.next': {
+            size: "".concat(custom_1.custom.sizes.icon08, "px"),
+        } }),
+    tablet: __assign(__assign({}, recommendation_1.recommendationThemeComponentProps.tablet), { recommendation: __assign(__assign({}, (((_c = recommendation_1.recommendationThemeComponentProps.tablet) === null || _c === void 0 ? void 0 : _c['recommendation']) || {})), { spaceBetween: custom_1.custom.spacing.x4 }), 'recommendation icon.prev': {
+            size: "".concat(custom_1.custom.sizes.icon10, "px"),
+        }, 'recommendation icon.next': {
+            size: "".concat(custom_1.custom.sizes.icon10, "px"),
+        } }),
+    desktop: __assign(__assign({}, recommendation_1.recommendationThemeComponentProps.desktop), { recommendation: __assign(__assign({}, (((_d = recommendation_1.recommendationThemeComponentProps.desktop) === null || _d === void 0 ? void 0 : _d['recommendation']) || {})), { spaceBetween: custom_1.custom.spacing.x4 }) }),
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundle.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/templates/recommendationBundle.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAEvG,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAiNvD,eAAO,MAAM,oBAAoB,EAAE,cAAc,CAAC,sBAAsB,EAAE,yBAAyB,CAqClG,CAAC"}

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

@@ -0,0 +1,244 @@
+"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");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the RecommendationBundle component
+var recommendationBundleStyleScript = function (props) {
+    var _a;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
+    var lightGray = custom_1.custom.utils.lightenColor((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text, 0.65);
+    var tabletBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.tablet) || custom_1.custom.breakpoints.tablet;
+    var mobileBp = ((_e = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _e === void 0 ? void 0 : _e.mobile) || custom_1.custom.breakpoints.mobile;
+    return (0, react_1.css)((_a = {
+            margin: "".concat(custom_1.custom.spacing.x8, "px 0"),
+            '.ss__recommendation-bundle__title': {
+                fontSize: custom_1.custom.utils.convertPxToEm(22),
+                fontWeight: custom_1.custom.fonts.weight02,
+                color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.secondary,
+                margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
+            },
+            '.ss__recommendation-bundle__wrapper': {
+                flexFlow: "row nowrap",
+                margin: "0 -".concat(custom_1.custom.spacing.x2, "px"),
+                '& > *': {
+                    flex: '0 1 auto',
+                    minWidth: '1px',
+                    padding: "0 ".concat(custom_1.custom.spacing.x2, "px"),
+                    boxSizing: 'border-box',
+                },
+                '.ss__recommendation-bundle__wrapper__seed-container, .ss__recommendation-bundle__wrapper__cta': {
+                    width: "20%",
+                },
+                '.ss__recommendation-bundle__wrapper__carousel': {
+                    width: "60%",
+                },
+            },
+            '.ss__recommendation-result-tracker, .ss__recommendation-bundle__wrapper__selector, .ss__recommendation-bundle__wrapper .ss__recommendation-bundle__wrapper__selector__result-wrapper': {
+                height: '100%',
+                margin: 0,
+            },
+            '.ss__recommendation-bundle__wrapper__seed-container': {
+                '.ss__recommendation-bundle__wrapper__selector__result-wrapper__seed-badge': {
+                    top: '5px',
+                    left: '5px',
+                    backgroundColor: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.primary,
+                    fontSize: custom_1.custom.utils.convertPxToEm(12),
+                    fontWeight: custom_1.custom.fonts.weight01,
+                    lineHeight: "20px",
+                    color: custom_1.custom.colors.white,
+                    padding: "0 ".concat(custom_1.custom.spacing.x2, "px"),
+                },
+            },
+            '.ss__recommendation-bundle__wrapper__selector': {
+                width: 'auto !important',
+            },
+            '.ss__recommendation-bundle__wrapper__selector__result-wrapper, .ss__carousel .swiper-container > .swiper-wrapper > .swiper-slide': {
+                '.ss__result': {
+                    width: '100%',
+                    flex: '1 1 0%',
+                },
+            },
+            '.ss__recommendation-bundle__wrapper__selector__result-wrapper': {
+                display: 'flex',
+                flexFlow: "column wrap",
+                '&, .ss__result': {
+                    position: 'relative',
+                },
+                '&:has(.ss__overlay-badge)': {
+                    '.ss__result': {
+                        '.ss__overlay-badge .ss__overlay-badge__grid-wrapper': {
+                            top: '25px',
+                        },
+                    },
+                },
+                '.ss__checkbox': {
+                    top: '5px',
+                    right: '5px',
+                },
+            },
+            '.ss__icon--plus': {
+                display: 'none',
+                position: 'absolute',
+                top: 0,
+                right: 0,
+                bottom: 0,
+                margin: 'auto 0',
+                fill: (_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.secondary,
+                stroke: (_j = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _j === void 0 ? void 0 : _j.secondary,
+            },
+            '.ss__recommendation-bundle__wrapper__cta': {
+                position: 'relative',
+                paddingTop: "".concat(custom_1.custom.spacing.x4, "px"),
+                paddingBottom: "".concat(custom_1.custom.spacing.x4, "px"),
+                display: 'flex',
+                flexFlow: 'column nowrap',
+                justifyContent: 'center',
+                alignItems: 'center',
+                gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                '& > *': {
+                    flex: '0 1 auto',
+                    minWidth: '1px',
+                    margin: "0 ".concat(custom_1.custom.spacing.x2, "px 0 ").concat(custom_1.custom.spacing.x4, "px"),
+                },
+                '.ss__recommendation-bundle__wrapper__cta__subtotal, .ss__recommendation-bundle__wrapper__cta__button': {
+                    position: 'relative',
+                    zIndex: 2,
+                },
+                '.ss__recommendation-bundle__wrapper__cta__subtotal': {
+                    color: (_k = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _k === void 0 ? void 0 : _k.text,
+                    '& > *': {
+                        lineHeight: 1,
+                        margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
+                        '&:last-child': {
+                            marginBottom: 0,
+                        },
+                    },
+                    '.ss__recommendation-bundle__wrapper__cta__subtotal__icon__wrapper': {
+                        '.ss__icon': {
+                            fill: (_l = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _l === void 0 ? void 0 : _l.secondary,
+                            stroke: (_m = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _m === void 0 ? void 0 : _m.secondary,
+                        },
+                    },
+                    '.ss__recommendation-bundle__wrapper__cta__subtotal__title': {
+                        display: 'block',
+                        fontWeight: custom_1.custom.fonts.weight02,
+                    },
+                    '.ss__recommendation-bundle__wrapper__cta__subtotal__prices': {
+                        margin: "".concat(custom_1.custom.spacing.x1, "px 0 0 0"),
+                        label: {
+                            margin: 0,
+                            padding: 0,
+                            '& ~ label': {
+                                paddingLeft: "".concat(custom_1.custom.spacing.x1, "px"),
+                            },
+                        },
+                        '.ss__recommendation-bundle__wrapper__cta__subtotal__strike': {
+                            color: lightGray,
+                            '*': {
+                                color: 'inherit',
+                            },
+                        },
+                        '.ss__recommendation-bundle__wrapper__cta__subtotal__price': {
+                            fontSize: custom_1.custom.utils.convertPxToEm(16),
+                            fontWeight: custom_1.custom.fonts.weight01,
+                            color: (_o = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _o === void 0 ? void 0 : _o.primary,
+                            '*': {
+                                color: 'inherit',
+                            },
+                        },
+                    },
+                },
+                '&:after': {
+                    content: '""',
+                    display: 'block',
+                    backgroundColor: custom_1.custom.colors.gray01,
+                    border: "1px solid ".concat(custom_1.custom.colors.gray02),
+                    boxSizing: 'border-box',
+                    position: 'absolute',
+                    top: 0,
+                    left: '10px',
+                    right: 0,
+                    bottom: 0,
+                    zIndex: 1,
+                    margin: 'auto',
+                },
+            }
+        },
+        _a["@media (max-width: ".concat(tabletBp, "px)")] = {
+            '.ss__recommendation-bundle__wrapper': {
+                '.ss__recommendation-bundle__wrapper__seed-container, .ss__recommendation-bundle__wrapper__cta': {
+                    width: "25%",
+                },
+                '.ss__recommendation-bundle__wrapper__carousel': {
+                    width: "50%",
+                },
+            },
+        },
+        _a["@media (max-width: ".concat(mobileBp, "px)")] = {
+            '.ss__recommendation-bundle__wrapper': {
+                flexFlow: 'row wrap',
+                width: 'auto',
+                maxWidth: 'none',
+                margin: "0 -".concat(custom_1.custom.spacing.x1, "px"),
+                '& > *': {
+                    padding: "0 ".concat(custom_1.custom.spacing.x1, "px"),
+                },
+                '.ss__recommendation-bundle__wrapper__seed-container, .ss__recommendation-bundle__wrapper__carousel': {
+                    width: "50%",
+                },
+            },
+            '.ss__recommendation-bundle__wrapper__cta': {
+                width: 'auto',
+                margin: "".concat(custom_1.custom.spacing.x4, "px 0 0 0"),
+                padding: "".concat(custom_1.custom.spacing.x4, "px"),
+                '& > *': {
+                    margin: 0,
+                },
+                '&:after': {
+                    left: 0,
+                },
+            },
+        },
+        _a["@media (max-width: ".concat(custom_1.custom.breakpoints.small, "px)")] = {
+            '.ss__recommendation-bundle__title': {
+                fontSize: custom_1.custom.utils.convertPxToEm(18),
+            },
+        },
+        _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 }), 'recommendationBundle icon.bundle-cart': {
+            icon: custom_1.custom.icons.bag,
+            size: "".concat(custom_1.custom.sizes.icon16 * 2, "px"),
+        }, 'recommendationBundle icon.bundle-selector': {
+            icon: custom_1.custom.icons.plus,
+            size: "".concat(custom_1.custom.sizes.icon14, "px"),
+        }, 'recommendationBundle carousel': {
+            spaceBetween: custom_1.custom.spacing.x4,
+        } }),
+    mobile: __assign(__assign({}, recommendationBundle_1.recommendationBundleThemeComponentProps.mobile), { 'recommendationBundle carousel': {
+            spaceBetween: 0,
+        } }),
+    tablet: __assign(__assign({}, recommendationBundle_1.recommendationBundleThemeComponentProps.tablet), { 'recommendationBundle carousel': {
+            spaceBetween: custom_1.custom.spacing.x4,
+        } }),
+    desktop: __assign(__assign({}, recommendationBundle_1.recommendationBundleThemeComponentProps.desktop), { 'recommendationBundle carousel': {
+            spaceBetween: custom_1.custom.spacing.x4,
+        } }),
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundleEasyAdd.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/templates/recommendationBundleEasyAdd.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,8DAA8D,CAAC;AAErH,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA4GvD,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,6BAA6B,EAAE,gCAAgC,CAsBvH,CAAC"}

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

@@ -0,0 +1,133 @@
+"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");
+var custom_1 = require("../../custom");
+// CSS in JS style script for the RecommendationBundleEasyAdd component
+var recommendationBundleEasyAddStyleScript = function (props) {
+    var _a;
+    var _b, _c, _d, _e, _f, _g, _h, _j;
+    var variables = (_b = props === null || props === void 0 ? void 0 : props.theme) === null || _b === void 0 ? void 0 : _b.variables;
+    var lightGray = custom_1.custom.utils.lightenColor((_c = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _c === void 0 ? void 0 : _c.text, 0.65);
+    var mobileBp = ((_d = variables === null || variables === void 0 ? void 0 : variables.breakpoints) === null || _d === void 0 ? void 0 : _d.mobile) || custom_1.custom.breakpoints.mobile;
+    return (0, react_1.css)((_a = {
+            margin: "".concat(custom_1.custom.spacing.x4, "px 0"),
+            '.ss__recommendation-profile-tracker': {
+                '& > *': {
+                    margin: "0 0 ".concat(custom_1.custom.spacing.x4, "px 0"),
+                    '&:last-child': {
+                        marginBottom: 0,
+                    },
+                },
+            },
+            '.ss__recommendation-bundle-easy-add__title': {
+                fontSize: custom_1.custom.utils.convertPxToEm(18),
+                fontWeight: custom_1.custom.fonts.weight02,
+                color: (_e = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _e === void 0 ? void 0 : _e.secondary,
+            },
+            '.ss__recommendation-bundle-easy-add__wrapper': {
+                flexFlow: 'row nowrap',
+                gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                '& > div': {
+                    width: '50%',
+                    minWidth: '1px',
+                    flex: '0 1 auto',
+                    boxSizing: 'border-box',
+                },
+                '.ss__recommendation-bundle-easy-add__wrapper__selector__result-wrapper, .ss__recommendation-bundle-easy-add__wrapper__cta': {
+                    margin: 0,
+                },
+            },
+            '.ss__recommendation-bundle-easy-add__wrapper__cta': {
+                padding: "".concat(custom_1.custom.spacing.x4, "px"),
+                width: 'auto',
+                display: 'flex',
+                flexFlow: 'column nowrap',
+                justifyContent: 'center',
+                alignItems: 'center',
+                gap: "".concat(custom_1.custom.spacing.x4, "px"),
+                backgroundColor: custom_1.custom.colors.gray01,
+                border: "1px solid ".concat(custom_1.custom.colors.gray02),
+                '& > *': {
+                    flex: '0 1 auto',
+                    minWidth: '1px',
+                },
+                '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal': {
+                    color: (_f = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _f === void 0 ? void 0 : _f.text,
+                    '& > *': {
+                        lineHeight: 1,
+                        margin: "0 0 ".concat(custom_1.custom.spacing.x2, "px 0"),
+                        '&:last-child': {
+                            marginBottom: 0,
+                        },
+                    },
+                    '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal__icon__wrapper': {
+                        '.ss__icon': {
+                            fill: (_g = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _g === void 0 ? void 0 : _g.secondary,
+                            stroke: (_h = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _h === void 0 ? void 0 : _h.secondary,
+                        },
+                    },
+                    '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal__title': {
+                        display: 'block',
+                        fontWeight: custom_1.custom.fonts.weight02,
+                    },
+                    '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal__prices': {
+                        label: {
+                            margin: 0,
+                            padding: 0,
+                            '& ~ label': {
+                                paddingLeft: "".concat(custom_1.custom.spacing.x1, "px"),
+                            },
+                        },
+                        '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal__strike': {
+                            color: lightGray,
+                            '*': {
+                                color: 'inherit',
+                            },
+                        },
+                        '.ss__recommendation-bundle-easy-add__wrapper__cta__subtotal__price': {
+                            fontSize: custom_1.custom.utils.convertPxToEm(16),
+                            fontWeight: custom_1.custom.fonts.weight01,
+                            color: (_j = variables === null || variables === void 0 ? void 0 : variables.colors) === null || _j === void 0 ? void 0 : _j.primary,
+                            '*': {
+                                color: 'inherit',
+                            },
+                        },
+                    },
+                },
+            }
+        },
+        _a["@media (max-width: ".concat(mobileBp, "px)")] = {
+            '.ss__recommendation-bundle-easy-add__wrapper': {
+                flexFlow: 'row wrap',
+                '& > div': {
+                    width: 'auto',
+                    flex: '1 1 100%',
+                },
+            },
+        },
+        _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']) || {})), { themeStyleScript: recommendationBundleEasyAddStyleScript, ctaInline: true }), 'recommendationBundleEasyAdd icon.bundle-cart': {
+            icon: custom_1.custom.icons.bag,
+            size: "".concat(custom_1.custom.sizes.icon16 * 2, "px"),
+        } }),
+    mobile: __assign({}, recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.mobile),
+    tablet: __assign({}, recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.tablet),
+    desktop: __assign({}, recommendationBundleEasyAdd_1.recommendationBundleEasyAddThemeComponentProps.desktop),
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"recommendationBundleList.d.ts","sourceRoot":"","sources":["../../../../../../../../components/src/themes/matterhorn/components/templates/recommendationBundleList.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2DAA2D,CAAC;AAE/G,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AA+IvD,eAAO,MAAM,wBAAwB,EAAE,cAAc,CAAC,0BAA0B,EAAE,6BAA6B,CA8B9G,CAAC"}