@trafilea/afrodita-components 6.39.12 → 6.40.0

package/build/index.js

@@ -3208,7 +3208,7 @@ var getStylesBySize$g = function (size) {
             };
     }
 };
-var Container$1q = newStyled.div(templateObject_1$2k || (templateObject_1$2k = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"])), function (_a) {
+var Container$1q = newStyled.div(templateObject_1$2l || (templateObject_1$2l = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"])), function (_a) {
     var backgroundColor = _a.backgroundColor;
     return backgroundColor;
 }, function (_a) {
@@ -3247,7 +3247,7 @@ var ClubOfferTag = function (_a) {
     var theme = useTheme();
     return (jsxRuntime.jsx(Container$1q, __assign$1({ backgroundColor: disabled ? theme.colors.shades['50'].color : backgroundColor, borderColor: disabled ? theme.colors.shades['50'].color : borderColor, size: size, "data-testid": "cluboffer-container", style: style, className: className }, { children: jsxRuntime.jsx(H3$2, __assign$1({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: { fontSize: '0.875rem', lineHeight: '18px' } }, { children: clubOfferText }), void 0) }), void 0));
 };
-var templateObject_1$2k, templateObject_2$1G;
+var templateObject_1$2l, templateObject_2$1G;
 
 var getStylesBySize$f = function (size, bordersRounded, theme) {
     var _a, _b, _c;
@@ -3278,7 +3278,7 @@ var getStylesBySize$f = function (size, bordersRounded, theme) {
             };
     }
 };
-var Container$1p = newStyled.div(templateObject_1$2j || (templateObject_1$2j = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"])), function (_a) {
+var Container$1p = newStyled.div(templateObject_1$2k || (templateObject_1$2k = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"], ["\n  background-color: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  padding: ", ";\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: ", ";\n  height: ", ";\n  text-align: center;\n  cursor: default;\n"])), function (_a) {
     var backgroundColor = _a.backgroundColor;
     return backgroundColor;
 }, function (_a) {
@@ -3317,7 +3317,7 @@ var DiscountTag$3 = function (_a) {
     var theme = useTheme();
     return (jsxRuntime.jsx(Container$1p, __assign$1({ backgroundColor: disabled ? theme.colors.shades['50'].color : backgroundColor, borderColor: disabled ? theme.colors.shades['50'].color : borderColor, size: size, "data-testid": "discount-container", style: style, bordersRounded: bordersRounded }, { children: jsxRuntime.jsxs(H3$1, __assign$1({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style, theme: theme }, { children: [discount, "% ", offText, " ", showSavings && savings && "- ".concat(savings)] }), void 0) }), void 0));
 };
-var templateObject_1$2j, templateObject_2$1F;
+var templateObject_1$2k, templateObject_2$1F;
 
 var Viewports = {
     mobile: 'mobile',
@@ -3426,7 +3426,7 @@ var getFontSize = function (size, theme, finalPriceStyled, finalPriceStyledSmall
         return (_c = getStylesBySize$e(size, theme)) === null || _c === void 0 ? void 0 : _c.fontSize;
     }
 };
-var Container$1o = newStyled.div(templateObject_1$2i || (templateObject_1$2i = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+var Container$1o = newStyled.div(templateObject_1$2j || (templateObject_1$2j = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 var Price = newStyled.p(templateObject_2$1E || (templateObject_2$1E = __makeTemplateObject(["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n  position: relative;\n  margin-top: ", ";\n"], ["\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  text-decoration: ", ";\n  margin: ", ";\n  position: relative;\n  margin-top: ", ";\n"])), function (_a) {
     var weight = _a.weight;
     return (weight ? weight : '400');
@@ -3484,9 +3484,9 @@ var PriceLabel$1 = function (_a) {
     };
     return (jsxRuntime.jsxs(Container$1o, __assign$1({}, rest, { id: "priceLabel" }, { children: [clubStyle ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!!originalPrice && jsxRuntime.jsx(OriginalPrice, {}, void 0), jsxRuntime.jsx(Price, __assign$1({ margin: true, "data-testid": getTestId$1(testId, 'final-product-price') }, priceCommonProps, { style: finalPriceStyle, size: size }, { children: finalPrice }), void 0)] }, void 0)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Price, __assign$1({ margin: true, "data-testid": getTestId$1(testId, 'final-product-price') }, priceCommonProps, { style: finalPriceStyle, size: size }, { children: finalPrice }), void 0), !!originalPrice && jsxRuntime.jsx(OriginalPrice, {}, void 0)] }, void 0)), discount && (jsxRuntime.jsx(TagContainer, __assign$1({ size: size }, { children: jsxRuntime.jsx(DiscountTag$3, __assign$1({}, discount, { size: size }), void 0) }), void 0))] }), void 0));
 };
-var templateObject_1$2i, templateObject_2$1E, templateObject_3$1h;
+var templateObject_1$2j, templateObject_2$1E, templateObject_3$1h;
 
-var FinalPriceStyledContainer$3 = newStyled.div(templateObject_1$2h || (templateObject_1$2h = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var FinalPriceStyledContainer$3 = newStyled.div(templateObject_1$2i || (templateObject_1$2i = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var PriceLabelV2$1 = 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 ? exports.ComponentSize.Small : _e, _f = _a.bordersRounded, bordersRounded = _f === void 0 ? false : _f, _g = _a.savingsDisplay, savingsDisplay = _g === void 0 ? true : _g, pricePerItem = _a.pricePerItem, _h = _a.hasRoundedSavings, hasRoundedSavings = _h === void 0 ? true : _h, rest = __rest(_a, ["finalPrice", "originalPrice", "discount", "clubOffer", "color", "testId", "originalPriceStyled", "originalPriceUnderlined", "size", "bordersRounded", "savingsDisplay", "pricePerItem", "hasRoundedSavings"]);
@@ -3555,9 +3555,9 @@ var PriceLabelV2$1 = function (_a) {
                         lineHeight: '22px',
                     } }), void 0)) }), void 0))] }), void 0));
 };
