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

package/build/index.js/src/components/bundle/minimalistic/Minimalistic.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 Card = require('../../shared/card/Card.js');
-require('../../pricing/discount/DiscountTag.js');
-var PriceLabel = require('../../pricing/price/PriceLabel.js');
-require('../../pricing/priceLabelV2/PriceLabelV2.js');
-require('../../pricing/clubOffer/ClubOfferTag.js');
-var enums = require('../../../types/enums.js');
-var Theme = require('../../../core/theme/Theme.js');
-var Text = require('../../text/Text.js');
-
-var Wrapper = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  padding: 12px 58px;\n  @media (max-width: 768px) {\n    padding: 0.625rem 1.5rem;\n  }\n"], ["\n  padding: 12px 58px;\n  @media (max-width: 768px) {\n    padding: 0.625rem 1.5rem;\n  }\n"])));
-var Container = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])));
-var Minimalistic = function (_a) {
-    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#FFF6EF' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? '#E7C9B2' : _c, originalPrice = _a.originalPrice, price = _a.price, savingPrice = _a.savingPrice, getMorePayLessText = _a.getMorePayLessText, youAreSavingText = _a.youAreSavingText, getQtyForText = _a.getQtyForText, discount = _a.discount, offText = _a.offText, _d = _a.widthAuto, widthAuto = _d === void 0 ? false : _d, _e = _a.testId, testId = _e === void 0 ? 'minimalistic' : _e;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(Card, tslib_es6.__assign({ backgroundColor: backgroundColor, widthAuto: widthAuto, border: { borderColor: borderColor, borderWidth: '0.063rem' }, flex: false }, { children: jsxRuntime.jsxs(Wrapper, { children: [jsxRuntime.jsxs(Container, tslib_es6.__assign({ "data-testid": "".concat(testId, "-section") }, { children: [jsxRuntime.jsx(Text.Text, tslib_es6.__assign({ variant: "body", weight: "demi", size: "small", style: { margin: '0.1rem 0' } }, { children: getMorePayLessText }), void 0), jsxRuntime.jsx(PriceLabel.PriceLabel, { finalPrice: price, originalPrice: originalPrice, color: theme.colors.pallete.secondary.color, size: enums.ComponentSize.Small, testId: testId }, void 0)] }), void 0), jsxRuntime.jsxs(Container, tslib_es6.__assign({ "data-testid": "".concat(testId, "-section-bottom") }, { children: [jsxRuntime.jsxs(Text.Text, tslib_es6.__assign({ variant: "body", weight: "demi", style: { color: '#d3373c', margin: '0.1rem 0' }, size: "small" }, { children: [getQtyForText, " ", discount, "% ", offText.toLocaleUpperCase()] }), void 0), jsxRuntime.jsxs(Text.Text, tslib_es6.__assign({ variant: "body", weight: "regular", size: "small" }, { children: [youAreSavingText, ": ", savingPrice] }), void 0)] }), void 0)] }, void 0) }), void 0));
-};
-var templateObject_1, templateObject_2;
-
-exports.Minimalistic = Minimalistic;
-//# sourceMappingURL=Minimalistic.js.map

package/build/index.js/src/components/bundle/minimalistic/Minimalistic.js.map

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

package/build/index.js/src/components/bundle/simple/Simple.js

