@trafilea/afrodita-components 5.0.0-beta.293 → 5.0.0-beta.294

package/build/index.js/src/components/filtering/Filters.js

@@ -1,136 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Checkbox = require('../checkbox/Checkbox.js');
-var enums = require('../../types/enums.js');
-var Accordion = require('./Accordion.js');
-var index = require('../icons/index.js');
-var FiltersStyled = require('./FiltersStyled.js');
-var simulateClick = require('../../utils/simulateClick/simulateClick.js');
-require('../../utils/media.js');
-var Theme = require('../../core/theme/Theme.js');
-var ButtonSecondary = require('../cta/secondary/ButtonSecondary.js');
-var SelectorSecondary = require('../selector/simple/SelectorSecondary.js');
-var Tags = require('./Tags/Tags.js');
-
-var Filters = function (_a) {
-    var values = _a.values, onChange = _a.onChange, _b = _a.tagsColor, tagsColor = _b === void 0 ? '#fff6ef' : _b, filterByText = _a.filterByText, clearAllText = _a.clearAllText, isMobile = _a.isMobile, filtersSelectText = _a.filtersSelectText, applyText = _a.applyText, mobileApplyButtonClick = _a.mobileApplyButtonClick, mobileBackArrowClick = _a.mobileBackArrowClick, onResetValues = _a.onResetValues;
-    var getInitialCheckedItems = function () {
-        var checkedItems = [];
-        values.forEach(function (filter, sectionIndex) {
-            filter.items.forEach(function (item, itemIndex) {
-                if (item.checked && !item.blockUncheck) {
-                    checkedItems.push({
-                        sectionIndex: sectionIndex,
-                        itemIndex: itemIndex,
-                        label: item.label,
-                    });
-                }
-            });
-        });
-        return checkedItems;
-    };
-    var theme = Theme.useTheme();
-    var _c = React.useState(values), filters = _c[0], setFilter = _c[1];
-    var _d = React.useState(getInitialCheckedItems()), checkedItems = _d[0], setCheckedItems = _d[1];
-    var _e = React.useState(), filterState = _e[0], setFilterSection = _e[1];
-    React.useEffect(function () {
-        if (filters.length && filterState) {
-            onChange(filters, filterState);
-        }
-    }, [filterState, filters, onChange]);
-    var resetCheckedItems = React.useCallback(function (items) {
-        items.forEach(function (item) {
-            var sectionIndex = item.sectionIndex, itemIndex = item.itemIndex;
-            handleCloseClick({ sectionIndex: sectionIndex, itemIndex: itemIndex });
-        });
-    }, []);
-    var handleCheckboxClick = React.useCallback(function (_a) {
-        var sectionIndex = _a.sectionIndex, itemIndex = _a.itemIndex, checked = _a.checked;
-        setFilterSection({ sectionIndex: sectionIndex, itemIndex: itemIndex, checked: checked });
-        var currentFilter = filters[sectionIndex];
-        var currentFilterItem = currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.items[itemIndex];
-        if ((currentFilterItem === null || currentFilterItem === void 0 ? void 0 : currentFilterItem.isLinkItem) && (currentFilterItem === null || currentFilterItem === void 0 ? void 0 : currentFilterItem.link)) {
-            if (checked) {
-                window.location.assign(currentFilterItem.link);
-            }
-            return;
-        }
-        setCheckedItems(function (prev) {
-            if (!currentFilter.isMultiselect) {
-                resetCheckedItems(tslib_es6.__spreadArray([], prev, true));
-            }
-            return checked
-                ? tslib_es6.__spreadArray(tslib_es6.__spreadArray([], (currentFilter.isMultiselect ? prev : []), true), [
-                    { sectionIndex: sectionIndex, itemIndex: itemIndex, label: filters[sectionIndex].items[itemIndex].label },
-                ], false) : prev.filter(function (item) { return item.sectionIndex !== sectionIndex || item.itemIndex !== itemIndex; });
-        });
-        setFilter(function (prev) {
-            return prev.map(function (filter, indexSection) {
-                if (sectionIndex !== indexSection) {
-                    return filter;
-                }
-                return tslib_es6.__assign(tslib_es6.__assign({}, filter), { items: filter.items.map(function (value, indexItems) {
-                        return tslib_es6.__assign(tslib_es6.__assign({}, value), { label: value.label, checked: itemIndex === indexItems ? checked : filter.isMultiselect ? value.checked : false });
-                    }) });
-            });
-        });
-    }, [filters, resetCheckedItems]);
-    var handleCloseClick = function (_a) {
-        var sectionIndex = _a.sectionIndex, itemIndex = _a.itemIndex;
-        var element = document.getElementById("filter[".concat(sectionIndex, ",").concat(itemIndex, "]"));
-        simulateClick.simulateMouseClick(element);
-    };
-    var handleClearAllClick = function () {
-        resetCheckedItems(checkedItems);
-        setCheckedItems([]);
-        setFilter(function (prev) {
-            return prev.map(function (filter) {
-                return tslib_es6.__assign(tslib_es6.__assign({}, filter), { items: filter.items.map(function (value) {
-                        return tslib_es6.__assign(tslib_es6.__assign({}, value), { checked: !value.blockUncheck ? false : value.checked });
-                    }) });
-            });
-        });
-        onResetValues();
-    };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isMobile ? (jsxRuntime.jsx("div", tslib_es6.__assign({ "data-testid": "DesktopHeader" }, { children: !!checkedItems.length && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(FiltersStyled.Header, { children: [jsxRuntime.jsxs(FiltersStyled.H4, tslib_es6.__assign({ color: theme.colors.shades['700'].color }, { children: [filterByText, " (", checkedItems.length, ")"] }), void 0), jsxRuntime.jsx(FiltersStyled.ClearAll, tslib_es6.__assign({ onClick: handleClearAllClick, color: theme.colors.shades['700'].color, "data-testid": "desktop-clear-all" }, { children: clearAllText }), void 0)] }, void 0), jsxRuntime.jsx(Tags.Tags, { color: tagsColor, items: checkedItems.map(function (item) {
-                                return item.label === '$75 And Above' ? '+$75' : item.label;
-                            }), onCloseClick: function (index) { return handleCloseClick(checkedItems[index]); } }, void 0)] }, void 0)) }), void 0)) : (jsxRuntime.jsxs(FiltersStyled.MobileHeader, tslib_es6.__assign({ "data-testid": "MobileHeader" }, { children: [jsxRuntime.jsx(FiltersStyled.MobileIconsContainer, tslib_es6.__assign({ onClick: mobileBackArrowClick, "data-testid": "mobileBackArrow" }, { children: jsxRuntime.jsx(index.Icon.Arrows.ChevronRightVariant, { fill: theme.colors.shades['700'].color }, void 0) }), void 0), !!checkedItems.length && (jsxRuntime.jsxs(FiltersStyled.H4, tslib_es6.__assign({ color: theme.colors.shades['700'].color }, { children: [filtersSelectText, " (", checkedItems.length, ")"] }), void 0))] }), void 0)), filters
-                .filter(function (filter) { return filter.isLinkOption; })
-                .map(function (option, index) { return (jsxRuntime.jsx(FiltersStyled.OptionContainer, tslib_es6.__assign({ showInMobile: option.showInMobile, "data-testid": "linkOption" }, { children: jsxRuntime.jsx(FiltersStyled.FilterLink, tslib_es6.__assign({ color: option.color || theme.colors.shades['550'].color, href: option.link }, { children: option.title }), void 0) }), index)); }), filters
-                .filter(function (filter) { return !filter.isLinkOption; })
-                .map(function (filter) { return (jsxRuntime.jsx(Accordion.Accordion, tslib_es6.__assign({ title: filter.title, isOpenByDefault: filter.isOpenByDefault, showInMobile: filter.showInMobile }, { children: jsxRuntime.jsxs(FiltersStyled.SectionContent, tslib_es6.__assign({ cols: filter.columns }, { children: [filter.type === 'size' &&
-                            filter.items.map(function (item, itemIndex) {
-                                var calculatedSectionIndex = filters.findIndex(function (filt) { return filt.title === filter.title; });
-                                return (jsxRuntime.jsx(SelectorSecondary, { size: enums.ComponentSize.Medium, text: item.label, active: item.checked, disabled: item.blockUncheck, onClick: function () {
-                                        return handleCheckboxClick({
-                                            sectionIndex: calculatedSectionIndex,
-                                            itemIndex: itemIndex,
-                                            checked: !item.checked,
-                                        });
-                                    }, width: "50px", id: "filter[".concat(calculatedSectionIndex, ",").concat(itemIndex, "]") }, item.label));
-                            }), filter.type === 'color' &&
-                            filter.items.map(function (item, itemIndex) { return (jsxRuntime.jsx(FilterCheckboxColor, { onChange: handleCheckboxClick, text: item.label, checked: item.checked, itemIndex: itemIndex, sectionIndex: filters.findIndex(function (filt) { return filt.title === filter.title; }), blockUncheck: item.blockUncheck, color: item.value || '' }, "".concat(item.checked, "-").concat(item.label))); }), !filter.type &&
-                            filter.items.map(function (item, itemIndex) { return (jsxRuntime.jsx(FilterCheckbox, { onChange: handleCheckboxClick, text: item.label === '$75 And Above' ? '+$75' : item.label, checked: item.checked, itemIndex: itemIndex, sectionIndex: filters.findIndex(function (filt) { return filt.title === filter.title; }), blockUncheck: item.blockUncheck }, "".concat(item.checked, "-").concat(item.label))); })] }), void 0) }), filters.findIndex(function (filt) { return filt.title === filter.title; }))); }), isMobile && (jsxRuntime.jsxs(FiltersStyled.MobileFooter, tslib_es6.__assign({ "data-testid": "MobileFooter" }, { children: [jsxRuntime.jsxs(FiltersStyled.MobileClearContainer, tslib_es6.__assign({ onClick: handleClearAllClick }, { children: [jsxRuntime.jsx(FiltersStyled.MobileIconsContainer, { children: jsxRuntime.jsx(index.Icon.Actions.Trash, { fill: theme.colors.shades['700'].color }, void 0) }, void 0), jsxRuntime.jsx(FiltersStyled.ClearAll, tslib_es6.__assign({ color: theme.colors.shades['700'].color }, { children: clearAllText }), void 0)] }), void 0), jsxRuntime.jsx(ButtonSecondary, { text: applyText, onClick: mobileApplyButtonClick }, void 0)] }), void 0))] }, void 0));
-};
-var FilterCheckbox = function (_a) {
-    var sectionIndex = _a.sectionIndex, text = _a.text, itemIndex = _a.itemIndex, onChangeProp = _a.onChange, checked = _a.checked, blockUncheck = _a.blockUncheck;
-    var onChange = React.useCallback(function (checked) {
-        onChangeProp({ sectionIndex: sectionIndex, itemIndex: itemIndex, checked: checked });
-    }, [onChangeProp, sectionIndex, itemIndex]);
-    return (jsxRuntime.jsx(Checkbox.Checkbox, { onChange: onChange, checked: checked, text: text, id: "filter[".concat(sectionIndex, ",").concat(itemIndex, "]"), size: enums.ComponentSize.Small, variant: "secondary", blockUncheck: blockUncheck }, itemIndex));
-};
-var FilterCheckboxColor = function (_a) {
-    var sectionIndex = _a.sectionIndex, text = _a.text, itemIndex = _a.itemIndex, onChangeProp = _a.onChange, checked = _a.checked, blockUncheck = _a.blockUncheck, color = _a.color;
-    var onChange = React.useCallback(function (checked) {
-        onChangeProp({ sectionIndex: sectionIndex, itemIndex: itemIndex, checked: checked });
-    }, [onChangeProp, sectionIndex, itemIndex]);
-    return (jsxRuntime.jsx(Checkbox.Checkbox, { onChange: onChange, checked: checked, text: text, id: "filter[".concat(sectionIndex, ",").concat(itemIndex, "]"), size: enums.ComponentSize.Medium, variant: "color", blockUncheck: blockUncheck, backgroundColor: color }, itemIndex));
-};
-
-exports.Filters = Filters;
-//# sourceMappingURL=Filters.js.map

