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

package/build/index.js/src/components/pricing/price/PriceLabel.js

@@ -0,0 +1,101 @@
+'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 DiscountTag = require('../discount/DiscountTag.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 {
+                fontSize: '1.5rem',
+                finalPricefontSize: '36px',
+                finalPricefontSizeSmall: '18px',
+                margin: '0 0 0 0.75rem',
+                lineHeight: '2rem',
+            };
+        case enums.ComponentSize.Medium:
+            return {
+                fontSize: '1.125rem',
+                finalPricefontSize: '32px',
+                finalPricefontSizeSmall: '16px',
+                margin: '0 0 0 0.5rem',
+                lineHeight: '1.25rem',
+            };
+        case enums.ComponentSize.Small:
+            return {
+                fontSize: '14px',
+                finalPricefontSize: '20px',
+                finalPricefontSizeSmall: '12px',
+                margin: '0 0 0 0.5rem',
+                lineHeight: '1.25rem',
+            };
+    }
+};
+var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+var Price = emotionStyled_esm.p(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n  margin-top: ", ";\n"], ["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n  margin-top: ", ";\n"])), function (_a) {
+    var weight = _a.weight;
+    return (weight ? weight : '400');
+}, function (_a) {
+    var _b, _c, _d;
+    var size = _a.size, finalPriceStyled = _a.finalPriceStyled, finalPriceStyledSmall = _a.finalPriceStyledSmall;
+    return finalPriceStyled || finalPriceStyledSmall
+        ? finalPriceStyledSmall
+            ? (_b = getStylesBySize(size)) === null || _b === void 0 ? void 0 : _b.finalPricefontSizeSmall
+            : (_c = getStylesBySize(size)) === null || _c === void 0 ? void 0 : _c.finalPricefontSize
+        : (_d = getStylesBySize(size)) === null || _d === void 0 ? void 0 : _d.fontSize;
+}, function (_a) {
+    var _b;
+    var size = _a.size;
+    return (_b = getStylesBySize(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
+}, function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var underlined = _a.underlined;
+    return (underlined ? 'line-through' : 'none');
+}, function (_a) {
+    var _b;
+    var margin = _a.margin, size = _a.size;
+    return (margin ? (_b = getStylesBySize(size)) === null || _b === void 0 ? void 0 : _b.margin : '0');
+}, function (_a) {
+    var finalPriceStyledSmall = _a.finalPriceStyledSmall, size = _a.size;
+    return finalPriceStyledSmall ? (size === 'large' ? '-10px' : '-7px') : '0';
+});
+var TagContainer = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  margin: ", ";\n  display: flex;\n  align-items: center;\n"], ["\n  margin: ", ";\n  display: flex;\n  align-items: center;\n"])), function (_a) {
+    var _b;
+    var size = _a.size;
+    return (_b = getStylesBySize(size)) === null || _b === void 0 ? void 0 : _b.margin;
+});
+function getTestId() {
+    var args = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+    }
+    return args.filter(Boolean).join('-');
+}
+var PriceLabel = function (_a) {
+    var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, discount = _a.discount, color = _a.color, testId = _a.testId, _b = _a.finalPriceStyled, finalPriceStyled = _b === void 0 ? false : _b, finalPriceStyle = _a.finalPriceStyle, _c = _a.originalPriceStyled, originalPriceStyled = _c === void 0 ? false : _c, _d = _a.originalPriceUnderlined, originalPriceUnderlined = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? enums.ComponentSize.Medium : _e;
+    var theme = Theme.useTheme();
+    var priceCommonProps = {
+        size: finalPriceStyled ? enums.ComponentSize.Small : size,
+        color: color || theme.colors.pallete.secondary.color,
+        weight: 700,
+    };
+    var OriginalPrice = function () { return (jsxRuntime.jsx(Price, tslib_es6.__assign({ size: originalPriceStyled ? size : enums.ComponentSize.Small, color: theme.component.pricing.priceLabel.price.originalPriceColor, margin: true, underlined: originalPriceUnderlined, "data-testid": getTestId(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
+    return (jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(Price, tslib_es6.__assign({ margin: true, "data-testid": getTestId(testId, 'final-product-price') }, priceCommonProps, { style: finalPriceStyle }, { children: finalPrice }), void 0), !!originalPrice && jsxRuntime.jsx(OriginalPrice, {}, void 0), discount && (jsxRuntime.jsx(TagContainer, tslib_es6.__assign({ size: size }, { children: jsxRuntime.jsx(DiscountTag.DiscountTag, tslib_es6.__assign({}, discount, { size: size }), void 0) }), void 0))] }, void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+
+exports.Container = Container;
+exports.Price = Price;
+exports.PriceLabel = PriceLabel;
+exports.TagContainer = TagContainer;
+exports.getStylesBySize = getStylesBySize;
+exports.getTestId = getTestId;
+//# sourceMappingURL=PriceLabel.js.map

package/build/index.js/src/components/pricing/price/PriceLabel.js.map

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

package/build/index.js/src/components/pricing/priceLabelV2/PriceLabelV2.js

@@ -0,0 +1,58 @@
+'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 DiscountTag = require('../discount/DiscountTag.js');
+var enums = require('../../../types/enums.js');
+var Theme = require('../../../core/theme/Theme.js');
+var PriceLabel = require('../price/PriceLabel.js');
+var emotionStyled_esm = require('../../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
+var ClubOfferTag = require('../clubOffer/ClubOfferTag.js');
+
+var FinalPriceStyledContainer = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var PriceLabelV2 = function (_a) {
+    var _b;
+    var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, discount = _a.discount, clubOffer = _a.clubOffer, color = _a.color, testId = _a.testId, _c = _a.originalPriceStyled, originalPriceStyled = _c === void 0 ? false : _c, _d = _a.originalPriceUnderlined, originalPriceUnderlined = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? enums.ComponentSize.Medium : _e;
+    var theme = Theme.useTheme();
+    var isDiffFinalAndOriginalPrice = originalPrice !== finalPrice;
+    var isOriginalPrice = originalPrice && isDiffFinalAndOriginalPrice;
+    var isDiscount = discount && isDiffFinalAndOriginalPrice;
+    var isClubOffer = clubOffer && isDiffFinalAndOriginalPrice;
+    var supportedCurrencies = ['A$', 'CA$', '£'];
+    var currencySymbol = '$';
+    if (typeof finalPrice === 'string') {
+        supportedCurrencies.forEach(function (availableCurrency) {
+            if (finalPrice.includes(availableCurrency)) {
+                currencySymbol = availableCurrency;
+            }
+        });
+    }
+    var finalPriceArray = typeof finalPrice === 'string' &&
+        finalPrice.includes('.') &&
+        finalPrice.includes(currencySymbol)
+        ? finalPrice.split(currencySymbol)[1].split('.')
+        : ['', ''];
+    var priceCommonProps = {
+        size: enums.ComponentSize.Small,
+        color: isClubOffer
+            ? 'var(--colors-pallete-wine-color)'
+            : color || theme.colors.pallete.secondary.color,
+        weight: 700,
+    };
+    var OriginalPrice = function () { return (jsxRuntime.jsx(PriceLabel.Price, tslib_es6.__assign({ size: originalPriceStyled ? size : enums.ComponentSize.Small, color: theme.colors.shades['300'].color, margin: true, underlined: originalPriceUnderlined, "data-testid": PriceLabel.getTestId(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
+    return (jsxRuntime.jsxs(PriceLabel.Container, { children: [isOriginalPrice && jsxRuntime.jsx(OriginalPrice, {}, void 0), jsxRuntime.jsxs(FinalPriceStyledContainer, tslib_es6.__assign({ "data-testid": PriceLabel.getTestId(testId, 'final-product-price') }, { children: [jsxRuntime.jsx(PriceLabel.Price, tslib_es6.__assign({ margin: true, finalPriceStyledSmall: true, style: { fontSize: '14px', marginTop: '-5px' } }, priceCommonProps, { children: currencySymbol }), void 0), jsxRuntime.jsx(PriceLabel.Price, tslib_es6.__assign({ finalPriceStyled: true }, priceCommonProps, { children: finalPriceArray[0] ? finalPriceArray[0] : (_b = "".concat(finalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1] }), void 0), jsxRuntime.jsx(PriceLabel.Price, tslib_es6.__assign({ finalPriceStyledSmall: true, style: { fontSize: '14px', marginTop: '-6px' } }, priceCommonProps, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)] }), void 0), isDiscount && (jsxRuntime.jsx(PriceLabel.TagContainer, tslib_es6.__assign({ size: enums.ComponentSize.Small }, { children: discount && (jsxRuntime.jsx(DiscountTag.DiscountTag, tslib_es6.__assign({}, discount, { size: enums.ComponentSize.Medium, style: { fontSize: '14px', letterSpacing: '-0.05rem' } }), void 0)) }), void 0)), isClubOffer && (jsxRuntime.jsx(PriceLabel.TagContainer, tslib_es6.__assign({ size: enums.ComponentSize.Medium }, { children: clubOffer && (jsxRuntime.jsx(ClubOfferTag.ClubOfferTag, tslib_es6.__assign({}, clubOffer, { size: enums.ComponentSize.Small, style: {
+                        borderRadius: '8px',
+                        width: '107px',
+                        height: '28px',
+                        alignItems: 'center',
+                        padding: '3px 8px 3px 8px',
+                        fontSize: '14px',
+                        lineHeight: '22px',
+                    } }), void 0)) }), void 0))] }, void 0));
+};
+var templateObject_1;
+
+exports.PriceLabelV2 = PriceLabelV2;
+//# sourceMappingURL=PriceLabelV2.js.map

package/build/index.js/src/components/pricing/priceLabelV2/PriceLabelV2.js.map

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

package/build/index.js/src/components/product/order/item/SimpleOrderItem.js

@@ -0,0 +1,60 @@
+'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');
+require('../../../pricing/discount/DiscountTag.js');
+var PriceLabel = require('../../../pricing/price/PriceLabel.js');
+require('../../../pricing/priceLabelV2/PriceLabelV2.js');
+require('../../../pricing/clubOffer/ClubOfferTag.js');
+var OfferBanner = require('../../../offer-banner/OfferBanner.js');
+var media = require('../../../../utils/media.js');
+var Image = require('../../../shared/image/Image.js');
+var Theme = require('../../../../core/theme/Theme.js');
+
+var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 10px 0;\n"], ["\n  display: flex;\n  flex-direction: row;\n  width: auto;\n  padding: 10px 0;\n"])));
+var IMAGE_WIDTH = '63px';
+var ImageContainer = emotionStyled_esm.div(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  position: relative;\n  width: ", ";\n  img {\n    display: block;\n  }\n"], ["\n  position: relative;\n  width: ", ";\n  img {\n    display: block;\n  }\n"])), IMAGE_WIDTH);
+var DescriptionContainer = emotionStyled_esm.div(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  ", ";\n  width: calc(100% - ", ");\n"], ["\n  display: flex;\n  flex-direction: column;\n  ", ";\n  width: calc(100% - ", ");\n"])), media.mediaQueries({
+    paddingLeft: ['0.938rem', '1.875rem'],
+}), IMAGE_WIDTH);
+var Title = emotionStyled_esm.h2(function (_a) {
+    var color = _a.color;
+    return ({
+        fontWeight: 600,
+        fontSize: '1rem',
+        lineHeight: '1.5rem',
+        color: color,
+        margin: '0.063rem 0',
+    });
+});
+var Subtitle = emotionStyled_esm.h3(function (_a) {
+    var color = _a.color;
+    return ({
+        fontWeight: 'normal',
+        fontSize: '0.75rem',
+        lineHeight: '1rem',
+        color: color,
+        margin: '0.063rem 0',
+    });
+});
+var PriceContainer = emotionStyled_esm.div(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  ", ";\n  height: 100%;\n  align-items: end;\n  margin-top: 0.219rem;\n"], ["\n  display: flex;\n  ", ";\n  height: 100%;\n  align-items: end;\n  margin-top: 0.219rem;\n"])), function (_a) {
+    var withTag = _a.withTag; _a.theme;
+    return withTag
+        ? media.mediaQueries({
+            justifyContent: ['space-between', 'end'],
+            flexDirection: ['row', 'column'],
+        })
+        : 'justify-content: end';
+});
+var Quantity = emotionStyled_esm.div(templateObject_5 || (templateObject_5 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  transform: translate(30%, -30%);\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--colors-shades-300-color);\n  color: var(--colors-shades-white-color);\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 24px;\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  transform: translate(30%, -30%);\n  border-radius: 50%;\n  width: 1rem;\n  height: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--colors-shades-300-color);\n  color: var(--colors-shades-white-color);\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 24px;\n"])));
+var StyledSpan = emotionStyled_esm.span(templateObject_6 || (templateObject_6 = tslib_es6.__makeTemplateObject(["\n  display: block;\n  transform: translateY(1px);\n"], ["\n  display: block;\n  transform: translateY(1px);\n"])));
+var SimpleOrderItem = function (_a) {
+    var title = _a.title, className = _a.className, subtitle = _a.subtitle, image = _a.image, price = _a.price, tag = _a.tag, quantity = _a.quantity, finalPriceStyle = _a.finalPriceStyle;
+    var theme = Theme.useTheme();
+    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ className: className }, { children: [jsxRuntime.jsxs(ImageContainer, { children: [jsxRuntime.jsx(Image, { src: image.src, alt: image.alt, width: "4.063rem", height: "5.375rem", objectFit: "cover", objectPosition: "center" }, void 0), quantity ? (jsxRuntime.jsx(Quantity, tslib_es6.__assign({ "data-testid": "order-item-quantity" }, { children: jsxRuntime.jsx(StyledSpan, { children: quantity }, void 0) }), void 0)) : null] }, void 0), jsxRuntime.jsxs(DescriptionContainer, tslib_es6.__assign({ "data-testid": "order-item-description-container", theme: theme }, { children: [jsxRuntime.jsx(Title, tslib_es6.__assign({ color: theme.colors.shades['700'].color, "data-testid": "product-title" }, { children: title }), void 0), jsxRuntime.jsx(Subtitle, tslib_es6.__assign({ color: theme.colors.shades['700'].color, "data-testid": "product-variant-title" }, { children: subtitle }), void 0), jsxRuntime.jsxs(PriceContainer, tslib_es6.__assign({ "data-testid": "order-item-price-container", withTag: !!tag, theme: theme }, { children: [tag && (jsxRuntime.jsx(OfferBanner.OfferBanner, { discountAppliedText: tag === null || tag === void 0 ? void 0 : tag.text, backgroundColor: tag === null || tag === void 0 ? void 0 : tag.backgroundColor }, void 0)), jsxRuntime.jsx(PriceLabel.PriceLabel, { finalPrice: price.finalPrice, originalPrice: price.originalPrice, color: price.color || theme.colors.shades['700'].color, size: theme.component.pricing.priceLabel.price.size, finalPriceStyle: finalPriceStyle, originalPriceStyled: true }, void 0)] }), void 0)] }), void 0)] }), void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+
+module.exports = SimpleOrderItem;
+//# sourceMappingURL=SimpleOrderItem.js.map

package/build/index.js/src/components/product/order/item/SimpleOrderItem.js.map

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

package/build/index.js/src/components/progress-bar/ProgressBar.js

@@ -0,0 +1,70 @@
+'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(function (_a) {
+    var color = _a.color;
+    return ({
+        textAlign: 'center',
+        fontWeight: 400,
+        fontStyle: 'normal',
+        fontSize: '0.875rem',
+        lineHeight: '1.375rem',
+        color: color,
+        margin: '0.938rem 4.188rem',
+    });
+});
+var Bar = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  @keyframes loading {\n    0% {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(400%);\n    }\n  }\n\n  height: ", ";\n  background-color: ", ";\n  width: ", ";\n  border-radius: ", ";\n  position: absolute;\n  left: ", ";\n  animation: ", ";\n"], ["\n  @keyframes loading {\n    0% {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(400%);\n    }\n  }\n\n  height: ", ";\n  background-color: ", ";\n  width: ", ";\n  border-radius: ", ";\n  position: absolute;\n  left: ", ";\n  animation: ", ";\n"])), function (_a) {
+    var height = _a.height;
+    return height || '0.5rem';
+}, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return backgroundColor;
+}, function (_a) {
+    var percent = _a.percent;
+    return (percent ? getBarWithBasedOnPercent(percent) : '50%');
+}, function (_a) {
+    var borderRadius = _a.borderRadius;
+    return borderRadius || '0.25rem';
+}, function (_a) {
+    var percent = _a.percent;
+    return (percent ? '0' : '-50%');
+}, function (_a) {
+    var percent = _a.percent;
+    return (percent ? 'none' : 'loading 1s ease-in 0.5s infinite');
+});
+var Background = emotionStyled_esm.div(function (_a) {
+    var backgroundColor = _a.backgroundColor, height = _a.height, borderRadius = _a.borderRadius;
+    return ({
+        height: height || '0.5rem',
+        width: '100%',
+        backgroundColor: backgroundColor,
+        borderRadius: borderRadius || '0.25rem',
+        position: 'absolute',
+    });
+});
+var Container = emotionStyled_esm.div(function (_a) {
+    var widthAuto = _a.widthAuto, description = _a.description;
+    return ({
+        width: widthAuto ? 'auto' : 'fit-content',
+        position: 'relative',
+        overflow: description ? 'hidden' : '',
+    });
+});
+var getBarWithBasedOnPercent = function (percent) {
+    return percent <= 100 && percent >= 0 ? "".concat(percent, "%") : '0%';
+};
+var ProgressBar = function (_a) {
+    var description = _a.description, fillColor = _a.fillColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? true : _b, percent = _a.percent, height = _a.height, backgroundColor = _a.backgroundColor, borderRadius = _a.borderRadius;
+    var theme = Theme.useTheme();
+    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ "data-testid": "PBContainer", widthAuto: widthAuto, description: description }, { children: [jsxRuntime.jsx(Background, tslib_es6.__assign({ backgroundColor: backgroundColor || theme.colors.shades['100'].color, height: height, borderRadius: borderRadius, "data-testid": "PBBackground" }, { children: jsxRuntime.jsx(Bar, { "data-testid": "PBBar", backgroundColor: fillColor, percent: percent, height: height, borderRadius: borderRadius }, void 0) }), void 0), description && (jsxRuntime.jsx(P, tslib_es6.__assign({ "data-testid": "paragraph", color: theme.colors.pallete.secondary.color }, { children: description }), void 0))] }), void 0));
+};
+var templateObject_1;
+
+exports.ProgressBar = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/build/index.js/src/components/progress-bar/ProgressBar.js.map

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

package/build/index.js/src/components/quantityPicker/QuantityPicker.js

@@ -0,0 +1,42 @@
+'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 emotionStyled_esm = require('../../../node_modules/@emotion/styled/dist/emotion-styled.esm.js');
+var Theme = require('../../core/theme/Theme.js');
+
+var Container = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  padding: 0.625rem 0;\n  border: 0.063rem solid ", ";\n  border-radius: 0.5rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n  max-width: 3.75rem;\n\n  * {\n    color: ", ";\n  }\n"], ["\n  padding: 0.625rem 0;\n  border: 0.063rem solid ", ";\n  border-radius: 0.5rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-around;\n  width: 100%;\n  max-width: 3.75rem;\n\n  * {\n    color: ", ";\n  }\n"])), function (props) { return props.borderColor; }, function (props) { return props.color; });
+var Item = emotionStyled_esm.span(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  padding: 0;\n"], ["\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  padding: 0;\n"])));
+var Number = emotionStyled_esm(Item)(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  width: 1.25rem;\n  text-align: center;\n  font-weight: 600;\n"], ["\n  width: 1.25rem;\n  text-align: center;\n  font-weight: 600;\n"])));
+var IncreaseDecrease = emotionStyled_esm(Item)(templateObject_4 || (templateObject_4 = tslib_es6.__makeTemplateObject(["\n  cursor: pointer;\n  user-select: none;\n  padding: 0 0.313rem;\n  font-weight: 400;\n  color: ", ";\n"], ["\n  cursor: pointer;\n  user-select: none;\n  padding: 0 0.313rem;\n  font-weight: 400;\n  color: ", ";\n"])), function (props) { return props.isMaxSelected && 'var(--colors-shades-175-color)'; });
+var QuantityPicker = function (_a) {
+    var _b = _a.initialValue, initialValue = _b === void 0 ? 0 : _b, _c = _a.maxValue, maxValue = _c === void 0 ? 99 : _c, value = _a.value, _d = _a.testId, testId = _d === void 0 ? 'quantity-picker' : _d, onChange = _a.onChange;
+    var theme = Theme.useTheme();
+    var _e = React.useState(value !== null && value !== void 0 ? value : initialValue), internal = _e[0], setInternal = _e[1];
+    React.useEffect(function () {
+        if (onChange) {
+            onChange(internal);
+        }
+    }, [onChange, internal]);
+    var clamp = React.useCallback(function (value) {
+        // Math.max guards against numbers less than `initialValue`
+        // Math.min guards against numbers greater than `maxValue`
+        return Math.max(Math.min(value, maxValue), initialValue);
+    }, [maxValue, initialValue]);
+    React.useEffect(function () {
+        setInternal(function (internal) {
+            if (value == null) {
+                return internal;
+            }
+            return clamp(value);
+        });
+    }, [value, clamp]);
+    return (jsxRuntime.jsxs(Container, tslib_es6.__assign({ borderColor: theme.colors.shades['200'].color, color: theme.colors.shades['700'].color, "data-testid": testId }, { children: [jsxRuntime.jsx(IncreaseDecrease, tslib_es6.__assign({ "data-testid": "".concat(testId, "-minus"), onClick: function () { return setInternal(function (value) { return clamp(value - 1); }); } }, { children: "-" }), void 0), jsxRuntime.jsx(Number, { children: internal }, void 0), jsxRuntime.jsx(IncreaseDecrease, tslib_es6.__assign({ isMaxSelected: value === maxValue, "data-testid": "".concat(testId, "-plus"), onClick: function () { return setInternal(function (value) { return clamp(value + 1); }); } }, { children: "+" }), void 0)] }), void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+exports.QuantityPicker = QuantityPicker;
+//# sourceMappingURL=QuantityPicker.js.map

package/build/index.js/src/components/quantityPicker/QuantityPicker.js.map

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

package/build/index.js/src/components/radio/RadioPrimary/radioPrimary.js

@@ -0,0 +1,128 @@
+'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');
+require('../../shared/card/Card.js');
+var Theme = require('../../../core/theme/Theme.js');
+var enums = require('../../../types/enums.js');
+require('../../dropdown/variants/simple/SimpleDropdown.js');
+require('../../dropdown/variants/dialog/DropdownDialog.js');
+require('../../size/selector/SizeSelector.js');
+require('../../size/guide/SizeFitGuide.js');
+require('../../pricing/discount/DiscountTag.js');
+require('../../pricing/price/PriceLabel.js');
+require('../../pricing/priceLabelV2/PriceLabelV2.js');
+require('../../pricing/clubOffer/ClubOfferTag.js');
+require('../../color/ColorRadioGroup.js');
+require('../../color/selector/PatternSelector.js');
+require('react');
+require('../../gallery/ProductGallery.js');
+require('../../rating/Rating.js');
+require('../../fit/FitPredictor.js');
+require('../../progress-bar/ProgressBar.js');
+require('../../motivator-progress-bar/MotivatorProgressBar.js');
+require('../../icon-button/IconButton.js');
+require('../../tooltip/Styled.js');
+require('../../accordion/Accordion.js');
+require('../../checkbox/Checkbox.js');
+require('../input/radio.js');
+require('../clubRadioInput/clubRadio.js');
+require('../../bundle/minimalistic/Minimalistic.js');
+require('../../bundle/simple/Simple.js');
+require('../../tag/Tag.js');
+require('../../input/label/Label.js');
+require('../../../utils/media.js');
+require('../../input/base/Error.js');
+require('../../input/base/Styled.js');
+require('../../input/custom/Custom.js');
+require('../../input/basePlusButton/BasePlusButton.js');
+require('../../input/basePlusIcon/BasePlusIcon.js');
+require('../../payment-methods/PaymentMethod.js');
+require('../../offer-banner/OfferBanner.js');
+require('../../totals/total/Total.js');
+require('../../totals/subtotal/Subtotal.js');
+require('../../delivery-details/DeliveryDetails.js');
+require('../../scroll-to-top/ScrollToTop.js');
+require('../../order-bar/OrderBar.js');
+require('../../size-table/SizeTable.js');
+require('../../size-chart/SizeChart.js');
+require('../../product/order/item/SimpleOrderItem.js');
+require('../../review/Review.js');
+require('../../slider/ArrowButton.js');
+require('../../slider/StyledSlider.js');
+require('../../dropdown-list-icons/Styled.js');
+require('../../shared/image/Image.js');
+require('../../icon-button/amazonAndPaypal/AmazonPaypalButtons.js');
+require('../../cross-sell/Checkbox/CrossSellCheckbox.js');
+require('../../collection/product/mobile/ProductItemMobile.js');
+require('../../collection/grid/WithProductGrid.js');
+require('../../rating/starList/StarList.js');
+require('../../drawer/Drawer.js');
+require('../../spinner/Spinner.js');
+require('../../filtering/Tags/Tags.js');
+require('../../dropdown/base/BaseDropdown.js');
+require('../../pagination/styles.js');
+require('../../text/Text.js');
+require('../../search-bar/SearchBar.js');
+require('../../mobile/gallery/ProductGalleryMobile.js');
+require('react-dom');
+require('../../modal/Modal.js');
+require('../../cartProductItem/Title/Title.js');
+require('../../cartProductItem/Promo/Promo.js');
+require('../../cartProductItem/Description/Description.js');
+require('../../cartProductItem/CloseIcon/CloseButton.js');
+require('../../quantityPicker/QuantityPicker.js');
+require('../../packs/selector/PackSelector.js');
+require('../../PackSelectorV2/PackSelectoV2.js');
+require('../../filtering/Accordion.js');
+require('../../filtering/FiltersStyled.js');
+require('../../search-navigation/SearchNavigation.js');
+require('../../tabs/Tabs.js');
+require('../../tabs/Tab.js');
+require('../../iconsWithTitle/index.js');
+require('../../delivery-details/Note/Note.js');
+require('../../textWithImage/index.js');
+require('../../accordion-options/AccordionOptions.js');
+require('../../short-banner/ShortBanner.js');
+require('../../before-after/BeforeAfter.js');
+require('../../image-card/ImageCard.js');
+require('../../tracking-progress/TrackingProgress.js');
+require('../../tracking-progress-v2/TrackingProgressV2.js');
+require('../../reviews-header/ReviewsHeader.js');
+require('../../review-detail/ReviewDetail.js');
+require('../../mobile/gallery/ProductGalleryMobileV2/ProductGalleryMobileV2.js');
+require('../../absorbency-level/AbsorbencyLevel.js');
+require('../../HurryUp/HurryUp.js');
+require('../../buynowpaylater/BuyNowPayLater.js');
+require('../../strength-bars/StrengthBars.js');
+require('../../dropdown/size-dropdown/Styled.js');
+var label = require('../../shared/label/label.js');
+var styles = require('./styles.js');
+
+var Wrapper = emotionStyled_esm.div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+var Container = emotionStyled_esm.div(tslib_es6.__assign({}, styles.ContainerStyles.baseStyles), function (props) { return [styles.ContainerStyles[props.size](props.theme)]; });
+var Input = emotionStyled_esm.input(templateObject_2 || (templateObject_2 = tslib_es6.__makeTemplateObject(["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"], ["\n  position: absolute;\n  opacity: 0;\n  cursor: ", ";\n  height: 100%;\n  width: 100%;\n  margin: 0;\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 'not-allowed' : 'pointer');
+});
+var CustomRadio = emotionStyled_esm.div(function (props) { return [
+    styles.CustomRadioStyles.baseStyles(props.theme, props.disabled, props.isChecked),
+    styles.CustomRadioStyles[props.size](props.theme, props.isChecked),
+]; });
+var StyledLabel = emotionStyled_esm(label)(templateObject_3 || (templateObject_3 = tslib_es6.__makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 22px;\n"])));
+var RadioPrimary = function (_a) {
+    var style = _a.style, name = _a.name, value = _a.value, id = _a.id, label = _a.label, _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? enums.ComponentSize.Medium : _d;
+    var theme = Theme.useTheme();
+    var handleChange = function (event, label) {
+        var value = event.currentTarget.value;
+        onChange({ value: value, label: label });
+    };
+    return (jsxRuntime.jsxs(Wrapper, { children: [jsxRuntime.jsxs(Container, tslib_es6.__assign({ theme: theme, size: size, style: style, "data-testid": "container" }, { children: [jsxRuntime.jsx(Input, { id: "".concat(name, "-").concat(id), type: "radio", name: name, value: value, checked: checked, onChange: function (e) { return (disabled ? null : handleChange(e, label)); }, disabled: disabled, style: style }, void 0), jsxRuntime.jsx(CustomRadio, { size: size, isChecked: checked, disabled: disabled, theme: theme, "data-testid": "custom-radio", style: style }, void 0)] }), void 0), jsxRuntime.jsx(StyledLabel, tslib_es6.__assign({ htmlFor: "".concat(name, "-").concat(id), "data-testid": "label", variant: "regular", size: size, disabled: disabled }, { children: label }), void 0)] }, void 0));
+};
+var templateObject_1, templateObject_2, templateObject_3;
+
+exports.RadioPrimary = RadioPrimary;
+//# sourceMappingURL=radioPrimary.js.map

package/build/index.js/src/components/radio/RadioPrimary/radioPrimary.js.map

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

package/build/index.js/src/components/radio/RadioPrimary/styles.js

@@ -0,0 +1,76 @@
+'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 CustomRadioStyles = {
+    baseStyles: function (theme, disabled, active) {
+        return emotionReact_esm.css({
+            borderRadius: '50%',
+            height: '100%',
+            width: '100%',
+            boxSizing: 'border-box',
+            borderStyle: 'solid',
+            background: theme.component.radio.background,
+            borderColor: disabled
+                ? theme.colors.border.disabled
+                : active
+                    ? theme.colors.pallete.primary.color
+                    : theme.colors.shades[400].color,
+        });
+    },
+    small: function (theme, active) {
+        return emotionReact_esm.css({
+            borderWidth: active
+                ? theme.component.radio.size.small.active.borderWidth
+                : theme.component.radio.size.small.borderWidth,
+        });
+    },
+    medium: function (theme, active) {
+        return emotionReact_esm.css({
+            borderWidth: active
+                ? theme.component.radio.size.medium.active.borderWidth
+                : theme.component.radio.size.medium.borderWidth,
+        });
+    },
+    large: function (theme, active) {
+        return emotionReact_esm.css({
+            borderWidth: active
+                ? theme.component.radio.size.large.active.borderWidth
+                : theme.component.radio.size.large.borderWidth,
+        });
+    },
+};
+/* base styles & size variants */
+var ContainerStyles = {
+    baseStyles: emotionReact_esm.css({
+        position: 'relative',
+    }),
+    small: function (theme) {
+        return emotionReact_esm.css({
+            height: theme.component.radio.size.small.height,
+            width: theme.component.radio.size.small.height,
+            marginRight: theme.component.radio.size.small.margin,
+        });
+    },
+    medium: function (theme) {
+        return emotionReact_esm.css({
+            height: theme.component.radio.size.medium.height,
+            width: theme.component.radio.size.medium.height,
+            marginRight: theme.component.radio.size.medium.margin,
+        });
+    },
+    large: function (theme) {
+        return emotionReact_esm.css({
+            height: theme.component.radio.size.large.height,
+            width: theme.component.radio.size.large.height,
+            marginRight: theme.component.radio.size.large.margin,
+        });
+    },
+};
+
+exports.ContainerStyles = ContainerStyles;
+exports.CustomRadioStyles = CustomRadioStyles;
+//# sourceMappingURL=styles.js.map

package/build/index.js/src/components/radio/RadioPrimary/styles.js.map

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

package/build/index.js/src/components/radio/clubContainer/clubGroup.js

@@ -0,0 +1,24 @@
+'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 enums = require('../../../types/enums.js');
+var clubRadio = require('../clubRadioInput/clubRadio.js');
+
+var ClubRadioGroupInput = function (_a) {
+    var style = _a.style, name = _a.name, _b = _a.options, options = _b === void 0 ? [] : _b, value = _a.value, onChange = _a.onChange, _c = _a.size, size = _c === void 0 ? enums.ComponentSize.Medium : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
+    var _e = React.useState(value), selectedInput = _e[0], setSelectedInput = _e[1];
+    var handleChange = function (selected) {
+        setSelectedInput(selected);
+        onChange(selected);
+    };
+    return (jsxRuntime.jsx("div", tslib_es6.__assign({ "data-testid": "group-container" }, { children: options.map(function (option, index) {
+            return (jsxRuntime.jsx(clubRadio.ClubRadioInput, { id: "".concat(index), name: name, value: option.value, label: option.label, onChange: function (option) { return handleChange(option); }, checked: option.value === (selectedInput === null || selectedInput === void 0 ? void 0 : selectedInput.value), size: size, disabled: disabled, "data-testid": "input", style: style }, index));
+        }) }), void 0));
+};
+
+exports.ClubRadioGroupInput = ClubRadioGroupInput;
+//# sourceMappingURL=clubGroup.js.map

package/build/index.js/src/components/radio/clubContainer/clubGroup.js.map

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