-var templateObject_1$2h;
+var templateObject_1$2i;
 
-var FinalPriceStyledContainer$2 = newStyled.div(templateObject_1$2g || (templateObject_1$2g = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var FinalPriceStyledContainer$2 = newStyled.div(templateObject_1$2h || (templateObject_1$2h = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var ContainerDirectionColumn = newStyled.div(templateObject_2$1D || (templateObject_2$1D = __makeTemplateObject(["\n  display: column;\n  align-items: center;\n"], ["\n  display: column;\n  align-items: center;\n"])));
 var DiscountEachOneContainer = newStyled.div(templateObject_3$1g || (templateObject_3$1g = __makeTemplateObject(["\n  display: flex;\n  padding-left: 0.5rem;\n"], ["\n  display: flex;\n  padding-left: 0.5rem;\n"])));
 var PriceLabelV3 = function (_a) {
@@ -3630,9 +3630,9 @@ var PriceLabelV3 = function (_a) {
                                 lineHeight: '22px',
                             } }), void 0)) }), void 0))] }, void 0)] }), void 0));
 };
-var templateObject_1$2g, templateObject_2$1D, templateObject_3$1g;
+var templateObject_1$2h, templateObject_2$1D, templateObject_3$1g;
 
-var FinalPriceStyledContainer$1 = newStyled.div(templateObject_1$2f || (templateObject_1$2f = __makeTemplateObject(["\n  display: flex;\n  margin-left: -5px;\n"], ["\n  display: flex;\n  margin-left: -5px;\n"])));
+var FinalPriceStyledContainer$1 = newStyled.div(templateObject_1$2g || (templateObject_1$2g = __makeTemplateObject(["\n  display: flex;\n  margin-left: -5px;\n"], ["\n  display: flex;\n  margin-left: -5px;\n"])));
 var PriceLabel = function (_a) {
     var _b;
     var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, 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 ? exports.ComponentSize.Small : _e, _f = _a.isClubOffer, isClubOffer = _f === void 0 ? false : _f, rest = __rest(_a, ["finalPrice", "originalPrice", "color", "testId", "originalPriceStyled", "originalPriceUnderlined", "size", "isClubOffer"]);
@@ -3666,9 +3666,9 @@ var PriceLabel = function (_a) {
                             marginTop: '-6px',
                         } }, priceCommonProps, { size: size }, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)] }), void 0)] }), void 0));
 };
-var templateObject_1$2f;
+var templateObject_1$2g;
 