package/build/index.js/src/components/filtering/Filters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Filters.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/filtering/FiltersStyled.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-
-var SectionContent = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-gap: 10px;\n  margin: 1.25rem 0;\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  grid-gap: 10px;\n  margin: 1.25rem 0;\n"])), function (props) { return props.cols; });
-var Header = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1.063rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1.063rem;\n"])));
-var MobileHeader = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 2.25rem;\n  margin-top: 1.063rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 2.25rem;\n  margin-top: 1.063rem;\n"])));
-var MobileIconsContainer = emotionStyled_esm.div(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  width: 1.5rem;\n  height: 1.5rem;\n  cursor: pointer;\n"], ["\n  width: 1.5rem;\n  height: 1.5rem;\n  cursor: pointer;\n"])));
-var H4 = emotionStyled_esm.h4(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"])), function (props) { return props.color; });
-var FilterLink = emotionStyled_esm.a(templateObject_6 || (templateObject_6 = tslib_es6.__makeTemplateObject(["\n  font-size: 1rem;\n  font-weight: 700;\n  line-height: 1.5rem;\n  color: ", ";\n  text-decoration: none;\n"], ["\n  font-size: 1rem;\n  font-weight: 700;\n  line-height: 1.5rem;\n  color: ", ";\n  text-decoration: none;\n"])), function (props) { return props.color; });
-var OptionContainer = emotionStyled_esm.div(templateObject_7 || (templateObject_7 = tslib_es6.__makeTemplateObject(["\n  margin-bottom: 1.25rem;\n  &:last-child {\n    margin-bottom: 0;\n  }\n  @media (max-width: 768px) {\n    display: ", ";\n  }\n"], ["\n  margin-bottom: 1.25rem;\n  &:last-child {\n    margin-bottom: 0;\n  }\n  @media (max-width: 768px) {\n    display: ", ";\n  }\n"])), function (props) { return (props.showInMobile ? 'block' : 'none'); });
-var ClearAll = emotionStyled_esm.span(templateObject_8 || (templateObject_8 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n  text-decoration: underline;\n  cursor: pointer;\n"], ["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n  text-decoration: underline;\n  cursor: pointer;\n"])), function (props) { return props.color; });
-var MobileFooter = emotionStyled_esm.div(templateObject_9 || (templateObject_9 = tslib_es6.__makeTemplateObject(["\n  background-color: #fff;\n  padding: 0.75rem 0.938rem;\n  position: sticky;\n  bottom: 0;\n  z-index: 1;\n  margin-top: 5.625rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  background-color: #fff;\n  padding: 0.75rem 0.938rem;\n  position: sticky;\n  bottom: 0;\n  z-index: 1;\n  margin-top: 5.625rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-var MobileClearContainer = emotionStyled_esm.div(templateObject_10 || (templateObject_10 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n\n  span {\n    margin-left: 0.5rem;\n    user-select: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n\n  span {\n    margin-left: 0.5rem;\n    user-select: none;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
-
-exports.ClearAll = ClearAll;
-exports.FilterLink = FilterLink;
-exports.H4 = H4;
-exports.Header = Header;
-exports.MobileClearContainer = MobileClearContainer;
-exports.MobileFooter = MobileFooter;
-exports.MobileHeader = MobileHeader;
-exports.MobileIconsContainer = MobileIconsContainer;
-exports.OptionContainer = OptionContainer;
-exports.SectionContent = SectionContent;
-//# sourceMappingURL=FiltersStyled.js.map

package/build/index.js/src/components/filtering/FiltersStyled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FiltersStyled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/filtering/Tags/Tags.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../../icons/index.js');
-var Theme = require('../../../core/theme/Theme.js');
-
-var UL = emotionStyled_esm.ul(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  flex-wrap: wrap;\n  display: flex;\n  max-width: 100%;\n"], ["\n  margin: 0;\n  padding: 0;\n  flex-wrap: wrap;\n  display: flex;\n  max-width: 100%;\n"])));
-var LI = emotionStyled_esm.li(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  list-style: none;\n  background-color: ", ";\n  padding: 0.375rem 0.625rem;\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  color: ", ";\n  font-weight: 400;\n  margin-right: 0.5rem;\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n"], ["\n  list-style: none;\n  background-color: ", ";\n  padding: 0.375rem 0.625rem;\n  border-radius: 0.5rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  color: ", ";\n  font-weight: 400;\n  margin-right: 0.5rem;\n  margin-bottom: 0.5rem;\n  display: flex;\n  align-items: center;\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.color; });
-var CloseIconContainer = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  width: 0.656rem;\n  height: 0.656rem;\n  display: flex;\n  align-items: center;\n  margin-left: 0.5rem;\n  cursor: pointer;\n"], ["\n  width: 0.656rem;\n  height: 0.656rem;\n  display: flex;\n  align-items: center;\n  margin-left: 0.5rem;\n  cursor: pointer;\n"])));
-var Tags = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? '#fff6ef' : _b, items = _a.items, onCloseClick = _a.onCloseClick;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(UL, tslib_es6.__assign({ "data-testid": "tags-ul" }, { children: items.map(function (item, index$1) {
-            return (jsxRuntime.jsxs(LI, tslib_es6.__assign({ color: theme.colors.shades['700'].color, backgroundColor: color }, { children: [item, jsxRuntime.jsx(CloseIconContainer, tslib_es6.__assign({ "data-testid": "li-close-icon", onClick: function () { return onCloseClick(index$1); } }, { children: jsxRuntime.jsx(index.Icon.Actions.Close, { fill: theme.colors.shades['700'].color }, void 0) }), void 0)] }), index$1));
-        }) }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-exports.CloseIconContainer = CloseIconContainer;
-exports.LI = LI;
-exports.Tags = Tags;
-exports.UL = UL;
-//# sourceMappingURL=Tags.js.map

package/build/index.js/src/components/filtering/Tags/Tags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tags.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/fit/FitPredictor.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var emotionReactJsxRuntime_esm = require('../../../node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.esm.js');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Theme = require('../../core/theme/Theme.js');
-var index = require('../icons/index.js');
-var BaseButton = require('../shared/button/BaseButton.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-size: 0.88rem;\n"], ["\n  display: flex;\n  align-items: center;\n  font-size: 0.88rem;\n"])));
-var P = emotionStyled_esm.p(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  margin: 0 0.25rem;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  margin: 0 0.25rem;\n  font-weight: 700;\n  color: ", ";\n"])), function (props) { return props.theme.colors.shades['550'].color; });
-var textButtonStyles = function (theme) { return ({
-    border: 'none',
-    background: 'transparent',
-    padding: 0,
-    textDecoration: 'underline',
-    color: theme.colors.shades['400'].color,
-    lineHeight: '1.13rem',
-    cursor: 'pointer',
-}); };
-var FitPredictor = function (_a) {
-    var onClick = _a.onClick;
-    var theme = Theme.useTheme();
-    return (emotionReactJsxRuntime_esm.jsxs(Container, tslib_es6.__assign({ theme: theme }, { children: [emotionReactJsxRuntime_esm.jsx(Container, { children: emotionReactJsxRuntime_esm.jsx(index.Icon.Other.FitPredictor, { width: 1.125, height: 1.125, fill: theme.colors.shades['550'].color }, void 0) }, void 0), emotionReactJsxRuntime_esm.jsx(P, tslib_es6.__assign({ theme: theme }, { children: "FIT PREDICTOR" }), void 0), emotionReactJsxRuntime_esm.jsx(BaseButton, tslib_es6.__assign({ css: textButtonStyles(theme), onClick: onClick }, { children: "Calculate your size" }), void 0)] }), void 0));
-};
-var templateObject_1, templateObject_2;
-
-exports.FitPredictor = FitPredictor;
-exports["default"] = FitPredictor;
-//# sourceMappingURL=FitPredictor.js.map

package/build/index.js/src/components/fit/FitPredictor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FitPredictor.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/gallery/ImagePreviewList.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var ImageSmallPreview = require('./ImageSmallPreview.js');
-var emotionReact_esm = require('../../../node_modules/@emotion/react/dist/emotion-react.esm.js');
-var SliderNavigation = require('../slider/SliderNavigation.js');
-
-var horizontalStyles = emotionReact_esm.css(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  grid-row: 2;\n  grid-auto-flow: column;\n  grid-column-gap: 6px;\n  margin-top: 20px;\n  max-width: 360px;\n  overflow: auto;\n"], ["\n  grid-row: 2;\n  grid-auto-flow: column;\n  grid-column-gap: 6px;\n  margin-top: 20px;\n  max-width: 360px;\n  overflow: auto;\n"])));
-var verticalStyles = emotionReact_esm.css(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  grid-row-gap: 20px;\n  overflow: auto;\n  grid-area: 1/1;\n"], ["\n  grid-row-gap: 20px;\n  overflow: auto;\n  grid-area: 1/1;\n"])));
-var Container = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: grid;\n  max-height: 45rem;\n  height: min-content;\n  align-items: flex-start;\n  ", "\n"], ["\n  display: grid;\n  max-height: 45rem;\n  height: min-content;\n  align-items: flex-start;\n  ", "\n"])), function (_a) {
-    var position = _a.position;
-    return (position == 'horizontal' ? horizontalStyles : verticalStyles);
-});
-var Button = emotionStyled_esm.button(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n  outline: none;\n"], ["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n  outline: none;\n"])));
-var ImagePreviewList = function (_a) {
-    var images = _a.images, selectedImage = _a.selectedImage, onClick = _a.onClick, dataTestId = _a.dataTestId, position = _a.position, borderRadiusVariant = _a.borderRadiusVariant, previewImgBorderColor = _a.previewImgBorderColor;
-    return (jsxRuntime.jsx(Container, tslib_es6.__assign({ "data-testid": dataTestId, position: position, className: position }, { children: position == 'horizontal' ? (jsxRuntime.jsx("div", tslib_es6.__assign({ style: { maxWidth: '360px' } }, { children: jsxRuntime.jsx(SliderNavigation, tslib_es6.__assign({ speed: 200, infinite: false, arrows: {
-                    arrowWidth: 0.75,
-                    arrowHeight: 1.25,
-                    arrowPadding: 1.625,
-                }, adaptiveHeight: true, dots: false, slidesToShow: 4 }, { children: images.map(function (item) { return (jsxRuntime.jsx(Button, tslib_es6.__assign({ onClick: function () { return onClick(item); } }, { children: jsxRuntime.jsx(ImageSmallPreview, { imageUrl: (item === null || item === void 0 ? void 0 : item.alt.includes('-video')) ? item === null || item === void 0 ? void 0 : item.thumbnailUrl : item === null || item === void 0 ? void 0 : item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0) }), item.key)); }) }), void 0) }), void 0)) : (images.map(function (item) { return (jsxRuntime.jsx(Button, tslib_es6.__assign({ onClick: function () { return onClick(item); } }, { children: jsxRuntime.jsx(ImageSmallPreview, { imageUrl: (item === null || item === void 0 ? void 0 : item.alt.includes('-video')) ? item === null || item === void 0 ? void 0 : item.thumbnailUrl : item === null || item === void 0 ? void 0 : item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0) }), item.key)); })) }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-
-module.exports = ImagePreviewList;
-//# sourceMappingURL=ImagePreviewList.js.map

package/build/index.js/src/components/gallery/ImagePreviewList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePreviewList.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/gallery/ImageProductWithTags.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var InnerImageZoom = require('../../../node_modules/react-inner-image-zoom/es/InnerImageZoom/InnerImageZoom.js');
-require('../../core/theme/Theme.js');
-require('../../types/enums.js');
-var ButtonSecondaryOutline = require('../cta/secondary/ButtonSecondaryOutline.js');
-var index = require('../icons/index.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  ", "\n  position: relative;\n  height: '45rem' &.styleforhorizontal {\n    height: '30rem';\n  }\n  display: block;\n  height: fit-content;\n  overflow: hidden;\n  white-space: nowrap;\n  grid-area: 1/2;\n"], ["\n  ", "\n  position: relative;\n  height: '45rem' &.styleforhorizontal {\n    height: '30rem';\n  }\n  display: block;\n  height: fit-content;\n  overflow: hidden;\n  white-space: nowrap;\n  grid-area: 1/2;\n"])), function (_a) {
-    var borderRadiusVariant = _a.borderRadiusVariant;
-    return borderRadiusVariant &&
-        "\n    border-radius: 40px;\n  ";
-});
-var TopTagContainer = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"], ["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '50px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '10px' : '0'); });
-var BottomTagContainer = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
-var ButtonSecondaryOutlineWrapper = emotionStyled_esm(ButtonSecondaryOutline)(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  text-transform: capitalize;\n  margin-top: 12px;\n\n  @media (max-width: 992px) {\n    margin-top: 4px;\n  }\n"], ["\n  text-transform: capitalize;\n  margin-top: 12px;\n\n  @media (max-width: 992px) {\n    margin-top: 4px;\n  }\n"])));
-var Video = emotionStyled_esm.div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 666px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n\n  @media (max-width: 768px) {\n    height: 506px;\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 666px;\n  background: #efefef;\n\n  & > iframe {\n    border: none;\n  }\n\n  @media (max-width: 768px) {\n    height: 506px;\n  }\n"])));
-var VideoTag = emotionStyled_esm.div(templateObject_6 || (templateObject_6 = tslib_es6.__makeTemplateObject(["\n  gap: 8px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"], ["\n  gap: 8px;\n  display: flex;\n  padding: 8.6px 0;\n  font-weight: 600;\n  align-items: center;\n  background: #f7f7f7;\n  justify-content: center;\n"])));
-var Text = emotionStyled_esm.div(templateObject_7 || (templateObject_7 = tslib_es6.__makeTemplateObject(["\n  padding-top: 3px;\n"], ["\n  padding-top: 3px;\n"])));
-var ImageProductWithTags = function (_a) {
-    var _b, _c;
-    var image = _a.image, topTag = _a.topTag, bottomTag = _a.bottomTag, testId = _a.testId, position = _a.position, borderRadiusVariant = _a.borderRadiusVariant, ctaText = _a.ctaText, ctaAction = _a.ctaAction, hideCTA = _a.hideCTA;
-    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ "data-testid": testId, className: "stylefor".concat(position), borderRadiusVariant: borderRadiusVariant }, { children: [!((_b = image === null || image === void 0 ? void 0 : image.alt) === null || _b === void 0 ? void 0 : _b.includes('-video')) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InnerImageZoom, { src: image.imageUrl, zoomSrc: image.imageUrl, zoomType: "hover", imgAttributes: {
-                            alt: image.alt,
-                            style: { objectFit: 'cover', objectPosition: 'center' },
-                        }, width: position == 'horizontal' ? 360 : 530, height: position == 'horizontal' ? 480 : 720, hideHint: true }, void 0), jsxRuntime.jsx(TopTagContainer, tslib_es6.__assign({ borderRadiusVariant: borderRadiusVariant }, { children: topTag }), void 0), jsxRuntime.jsx(BottomTagContainer, { children: bottomTag }, void 0)] }, void 0)), ((_c = image === null || image === void 0 ? void 0 : image.alt) === null || _c === void 0 ? void 0 : _c.includes('-video')) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Video, { children: jsxRuntime.jsx("iframe", { allowFullScreen: true, title: image.alt, width: position == 'horizontal' ? 360 : 530, height: position == 'horizontal' ? 480 : 300, src: image === null || image === void 0 ? void 0 : image.imageUrl, allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" }, void 0) }, void 0), jsxRuntime.jsxs(VideoTag, { children: [jsxRuntime.jsx(index.Icon.PDP.PlayMini, { width: 1.4 }, void 0), jsxRuntime.jsx(Text, { children: "VIDEO" }, void 0)] }, void 0)] }, void 0)), ctaText && ctaAction && (jsxRuntime.jsx("div", tslib_es6.__assign({ style: { display: hideCTA ? 'none' : 'block' } }, { children: jsxRuntime.jsx(ButtonSecondaryOutlineWrapper, { wide: true, onClick: ctaAction, text: ctaText }, void 0) }), void 0))] }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
-
-module.exports = ImageProductWithTags;
-//# sourceMappingURL=ImageProductWithTags.js.map

package/build/index.js/src/components/gallery/ImageProductWithTags.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageProductWithTags.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/gallery/ImageSmallPreview.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Theme = require('../../core/theme/Theme.js');
-var getSrcSet = require('../../utils/getSrcSet/getSrcSet.js');
-require('../../utils/media.js');
-
-var Image = emotionStyled_esm.img(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  ", "\n\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"], ["\n  ", "\n\n  width: 4.063rem;\n  height: 5.375rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  border: ", ";\n"])), function (_a) {
-    var borderRadiusVariant = _a.borderRadiusVariant;
-    return borderRadiusVariant &&
-        "\nborder-radius: 20px;\n";
-}, function (_a) {
-    var selected = _a.selected, theme = _a.theme, previewImgBorderColor = _a.previewImgBorderColor;
-    return selected
-        ? "0.1rem solid ".concat(previewImgBorderColor ? previewImgBorderColor : theme.colors.shades['700'].color)
-        : 'inherit';
-});
-var ImageSmallPreview = function (_a) {
-    var imageUrl = _a.imageUrl, alt = _a.alt, _b = _a.selected, selected = _b === void 0 ? false : _b, className = _a.className, borderRadiusVariant = _a.borderRadiusVariant, previewImgBorderColor = _a.previewImgBorderColor;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(Image, { className: className, src: imageUrl, srcSet: getSrcSet.getSrcSet(imageUrl, 180, 360), alt: alt, selected: selected, theme: theme, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0));
-};
-var templateObject_1;
-
-module.exports = ImageSmallPreview;
-//# sourceMappingURL=ImageSmallPreview.js.map

package/build/index.js/src/components/gallery/ImageSmallPreview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageSmallPreview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/gallery/ProductGallery.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var ImagePreviewList = require('./ImagePreviewList.js');
-var ImageProductWithTags = require('./ImageProductWithTags.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  grid-column-gap: 20px;\n  max-height: 45rem;\n  width: fit-content;\n"], ["\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  grid-column-gap: 20px;\n  max-height: 45rem;\n  width: fit-content;\n"])));
-var ProductGallery = function (_a) {
-    var images = _a.images, selectedValue = _a.selectedValue, topTag = _a.topTag, bottomTag = _a.bottomTag, productImageDataTestId = _a.productImageDataTestId, previewListDataTestId = _a.previewListDataTestId, thumbnailPosition = _a.thumbnailPosition, _b = _a.borderRadiusVariant, borderRadiusVariant = _b === void 0 ? false : _b, previewImgBorderColor = _a.previewImgBorderColor, ctaText = _a.ctaText, ctaAction = _a.ctaAction, _c = _a.hideCTA, hideCTA = _c === void 0 ? false : _c;
-    var initialValue = selectedValue && images.includes(selectedValue) ? selectedValue : images[0];
-    var _d = React.useState(initialValue), selectedImage = _d[0], setSelectedImage = _d[1];
-    React.useEffect(function () {
-        setSelectedImage(initialValue);
-    }, [initialValue]);
-    return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(ImagePreviewList, { images: images, selectedImage: selectedImage, dataTestId: previewListDataTestId, onClick: function (value) {
-                    setSelectedImage(value);
-                }, position: thumbnailPosition, borderRadiusVariant: borderRadiusVariant, previewImgBorderColor: previewImgBorderColor }, void 0), jsxRuntime.jsx(ImageProductWithTags, { image: selectedImage, topTag: topTag, bottomTag: bottomTag, testId: productImageDataTestId, position: thumbnailPosition, borderRadiusVariant: borderRadiusVariant, ctaText: ctaText, ctaAction: ctaAction, hideCTA: hideCTA }, void 0)] }, void 0));
-};
-var templateObject_1;
-
-module.exports = ProductGallery;
-//# sourceMappingURL=ProductGallery.js.map

package/build/index.js/src/components/gallery/ProductGallery.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProductGallery.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/icon-button/IconButton.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var enums = require('../../types/enums.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var getStylesBySize = function (size) {
-    switch (size) {
-        case enums.ComponentSize.Large:
-            return {
-                widthHeight: '4.25rem',
-                margin: '0.938rem',
-            };
-        case enums.ComponentSize.Medium:
-            return {
-                widthHeight: '2.5rem',
-                margin: '0.625rem',
-            };
-        case enums.ComponentSize.Small:
-            return {
-                widthHeight: '1.5rem',
-                margin: '0.375rem',
-            };
-    }
-};
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.1s ease;\n\n  svg {\n    margin: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  &.disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n\n    svg path {\n      fill: ", ";\n    }\n  }\n"], ["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: background-color 0.1s ease;\n\n  svg {\n    margin: ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n    cursor: pointer;\n  }\n\n  &.disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n\n    svg path {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
-    var backgroundColor = _a.backgroundColor;
-    return backgroundColor;
-}, function (_a) {
-    var _b;
-    var size = _a.size;
-    return (_b = getStylesBySize(size)) === null || _b === void 0 ? void 0 : _b.widthHeight;
-}, function (_a) {
-    var _b;
-    var size = _a.size;
-    return (_b = getStylesBySize(size)) === null || _b === void 0 ? void 0 : _b.widthHeight;
-}, function (_a) {
-    var _b;
-    var size = _a.size;
-    return (_b = getStylesBySize(size)) === null || _b === void 0 ? void 0 : _b.margin;
-}, function (_a) {
-    var hoverBackgroundColor = _a.hoverBackgroundColor;
-    return hoverBackgroundColor;
-}, function (_a) {
-    var disabledColor = _a.disabledColor;
-    return disabledColor;
-}, function (_a) {
-    var disabledIconColor = _a.disabledIconColor;
-    return disabledIconColor;
-});
-var IconButton = function (_a) {
-    var children = _a.children, disabled = _a.disabled, _b = _a.size, size = _b === void 0 ? enums.ComponentSize.Medium : _b, onClick = _a.onClick;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(Container, tslib_es6.__assign({ className: disabled ? 'disabled' : '', backgroundColor: theme.component.button.primary.active.backgroundColor, hoverBackgroundColor: theme.component.button.secondary.active.backgroundColor, disabledColor: theme.colors.shades['50'].color, disabledIconColor: theme.colors.shades['200'].color, size: size, "data-testid": "Container", onClick: disabled ? function () { } : onClick }, { children: children }), void 0));
-};
-var templateObject_1;
-
-exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton.js.map

package/build/index.js/src/components/icon-button/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/icon-button/amazonAndPaypal/AmazonPaypalButtons.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var index = require('../../icons/index.js');
-var BaseButton = require('../../shared/button/BaseButton.js');
-
-var StyledButton = emotionStyled_esm(BaseButton)(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  width: 12.5rem;\n  height: 2.5rem;\n  background-color: ", ";\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  width: 12.5rem;\n  height: 2.5rem;\n  background-color: ", ";\n  cursor: pointer;\n  border: none;\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.backgroundColor; }, function (props) { return props.hoverBackgroundColor; });
-var AmazonButton = function (_a) {
-    var onClick = _a.onClick;
-    return (jsxRuntime.jsx(StyledButton, tslib_es6.__assign({ backgroundColor: "#FED865", hoverBackgroundColor: "#F1CB58", onClick: onClick }, { children: jsxRuntime.jsx(index.Icon.Payment.Amazon, { width: 5.375, height: 1.25 }, void 0) }), void 0));
-};
-var PaypalButton = function (_a) {
-    var onClick = _a.onClick;
-    return (jsxRuntime.jsx(StyledButton, tslib_es6.__assign({ backgroundColor: "#ffc439", hoverBackgroundColor: "#F4BF41", onClick: onClick }, { children: jsxRuntime.jsx(index.Icon.Payment.Paypal, { width: 4.938, height: 1.25 }, void 0) }), void 0));
-};
-var templateObject_1;
-
-exports.AmazonButton = AmazonButton;
-exports.PaypalButton = PaypalButton;
-//# sourceMappingURL=AmazonPaypalButtons.js.map

package/build/index.js/src/components/icon-button/amazonAndPaypal/AmazonPaypalButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmazonPaypalButtons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/index.js/src/components/icons/Actions/Add.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var IconWrapper = require('../../Icon-wrapper/IconWrapper.js');
-
-var Add = function (_a) {
-    var height = _a.height, width = _a.width, fill = _a.fill;
-    return (jsxRuntime.jsx(IconWrapper.IconWrapper, tslib_es6.__assign({ width: width, height: height, viewBoxX: 20, viewBoxY: 20, title: "add" }, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 0C9.05964 0 8.5 0.559644 8.5 1.25V8.5H1.25C0.559644 8.5 0 9.05964 0 9.75C0 10.4404 0.559644 11 1.25 11H8.5V18.75C8.5 19.4404 9.05964 20 9.75 20C10.4404 20 11 19.4404 11 18.75V11H18.75C19.4404 11 20 10.4404 20 9.75C20 9.05964 19.4404 8.5 18.75 8.5H11V1.25C11 0.559644 10.4404 0 9.75 0Z", fill: fill }, void 0) }), void 0));
-};
-
-exports.Add = Add;
-//# sourceMappingURL=Add.js.map

package/build/index.js/src/components/icons/Actions/Add.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Add.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/build/index.js/src/components/icons/Actions/Check.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var IconWrapper = require('../../Icon-wrapper/IconWrapper.js');
-
-var Check = function (_a) {
-    var height = _a.height, width = _a.width, fill = _a.fill;
-    return (jsxRuntime.jsx(IconWrapper.IconWrapper, tslib_es6.__assign({ width: width, height: height, viewBoxX: 36, viewBoxY: 28, title: "check" }, { children: jsxRuntime.jsx("path", { d: "M32.1602 0.279485L11.4497 21.1977L3.83983 13.5116C3.47088 13.1389 2.87266 13.1389 2.50363 13.5116L0.276712 15.7608C-0.0922372 16.1335 -0.0922372 16.7377 0.276712 17.1104L10.7815 27.7205C11.1505 28.0932 11.7487 28.0932 12.1177 27.7205L35.7233 3.87832C36.0922 3.50568 36.0922 2.90146 35.7233 2.52873L33.4964 0.279485C33.1274 -0.0931618 32.5292 -0.0931618 32.1602 0.279485Z", fill: fill }, void 0) }), void 0));
-};
-
-exports.Check = Check;
-//# sourceMappingURL=Check.js.map

package/build/index.js/src/components/icons/Actions/Check.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Check.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/build/index.js/src/components/icons/Actions/CheckboxEmpty.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var IconWrapper = require('../../Icon-wrapper/IconWrapper.js');
-
-var CheckboxEmpty = function (_a) {
-    var height = _a.height, width = _a.width, fill = _a.fill;
-    return (jsxRuntime.jsx(IconWrapper.IconWrapper, tslib_es6.__assign({ width: width, height: height, viewBoxX: 40, viewBoxY: 40, fill: "none", title: "checkbox empty" }, { children: jsxRuntime.jsx("rect", { x: "3", y: "3", width: "34", height: "34", rx: "3", stroke: "#292929", strokeWidth: "2", fill: fill }, void 0) }), void 0));
-};
-
-exports.CheckboxEmpty = CheckboxEmpty;
-//# sourceMappingURL=CheckboxEmpty.js.map

package/build/index.js/src/components/icons/Actions/CheckboxEmpty.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxEmpty.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/build/index.js/src/components/icons/Actions/CheckboxLight.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var IconWrapper = require('../../Icon-wrapper/IconWrapper.js');
-
-var CheckboxLight = function (_a) {
-    var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#292929' : _b;
-    return (jsxRuntime.jsxs(IconWrapper.IconWrapper, tslib_es6.__assign({ width: width, height: height, viewBoxX: 40, viewBoxY: 40, fill: "none", title: "checkbox light" }, { children: [jsxRuntime.jsx("rect", { x: "3", y: "3", width: "34", height: "34", rx: "3", stroke: "#292929", strokeWidth: "2" }, void 0), jsxRuntime.jsx("path", { d: "M28.3029 12.3902L16.1394 24.2537L11.8029 19.8829C11.1683 19.3626 10.1106 19.3626 9.47596 19.8829C8.84135 20.4033 8.84135 21.4439 9.47596 22.0683L15.0817 27.5837C15.399 27.8959 15.8221 28 16.2452 28C16.6683 28 17.0913 27.8959 17.3029 27.5837L30.524 14.5756C31.1587 13.9512 31.1587 13.0146 30.524 12.3902C29.8894 11.8699 28.9375 11.8699 28.3029 12.3902Z", fill: fill }, void 0)] }), void 0));
-};
-
-exports.CheckboxLight = CheckboxLight;
-//# sourceMappingURL=CheckboxLight.js.map

package/build/index.js/src/components/icons/Actions/CheckboxLight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxLight.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/build/index.js/src/components/icons/Actions/CheckboxSolid.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var IconWrapper = require('../../Icon-wrapper/IconWrapper.js');
-
-var CheckboxSolid = function (_a) {
-    var height = _a.height, width = _a.width, fill = _a.fill;
-    return (jsxRuntime.jsx(IconWrapper.IconWrapper, tslib_es6.__assign({ width: width, height: height, viewBoxX: 40, viewBoxY: 40, title: "checkbox solid" }, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 2C3.79086 2 2 3.79086 2 6V34C2 36.2091 3.79086 38 6 38H34C36.2091 38 38 36.2091 38 34V6C38 3.79086 36.2091 2 34 2H6ZM16.1394 24.2537L28.3029 12.3902C28.9375 11.8699 29.8894 11.8699 30.524 12.3902C31.1587 13.0146 31.1587 13.9512 30.524 14.5756L17.3029 27.5837C17.0913 27.8959 16.6683 28 16.2452 28C15.8221 28 15.399 27.8959 15.0817 27.5837L9.47596 22.0683C8.84135 21.4439 8.84135 20.4033 9.47596 19.8829C10.1106 19.3626 11.1683 19.3626 11.8029 19.8829L16.1394 24.2537Z", fill: fill }, void 0) }), void 0));
-};
-
-exports.CheckboxSolid = CheckboxSolid;
-//# sourceMappingURL=CheckboxSolid.js.map

package/build/index.js/src/components/icons/Actions/CheckboxSolid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxSolid.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}