@@ -1,28 +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 Card = require('../../shared/card/Card.js');
-require('../../pricing/discount/DiscountTag.js');
-var PriceLabel = require('../../pricing/price/PriceLabel.js');
-require('../../pricing/priceLabelV2/PriceLabelV2.js');
-require('../../pricing/clubOffer/ClubOfferTag.js');
-var enums = require('../../../types/enums.js');
-var Theme = require('../../../core/theme/Theme.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  padding: 0.625rem 1.5rem;\n"], ["\n  padding: 0.625rem 1.5rem;\n"])));
-var Title = emotionStyled_esm.h1(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"], ["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"])), function (props) { return props.color; });
-var Details = emotionStyled_esm.span(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"])), function (props) { return props.color; });
-var PriceContainer = emotionStyled_esm.span(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"])));
-var Simple = function (_a) {
-    var title = _a.title, freeShippingText = _a.freeShippingText, price = _a.price, anyQtyForText = _a.anyQtyForText, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? false : _b;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(Card, tslib_es6.__assign({ backgroundColor: backgroundColor, widthAuto: widthAuto }, { children: jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(Title, tslib_es6.__assign({ color: theme.colors.pallete.secondary.color, "data-testid": "Title" }, { children: title }), void 0), jsxRuntime.jsxs(Details, tslib_es6.__assign({ color: theme.colors.pallete.secondary.color, "data-testid": "Details" }, { children: [anyQtyForText, jsxRuntime.jsx(PriceContainer, tslib_es6.__assign({ "data-testid": "Price" }, { children: jsxRuntime.jsx(PriceLabel.PriceLabel, { finalPrice: price, color: "#d3373c", size: enums.ComponentSize.Small }, void 0) }), void 0), "+ ", freeShippingText] }), void 0)] }, void 0) }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-
-exports.Simple = Simple;
-//# sourceMappingURL=Simple.js.map

package/build/index.js/src/components/bundle/simple/Simple.js.map

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

package/build/index.js/src/components/buynowpaylater/BuyNowPayLater.js

@@ -1,31 +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 Text = require('../text/Text.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: ", ";\n  align-items: center;\n  font-size: 0.88rem;\n"], ["\n  display: ", ";\n  align-items: center;\n  font-size: 0.88rem;\n"])), function (_a) {
-    var displayBNPL = _a.displayBNPL;
-    return (displayBNPL ? 'flex' : 'none');
-});
-var TextContainer = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  font-size: 14px;\n  margin: 0;\n  line-height: 24px;\n  font-weight: 400;\n  color: #292929;\n"], ["\n  font-size: 14px;\n  margin: 0;\n  line-height: 24px;\n  font-weight: 400;\n  color: #292929;\n"])));
-var IconWrapper = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: inline;\n  top: -1px;\n  position: relative;\n"], ["\n  display: inline;\n  top: -1px;\n  position: relative;\n"])));
-var BuyNowPayLater = function (_a) {
-    var _b;
-    var displayBNPL = _a.displayBNPL, installments = _a.installments, installmentPrice = _a.installmentPrice, _c = _a.iconFolder, iconFolder = _c === void 0 ? 'PDP' : _c, iconName = _a.iconName, _d = _a.showLogo, showLogo = _d === void 0 ? true : _d, _e = _a.iconColor, iconColor = _e === void 0 ? '#292929' : _e, fontSize = _a.fontSize;
-    // @ts-ignore
-    var IconComponent = (_b = index.Icon === null || index.Icon === void 0 ? void 0 : index.Icon[iconFolder]) === null || _b === void 0 ? void 0 : _b[iconName];
-    if (!IconComponent) {
-        console.error('Icon', iconName, 'not found');
-        return null;
-    }
-    return (jsxRuntime.jsx(Container, tslib_es6.__assign({ displayBNPL: displayBNPL }, { children: jsxRuntime.jsxs(TextContainer, tslib_es6.__assign({ style: { fontSize: fontSize }, "data-testid": "mainText" }, { children: ["Or ".concat(installments, " payments of "), jsxRuntime.jsx(Text.Text, tslib_es6.__assign({ variant: "heading6", style: { display: 'inline', fontSize: fontSize }, testId: "InstallmentPriceId" }, { children: installmentPrice }), void 0), showLogo ? ' with' : '', showLogo && (jsxRuntime.jsx(IconWrapper, { children: jsxRuntime.jsx(IconComponent, { width: 3.2, height: 2, fill: iconColor, style: { top: '-3px', position: 'relative' } }, void 0) }, void 0))] }), void 0) }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3;
-
-exports.BuyNowPayLater = BuyNowPayLater;
-//# sourceMappingURL=BuyNowPayLater.js.map

package/build/index.js/src/components/buynowpaylater/BuyNowPayLater.js.map

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

package/build/index.js/src/components/cartProductItem/CloseIcon/CloseButton.js

@@ -1,20 +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 Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  margin: 0;\n  padding: 0.25rem;\n  background-color: ", ";\n  display: inline-flex;\n  border-radius: 50%;\n  cursor: pointer;\n  width: ", ";\n  height: ", ";\n  justify-content: center;\n  align-items: center;\n"], ["\n  margin: 0;\n  padding: 0.25rem;\n  background-color: ", ";\n  display: inline-flex;\n  border-radius: 50%;\n  cursor: pointer;\n  width: ", ";\n  height: ", ";\n  justify-content: center;\n  align-items: center;\n"])), function (props) { return props.backgroundColor; }, function (props) { return "".concat(props.size, "em"); }, function (props) { return "".concat(props.size, "em"); });
-var CloseButton = function (_a) {
-    var onClick = _a.onClick, size = _a.size;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(Container, tslib_es6.__assign({ backgroundColor: theme.colors.shades['700'].color, onClick: onClick, "data-testid": "CartProductItemCloseBtn", size: size }, { children: jsxRuntime.jsx(index.Icon.Actions.Close, { width: size - 1, height: size - 1, fill: "#fff" }, void 0) }), void 0));
-};
-var templateObject_1;
-
-exports.CloseButton = CloseButton;
-//# sourceMappingURL=CloseButton.js.map

package/build/index.js/src/components/cartProductItem/CloseIcon/CloseButton.js.map

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

package/build/index.js/src/components/cartProductItem/Description/Description.js

@@ -1,19 +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 Theme = require('../../../core/theme/Theme.js');
-
-var Text = emotionStyled_esm.span(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.875rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"])), function (props) { return props.color; });
-var Description = function (_a) {
-    var text = _a.text;
-    var theme = Theme.useTheme();
-    return jsxRuntime.jsx(Text, tslib_es6.__assign({ color: theme.colors.shades['400'].color }, { children: text }), void 0);
-};
-var templateObject_1;
-
-exports.Description = Description;
-//# sourceMappingURL=Description.js.map

package/build/index.js/src/components/cartProductItem/Description/Description.js.map

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

package/build/index.js/src/components/cartProductItem/Promo/Promo.js

@@ -1,19 +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 Theme = require('../../../core/theme/Theme.js');
-
-var P = emotionStyled_esm.p(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1.125rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"])), function (props) { return props.color; });
-var Promo = function (_a) {
-    var text = _a.text;
-    var theme = Theme.useTheme();
-    return (jsxRuntime.jsx(P, tslib_es6.__assign({ color: theme.colors.shades['700'].color, "data-testid": "CartProductItemPromo" }, { children: text }), void 0));
-};
-var templateObject_1;
-
-exports.Promo = Promo;
-//# sourceMappingURL=Promo.js.map

package/build/index.js/src/components/cartProductItem/Promo/Promo.js.map

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

package/build/index.js/src/components/cartProductItem/Title/Title.js

@@ -1,19 +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 Theme = require('../../../core/theme/Theme.js');
-
-var Text = emotionStyled_esm.span(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  color: ", ";\n  margin: 0;\n  padding: 0;\n"])), function (props) { return props.color; });
-var Title = function (_a) {
-    var title = _a.title;
-    var theme = Theme.useTheme();
-    return jsxRuntime.jsx(Text, tslib_es6.__assign({ color: theme.colors.shades['700'].color }, { children: title }), void 0);
-};
-var templateObject_1;
-
-exports.Title = Title;
-//# sourceMappingURL=Title.js.map

package/build/index.js/src/components/cartProductItem/Title/Title.js.map

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

package/build/index.js/src/components/cartProductItem/index.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Title = require('./Title/Title.js');
-var Promo = require('./Promo/Promo.js');
-var Description = require('./Description/Description.js');
-var CloseButton = require('./CloseIcon/CloseButton.js');
-var OfferBanner = require('../offer-banner/OfferBanner.js');
-
-var CartProductItem = {
-    Title: Title.Title,
-    Tag: OfferBanner.OfferBanner,
-    Promo: Promo.Promo,
-    Description: Description.Description,
-    CloseButton: CloseButton.CloseButton,
-};
-
-exports.CartProductItem = CartProductItem;
-//# sourceMappingURL=index.js.map

package/build/index.js/src/components/cartProductItem/index.js.map

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

package/build/index.js/src/components/checkbox/Checkbox.js

@@ -1,44 +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 enums = require('../../types/enums.js');
-var label = require('../shared/label/label.js');
-var styles = require('./styles.js');
-var Theme = require('../../core/theme/Theme.js');
-
-var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  user-select: none;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: fit-content;\n  user-select: none;\n  position: relative;\n"])));
-var CustomCheckbox = emotionStyled_esm.div(styles.CustomCheckboxStyles.baseStyles, function (props) { return [
-    styles.CustomCheckboxStyles[props.size](props.theme),
-    styles.CustomCheckboxStyles[props.variant](props.theme, props.isChecked, props.disabled),
-    "\n  ".concat(props.backgroundColor ? "background-color: ".concat(props.backgroundColor, ";") : '', "\n  ").concat(props.text === 'White' ||
-        props.text === 'Nude' ||
-        props.text === 'Latte' ||
-        props.text === 'Sand'
-        ? "\n      svg {\n        path {\n          fill: var(--colors-shades-black-color);\n        }\n      }"
-        : '', "\n  ").concat(props.text === 'White' ? "border: 0.27px var(--colors-shades-300-color) solid;" : ''),
-]; });
-var Input = emotionStyled_esm.input(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: ", ";\n"], ["\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  margin: 0;\n  opacity: 0;\n  cursor: ", ";\n"])), function (_a) {
-    var disabled = _a.disabled;
-    return (disabled ? 'not-allowed' : 'pointer');
-});
-var Checkbox = function (_a) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? enums.ComponentSize.Medium : _c, text = _a.text, _d = _a.checked, checked = _d === void 0 ? false : _d, id = _a.id, variant = _a.variant, blockUncheck = _a.blockUncheck, backgroundColor = _a.backgroundColor;
-    var theme = Theme.useTheme();
-    var handleChange = function (e) {
-        if (disabled || (e.target.checked === false && blockUncheck)) {
-            e.preventDefault();
-            return;
-        }
-        onChange(e.target.checked);
-    };
-    return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(Input, { type: "checkbox", checked: checked, disabled: disabled, onChange: handleChange, id: id }, void 0), jsxRuntime.jsx(CustomCheckbox, tslib_es6.__assign({ theme: theme, size: size, disabled: disabled, isChecked: checked, "data-testid": "checkbox", variant: variant, backgroundColor: backgroundColor, text: text }, { children: checked && jsxRuntime.jsx(index.Icon.Actions.Check, { fill: "#fff" }, void 0) }), void 0), jsxRuntime.jsx(label, tslib_es6.__assign({ "data-testid": "checkbox-text", size: size, variant: checked ? 'demi' : 'regular', htmlFor: id, disabled: disabled }, { children: text }), void 0)] }, void 0));
-};
-var templateObject_1, templateObject_2;
-
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox.js.map

package/build/index.js/src/components/checkbox/Checkbox.js.map

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

package/build/index.js/src/components/checkbox/styles.js

@@ -1,91 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var emotionReact_esm = require('../../../node_modules/@emotion/react/dist/emotion-react.esm.js');
-
-/* base styles & size variants */
-var CustomCheckboxStyles = {
-    baseStyles: emotionReact_esm.css({
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        borderStyle: 'solid',
-    }),
-    small: function (theme) {
-        return emotionReact_esm.css({
-            width: theme.component.checkbox.size.small.width,
-            height: theme.component.checkbox.size.small.height,
-            borderRadius: theme.component.checkbox.size.small.borderRadius,
-            borderWidth: theme.component.checkbox.size.small.borderWidth,
-            marginRight: theme.component.checkbox.size.small.margin,
-            svg: {
-                width: theme.component.checkbox.size.small.icon.width,
-                height: theme.component.checkbox.size.small.icon.height,
-            },
-        });
-    },
-    medium: function (theme) {
-        return emotionReact_esm.css({
-            width: theme.component.checkbox.size.medium.width,
-            height: theme.component.checkbox.size.medium.height,
-            borderRadius: theme.component.checkbox.size.medium.borderRadius,
-            borderWidth: theme.component.checkbox.size.medium.borderWidth,
-            marginRight: theme.component.checkbox.size.medium.margin,
-            svg: {
-                width: theme.component.checkbox.size.medium.icon.width,
-                height: theme.component.checkbox.size.medium.icon.height,
-            },
-        });
-    },
-    large: function (theme) {
-        return emotionReact_esm.css({
-            width: theme.component.checkbox.size.large.width,
-            height: theme.component.checkbox.size.large.height,
-            borderRadius: theme.component.checkbox.size.large.borderRadius,
-            borderWidth: theme.component.checkbox.size.large.borderWidth,
-            marginRight: theme.component.checkbox.size.large.margin,
-            svg: {
-                width: theme.component.checkbox.size.large.icon.width,
-                height: theme.component.checkbox.size.large.icon.height,
-            },
-        });
-    },
-    primary: function (theme, isChecked, disabled) {
-        return emotionReact_esm.css({
-            backgroundColor: disabled
-                ? theme.colors.background.disabled
-                : isChecked
-                    ? theme.colors.pallete.primary.color
-                    : theme.component.checkbox.background,
-            borderColor: disabled
-                ? theme.colors.border.disabled
-                : isChecked
-                    ? theme.colors.pallete.primary.color
-                    : theme.component.checkbox.borderColor,
-        });
-    },
-    secondary: function (theme, isChecked, disabled) {
-        return emotionReact_esm.css({
-            backgroundColor: disabled
-                ? theme.colors.background.disabled
-                : isChecked
-                    ? theme.colors.pallete.secondary.color
-                    : theme.component.checkbox.background,
-            borderColor: disabled
-                ? theme.colors.border.disabled
-                : isChecked
-                    ? theme.colors.pallete.secondary.color
-                    : theme.component.checkbox.borderColor,
-        });
-    },
-    color: function () {
-        return emotionReact_esm.css({
-            borderRadius: '50%',
-            border: 'none',
-        });
-    },
-};
-
-exports.CustomCheckboxStyles = CustomCheckboxStyles;
-//# sourceMappingURL=styles.js.map

package/build/index.js/src/components/checkbox/styles.js.map

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

package/build/index.js/src/components/collection/grid/WithProductGrid.js

@@ -1,20 +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 Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  row-gap: 1.875rem;\n  column-gap: 1.875rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  row-gap: 1.875rem;\n  column-gap: 1.875rem;\n  flex-wrap: wrap;\n"])));
-function withProductGrid(ProductItemComponent, data) {
-    function WithProductGrid(props) {
-        return (jsxRuntime.jsx(Container, tslib_es6.__assign({ "data-testid": "product-grid-container" }, { children: data.map(function (product, index) { return (jsxRuntime.jsx(ProductItemComponent, tslib_es6.__assign({}, product, props), index)); }) }), void 0));
-    }
-    /* istanbul ignore next */
-    var wrappedComponentName = ProductItemComponent.displayName || ProductItemComponent.name || 'Component';
-    WithProductGrid.displayName = "withGrid(".concat(wrappedComponentName, ")");
-    return WithProductGrid;
-}
-var templateObject_1;
-
-module.exports = withProductGrid;
-//# sourceMappingURL=WithProductGrid.js.map

package/build/index.js/src/components/collection/grid/WithProductGrid.js.map

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

package/build/index.js/src/components/collection/index.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ProductItemMobile = require('./product/mobile/ProductItemMobile.js');
-var WithProductGrid = require('./grid/WithProductGrid.js');
-
-var Collection = {
-    ProductItemMobile: ProductItemMobile,
-    withProductGrid: WithProductGrid,
-};
-
-exports.Collection = Collection;
-//# sourceMappingURL=index.js.map

package/build/index.js/src/components/collection/index.js.map

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

package/build/index.js/src/components/collection/product/mobile/ProductItemMobile.js

@@ -1,105 +0,0 @@
-'use strict';
-
-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 React = require('react');
-var emotionStyled_esm = require('../../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var enums = require('../../../../types/enums.js');
-require('../../../pricing/discount/DiscountTag.js');
-var PriceLabel = require('../../../pricing/price/PriceLabel.js');
-var PriceLabelV2 = require('../../../pricing/priceLabelV2/PriceLabelV2.js');
-require('../../../pricing/clubOffer/ClubOfferTag.js');
-var Rating = require('../../../rating/Rating.js');
-var Image = require('../../../shared/image/Image.js');
-var Theme = require('../../../../core/theme/Theme.js');
-var Spacing = require('../../../shared/spacing/Spacing.js');
-var SkeletonBox = require('../../../SkeletonBox/SkeletonBox.js');
-var getSrcSet = require('../../../../utils/getSrcSet/getSrcSet.js');
-require('../../../../utils/media.js');
-var BuyNowPayLater = require('../../../buynowpaylater/BuyNowPayLater.js');
-var StrengthBars = require('../../../strength-bars/StrengthBars.js');
-
-var ImageContainer = emotionStyled_esm.div(function (_a) {
-    var width = _a.width, height = _a.height;
-    return ({
-        position: 'relative',
-        width: width,
-        height: height,
-    });
-});
-var ImageHoverContainer = emotionStyled_esm.img(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  transition: all 0.4s ease-in-out;\n"], ["\n  opacity: 0;\n  position: absolute;\n  transition: all 0.4s ease-in-out;\n"])));
-var Container = emotionStyled_esm.a(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  text-decoration: none;\n\n  &:hover .hover__image {\n    opacity: 1;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  text-decoration: none;\n\n  &:hover .hover__image {\n    opacity: 1;\n  }\n"])));
-var ProdCardContainer = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n  text-decoration: none;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: min-content;\n  text-decoration: none;\n"])));
-var Title = emotionStyled_esm.p(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.83rem;\n  font-weight: normal;\n  line-height: 1.375rem;\n  min-height: 2.75rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n"], ["\n  font-size: 0.83rem;\n  font-weight: normal;\n  line-height: 1.375rem;\n  min-height: 2.75rem;\n  text-align: center;\n  color: ", ";\n  margin: 0.25rem 0;\n  text-align: ", ";\n"])), function (props) { return props.theme.colors.pallete.secondary.color; }, function (props) { return props.align; });
-var getStylesBySize = function (size) {
-    switch (size) {
-        case enums.ComponentSize.Medium:
-            return {
-                width: '205px',
-                height: '274px',
-            };
-        case enums.ComponentSize.Small:
-            return {
-                width: '9.813rem',
-                height: '13.125rem',
-            };
-        case enums.ComponentSize.Large:
-            return {
-                width: '262px',
-                height: '350px',
-            };
-        /* istanbul ignore next */
-        default:
-            return {
-                width: '205px',
-                height: '274px',
-            };
-    }
-};
-var TopTagContainer = emotionStyled_esm.div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: ", ";\n  z-index: 1;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: ", ";\n  z-index: 1;\n"])), function (_a) {
-    var style = _a.style;
-    return style.width;
-});
-var BottomTagContainer = emotionStyled_esm.div(templateObject_6 || (templateObject_6 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  bottom: 10%;\n  left: 0;\n  width: ", ";\n  z-index: 1;\n"], ["\n  position: absolute;\n  bottom: 10%;\n  left: 0;\n  width: ", ";\n  z-index: 1;\n"])), function (_a) {
-    var style = _a.style;
-    return style.width;
-});
-var MarginTopContainer = emotionStyled_esm.div(templateObject_7 || (templateObject_7 = tslib_es6.__makeTemplateObject(["\n  margin-top: 8px;\n"], ["\n  margin-top: 8px;\n"])));
-var ProductItemMobile = function (_a) {
-    var title = _a.title, image = _a.image, imageHover = _a.imageHover, price = _a.price, rating = _a.rating, size = _a.size, _b = _a.alignName, alignName = _b === void 0 ? 'center' : _b, url = _a.url, className = _a.className, topTag = _a.topTag, bottomTag = _a.bottomTag, onClick = _a.onClick, _c = _a.priceDisplayType, priceDisplayType = _c === void 0 ? 'default' : _c, priceAtBottom = _a.priceAtBottom, priceLoading = _a.priceLoading, _d = _a.noFollow, noFollow = _d === void 0 ? false : _d, _e = _a.colorPicker, colorPicker = _e === void 0 ? {
-        display: false,
-        position: 'top',
-        component: undefined,
-    } : _e, _f = _a.isBNPL, isBNPL = _f === void 0 ? {
-        displayBNPL: false,
-        installments: 4,
-        installmentPrice: '',
-        iconFolder: 'PDP',
-        iconName: 'Klarna',
-        showLogo: true,
-        iconColor: '#292929',
-        fontSize: '12px',
-    } : _f, _g = _a.hasStrength, hasStrength = _g === void 0 ? {
-        strength: -1,
-        description: '',
-    } : _g;
-    var theme = Theme.useTheme();
-    var styles = getStylesBySize(size);
-    var space = React.useMemo(function () {
-        var _a;
-        return (_a = {},
-            _a[enums.ComponentSize.Large] = 8,
-            _a[enums.ComponentSize.Medium] = 4,
-            _a[enums.ComponentSize.Small] = 2,
-            _a)[size];
-    }, [size]);
-    var PriceLabelDisplay = function () {
-        return priceDisplayType === 'styled' ? (emotionReactJsxRuntime_esm.jsx(PriceLabelV2.PriceLabelV2, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, finalPriceStyled: false, color: price.color, size: enums.ComponentSize.Large, testId: "volume-discount" }, void 0)) : (emotionReactJsxRuntime_esm.jsx(PriceLabel.PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, finalPriceStyled: false, color: price.color, size: enums.ComponentSize.Medium, testId: "volume-discount" }, void 0));
-    };
-    var RatingDisplay = function () { return (emotionReactJsxRuntime_esm.jsx(Rating.Rating, { size: size === enums.ComponentSize.Large ? enums.ComponentSize.Small : enums.ComponentSize.XSmall, rating: rating.rating, reviews: rating.reviews, reviewsText: "", wrapWithParenthesis: true }, void 0)); };
-    return (emotionReactJsxRuntime_esm.jsxs(ProdCardContainer, tslib_es6.__assign({ className: className, "data-testid": "product-card-container-div" }, { children: [emotionReactJsxRuntime_esm.jsxs(Container, tslib_es6.__assign({ as: url ? 'a' : 'div', href: url, rel: noFollow ? 'nofollow' : '', className: "picContainer", onClick: onClick }, { children: [!!topTag || !!bottomTag ? (emotionReactJsxRuntime_esm.jsxs(ImageContainer, tslib_es6.__assign({ width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height, "data-testid": "tags-image-container" }, { children: [emotionReactJsxRuntime_esm.jsx(Image, { src: image.src, srcSet: getSrcSet.getSrcSet(image.src, 180, 360, 720, 960), alt: image.alt, width: "100%", height: "100%" }, void 0), emotionReactJsxRuntime_esm.jsx(TopTagContainer, tslib_es6.__assign({ style: { width: colorPicker.display ? '100%' : 'inherit' } }, { children: topTag }), void 0), emotionReactJsxRuntime_esm.jsx(BottomTagContainer, tslib_es6.__assign({ style: { width: colorPicker.display ? '100%' : 'inherit' } }, { children: bottomTag }), void 0)] }), void 0)) : (emotionReactJsxRuntime_esm.jsx(Image, { src: image.src, srcSet: getSrcSet.getSrcSet(image.src, 180, 360, 720, 960), alt: image.alt, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)), imageHover ? (emotionReactJsxRuntime_esm.jsx(ImageHoverContainer, { className: "hover__image", src: imageHover.src, srcSet: getSrcSet.getSrcSet(imageHover.src, 180, 360, 720, 960), loading: "lazy", alt: imageHover.alt, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)) : null] }), void 0), colorPicker.display && colorPicker.position === 'top' && (emotionReactJsxRuntime_esm.jsxs(emotionReactJsxRuntime_esm.Fragment, { children: [emotionReactJsxRuntime_esm.jsx(Spacing.Spacing, { size: space }, void 0), colorPicker.component] }, void 0)), emotionReactJsxRuntime_esm.jsxs(Container, tslib_es6.__assign({ as: url ? 'a' : 'div', href: url, rel: noFollow ? 'nofollow' : '', onClick: onClick, className: "textContainer" }, { children: [emotionReactJsxRuntime_esm.jsx(Spacing.Spacing, { size: space }, void 0), emotionReactJsxRuntime_esm.jsx(Title, tslib_es6.__assign({ theme: theme, align: alignName }, { children: title }), void 0), emotionReactJsxRuntime_esm.jsx(Spacing.Spacing, { size: space }, void 0), hasStrength && hasStrength.strength !== -1 && (emotionReactJsxRuntime_esm.jsxs(emotionReactJsxRuntime_esm.Fragment, { children: [emotionReactJsxRuntime_esm.jsx(StrengthBars.StrengthBars, { barsFilled: hasStrength.strength, supportText: hasStrength.description }, void 0), emotionReactJsxRuntime_esm.jsx(Spacing.Spacing, { size: 10 }, void 0)] }, void 0)), priceAtBottom ? (emotionReactJsxRuntime_esm.jsxs(emotionReactJsxRuntime_esm.Fragment, { children: [emotionReactJsxRuntime_esm.jsx(RatingDisplay, {}, void 0), emotionReactJsxRuntime_esm.jsx(Spacing.Spacing, { size: space }, void 0), emotionReactJsxRuntime_esm.jsx(MarginTopContainer, { children: priceLoading ? emotionReactJsxRuntime_esm.jsx(SkeletonBox, { height: "20px", width: "140px" }, void 0) : emotionReactJsxRuntime_esm.jsx(PriceLabelDisplay, {}, void 0) }, void 0)] }, void 0)) : (emotionReactJsxRuntime_esm.jsxs(emotionReactJsxRuntime_esm.Fragment, { children: [priceLoading ? (emotionReactJsxRuntime_esm.jsx(SkeletonBox, { height: "20px", width: "140px" }, void 0)) : (emotionReactJsxRuntime_esm.jsxs(emotionReactJsxRuntime_esm.Fragment, { children: [emotionReactJsxRuntime_esm.jsx(PriceLabelDisplay, {}, void 0), emotionReactJsxRuntime_esm.jsx(BuyNowPayLater.BuyNowPayLater, { displayBNPL: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.displayBNPL, installments: (isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.installments) || 0, installmentPrice: (isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.installmentPrice) || '', iconFolder: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.iconFolder, iconName: (isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.iconName) || '', showLogo: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.showLogo, iconColor: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.iconColor, fontSize: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.fontSize }, void 0)] }, void 0)), emotionReactJsxRuntime_esm.jsx(Spacing.Spacing, { size: space }, void 0), emotionReactJsxRuntime_esm.jsx(RatingDisplay, {}, void 0)] }, void 0))] }), void 0), colorPicker.display && colorPicker.position === 'bottom' && (emotionReactJsxRuntime_esm.jsxs(emotionReactJsxRuntime_esm.Fragment, { children: [emotionReactJsxRuntime_esm.jsx(Spacing.Spacing, { size: space }, void 0), colorPicker.component] }, void 0))] }), void 0));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
-
-module.exports = ProductItemMobile;
-//# sourceMappingURL=ProductItemMobile.js.map

package/build/index.js/src/components/collection/product/mobile/ProductItemMobile.js.map

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

package/build/index.js/src/components/color/ColorRadioGroup.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../../node_modules/tslib/tslib.es6.js');
-var jsxRuntime = require('react/jsx-runtime');
-var headlessui_esm = require('../../../node_modules/@headlessui/react/dist/headlessui.esm.js');
-var emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
-var Text = require('../text/Text.js');
-
-var CustomRadioGroup = emotionStyled_esm(headlessui_esm.RadioGroup)(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-emotionStyled_esm(headlessui_esm.RadioGroup.Label)(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.88rem;\n"], ["\n  font-size: 0.88rem;\n"])));
-var CustomRadioGroupOption = emotionStyled_esm(headlessui_esm.RadioGroup.Option)(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  margin-right: 8px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  margin-right: 8px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
-var Span = emotionStyled_esm.span(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
-var OptionsContainer = emotionStyled_esm.div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"])));
-var Label = function (_a) {
-    var label = _a.label, values = _a.values;
-    return (jsxRuntime.jsxs(Text.Text, tslib_es6.__assign({ variant: "body", weight: "regular", size: "small" }, { children: [label, " ", jsxRuntime.jsx(Span, { children: values }, void 0)] }), void 0));
-};
-var Option = function (_a) {
-    var value = _a.value, children = _a.children;
-    return (jsxRuntime.jsx(CustomRadioGroupOption, tslib_es6.__assign({ value: value }, { children: children }), void 0));
-};
-var ColorRadioGroup = function (_a) {
-    var value = _a.value, onChange = _a.onChange, children = _a.children, className = _a.className;
-    return (jsxRuntime.jsx(CustomRadioGroup, tslib_es6.__assign({ value: value, onChange: onChange, className: className }, { children: children }), void 0));
-};
-var ColorRadioGroup$1 = Object.assign(ColorRadioGroup, {
-    Label: Label,
-    Option: Option,
-    OptionsContainer: OptionsContainer,
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-
-module.exports = ColorRadioGroup$1;
-//# sourceMappingURL=ColorRadioGroup.js.map

package/build/index.js/src/components/color/ColorRadioGroup.js.map

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