-var FinalPriceStyledContainer = newStyled.div(templateObject_1$2e || (templateObject_1$2e = __makeTemplateObject(["\n  display: flex;\n  margin-left: -5px;\n"], ["\n  display: flex;\n  margin-left: -5px;\n"])));
+var FinalPriceStyledContainer = newStyled.div(templateObject_1$2f || (templateObject_1$2f = __makeTemplateObject(["\n  display: flex;\n  margin-left: -5px;\n"], ["\n  display: flex;\n  margin-left: -5px;\n"])));
 var PriceLabelV2 = function (_a) {
     var _b;
     var finalPrice = _a.finalPrice, originalPrice = _a.originalPrice, 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 ? exports.ComponentSize.Small : _e, _f = _a.isClubOffer, isClubOffer = _f === void 0 ? false : _f, rest = __rest(_a, ["finalPrice", "originalPrice", "color", "testId", "originalPriceStyled", "originalPriceUnderlined", "size", "isClubOffer"]);
@@ -3701,11 +3701,11 @@ var PriceLabelV2 = function (_a) {
         : (_b = "".concat(finalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1];
     return (jsxRuntime.jsxs(Container$1o, __assign$1({}, rest, { children: [isOriginalPrice && !isClubOffer && jsxRuntime.jsx(OriginalPrice, {}, void 0), jsxRuntime.jsxs(FinalPriceStyledContainer, __assign$1({ "data-testid": getTestId$1(testId, 'final-product-price'), style: { marginLeft: '-3px' } }, { children: [jsxRuntime.jsxs(Price, __assign$1({ finalPriceStyled: true }, priceCommonProps, { size: size }, { children: [currencySymbol, finalPriceString] }), void 0), jsxRuntime.jsx(Price, __assign$1({ finalPriceStyledSmall: true }, priceCommonProps, { size: size }, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)] }), void 0)] }), void 0));
 };
-var templateObject_1$2e;
+var templateObject_1$2f;
 
-var ContainerWrapper$2 = newStyled.div(templateObject_1$2d || (templateObject_1$2d = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"])));
+var ContainerWrapper$2 = newStyled.div(templateObject_1$2e || (templateObject_1$2e = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 2px;\n"])));
 var ImgWrapper = newStyled.div(templateObject_2$1C || (templateObject_2$1C = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 50px auto;\n  height: 20px;\n  opacity: 0px;\n  position: relative;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  width: 50px auto;\n  height: 20px;\n  opacity: 0px;\n  position: relative;\n"])));
-var templateObject_1$2d, templateObject_2$1C;
+var templateObject_1$2e, templateObject_2$1C;
 
 var ClubPriceMemberLabel = function (_a) {
     var isClub = _a.isClub, _b = _a.isPDP, isPDP = _b === void 0 ? false : _b, icon = _a.icon, _c = _a.isCollections, isCollections = _c === void 0 ? false : _c, rest = __rest(_a, ["isClub", "isPDP", "icon", "isCollections"]);
@@ -3714,6 +3714,12 @@ var ClubPriceMemberLabel = function (_a) {
     return (jsxRuntime.jsx("div", { children: isClub ? (jsxRuntime.jsxs(ContainerWrapper$2, __assign$1({ id: "priceMemberLabelWrapper" }, { children: [PriceComponent, jsxRuntime.jsx(ImgWrapper, __assign$1({ id: "priceMemberLabelImgWrapper" }, { children: icon }), void 0)] }), void 0)) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: PriceComponent }, void 0)) }, void 0));
 };
 
+var HorizontalDivider = newStyled.div(templateObject_1$2d || (templateObject_1$2d = __makeTemplateObject(["\n  border: unset;\n  outline: unset;\n  background-color: var(--colors-shades-100-color);\n  height: 1px;\n  width: ", ";\n  margin: 4% auto;\n"], ["\n  border: unset;\n  outline: unset;\n  background-color: var(--colors-shades-100-color);\n  height: 1px;\n  width: ", ";\n  margin: 4% auto;\n"])), function (_a) {
+    var width = _a.width;
+    return width !== null && width !== void 0 ? width : '100%';
+});
+var templateObject_1$2d;
+
 var Container$1n = newStyled.div(templateObject_1$2c || (templateObject_1$2c = __makeTemplateObject(["\n  @keyframes shimmer {\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  display: inline-block;\n  height: ", ";\n  width: ", ";\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n\n  ::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      ", ",\n      ", ",\n      ", "\n    );\n    animation: shimmer 2s infinite;\n    content: '';\n    box-sizing: border-box;\n  }\n"], ["\n  @keyframes shimmer {\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  display: inline-block;\n  height: ", ";\n  width: ", ";\n  position: relative;\n  overflow: hidden;\n  background-color: ", ";\n  border-radius: ", ";\n  box-sizing: border-box;\n\n  ::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      ", ",\n      ", ",\n      ", "\n    );\n    animation: shimmer 2s infinite;\n    content: '';\n    box-sizing: border-box;\n  }\n"])), function (_a) {
     var height = _a.height;
     return height !== null && height !== void 0 ? height : '1.5em';
@@ -22047,6 +22053,7 @@ exports.Filters = Filters;
 exports.FitGuarantee = FitGuarantee;
 exports.FitPredictor = FitPredictor;
 exports.Global = Global;
+exports.HorizontalDivider = HorizontalDivider;
 exports.HurryUp = HurryUp;
 exports.Icon = Icon;
 exports.IconButton = IconButton;