@trafilea/afrodita-components 6.57.2 → 6.57.4

package/build/index.d.ts

@@ -188,7 +188,7 @@ declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' |
 declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_marker_light' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_bag_v4' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/address_information_light' | 'navigation/user_solid' | 'navigation/user_v2' | 'navigation/filters_v2' | 'navigation/gift';
 declare type Other$1 = 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/megafone' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock' | 'other/help_center' | 'other/arrow_outward' | 'other/coupons' | 'other/flag_usa' | 'other/flag_canada' | 'other/flag_aus' | 'other/flag_uk' | 'other/flag_nz' | 'other/flag_sg';
 declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa' | 'payment/payment_methods';
-declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/free_returns_v2' | 'pdp/free_shipping_v2' | 'pdp/loading_trafisizy' | 'pdp/minus' | 'pdp/moon' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/play_video' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/size_with_stars' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/drop_v2' | 'pdp/few_drops' | 'pdp/trust_badge' | 'pdp/verified' | 'pdp/wrinkle_free_face' | 'pdp/skin_appearance' | 'pdp/shine_heart' | 'pdp/cruelty_free' | 'pdp/ph_formula' | 'pdp/box' | 'pdp/afterpay_logo' | 'pdp/trustpilot_star' | 'pdp/trustpilot_half_star';
+declare type PDP$1 = 'pdp/circle_number' | 'pdp/clock' | 'pdp/drop' | 'pdp/drop_empty' | 'pdp/error_cross' | 'pdp/flag_usa' | 'pdp/hours' | 'pdp/klarna_logo' | 'pdp/light_bulb' | 'pdp/free_returns_v2' | 'pdp/free_shipping_v2' | 'pdp/loading_trafisizy' | 'pdp/minus' | 'pdp/moon' | 'pdp/tape_measure' | 'pdp/new_clock' | 'pdp/play_mini' | 'pdp/play_video' | 'pdp/plus' | 'pdp/rule' | 'pdp/shipping' | 'pdp/shipping_empty' | 'pdp/size_empty' | 'pdp/size_empty_v2' | 'pdp/size_with_stars' | 'pdp/star' | 'pdp/stars' | 'pdp/star_empty' | 'pdp/star_half' | 'pdp/stopwatch' | 'pdp/drop_v2' | 'pdp/few_drops' | 'pdp/trust_badge' | 'pdp/verified' | 'pdp/wrinkle_free_face' | 'pdp/skin_appearance' | 'pdp/shine_heart' | 'pdp/cruelty_free' | 'pdp/ph_formula' | 'pdp/box' | 'pdp/afterpay_logo' | 'pdp/trustpilot_star' | 'pdp/trustpilot_half_star';
 declare type SlideDots$1 = 'slidedots/slide_dot';
 declare type SocialMedia$1 = 'socialmedia/facebook' | 'socialmedia/facebook_solid' | 'socialmedia/instagram' | 'socialmedia/instagram_solid' | 'socialmedia/interaction' | 'socialmedia/pinterest' | 'socialmedia/twitter' | 'socialmedia/youtube' | 'socialmedia/spotify' | 'socialmedia/apple_podcast';
 declare type IconName = Actions$1 | Arrows$1 | Custom$1 | Download$1 | Emoji$1 | Messaging$1 | MyAccount$1 | Navigation$1 | Other$1 | Payment$1 | PDP$1 | SlideDots$1 | SocialMedia$1;
@@ -1129,6 +1129,8 @@ declare const LightBulb: IconComponent;
 
 declare const LoadingTrafisizy: IconComponent;
 
+declare const TapeMeasure: IconComponent;
+
 declare const Minus: IconComponent;
 
 declare const Moon: IconComponent;
@@ -1186,6 +1188,7 @@ declare const PDP_Hours: typeof Hours;
 declare const PDP_KlarnaLogo: typeof KlarnaLogo;
 declare const PDP_LightBulb: typeof LightBulb;
 declare const PDP_LoadingTrafisizy: typeof LoadingTrafisizy;
+declare const PDP_TapeMeasure: typeof TapeMeasure;
 declare const PDP_Minus: typeof Minus;
 declare const PDP_Moon: typeof Moon;
 declare const PDP_NewClock: typeof NewClock;
@@ -1224,6 +1227,7 @@ declare namespace PDP {
     PDP_KlarnaLogo as KlarnaLogo,
     PDP_LightBulb as LightBulb,
     PDP_LoadingTrafisizy as LoadingTrafisizy,
+    PDP_TapeMeasure as TapeMeasure,
     PDP_Minus as Minus,
     PDP_Moon as Moon,
     PDP_NewClock as NewClock,

package/build/index.esm.js

@@ -3409,7 +3409,7 @@ var PriceContainer$3 = newStyled.div(templateObject_4$18 || (templateObject_4$18
     var invertDirection = _a.invertDirection;
     return (invertDirection ? 'row-reverse' : 'row');
 });
-var TooltipContainer$1 = newStyled.div(templateObject_5$U || (templateObject_5$U = __makeTemplateObject(["\n  margin-left: 0.2rem;\n  margin-top: -0.4rem;\n  .tooltip-wrapper {\n    box-shadow: none;\n  }\n"], ["\n  margin-left: 0.2rem;\n  margin-top: -0.4rem;\n  .tooltip-wrapper {\n    box-shadow: none;\n  }\n"])));
+var TooltipContainer$1 = newStyled.div(templateObject_5$U || (templateObject_5$U = __makeTemplateObject(["\n  margin-top: -0.4rem;\n  .tooltip-wrapper {\n    box-shadow: none;\n  }\n"], ["\n  margin-top: -0.4rem;\n  .tooltip-wrapper {\n    box-shadow: none;\n  }\n"])));
 var templateObject_1$2E, templateObject_2$1U, templateObject_3$1u, templateObject_4$18, templateObject_5$U;
 
 var getStylesBySize$e = function (size, theme) {
@@ -3572,7 +3572,7 @@ var getArrowStyles = function (position, borderColor, backgroundColor) {
         case ComponentPosition.BottomLeft:
             return "\n     &::before,&::after\n      {\n      content: '';\n      position: absolute;\n      top: 0%;\n      left: 171px;\n      margin-top: -9px;\n      border: 10px solid transparent;\n      border-top: 0;\n      }\n      \n      &::before {\n        border-bottom: 10px solid ".concat(borderColor, ";\n        margin-top: -10px;\n      }\n      &::after {\n        border-bottom: 10px solid ").concat(backgroundColor, ";\n        z-index: 999;\n      }");
         case ComponentPosition.BottomRight:
-            return "\n     &::before,&::after\n      {\n      content: '';\n      position: absolute;\n      top: 0%;\n      left: 28px;\n      margin-top: -9px;\n      border: 10px solid transparent;\n      border-top: 0;\n      }\n      \n      &::before {\n        border-bottom: 10px solid ".concat(borderColor, ";\n        margin-top: -10px;\n      }\n      &::after {\n        border-bottom: 10px solid ").concat(backgroundColor, ";\n        z-index: 999;\n      }");
+            return "\n     &::before,&::after\n      {\n      content: '';\n      position: absolute;\n      top: 2%;\n      left: 28px;\n      margin-top: -9px;\n      border: 10px solid transparent;\n      border-top: 0;\n      @media (max-width: 768px) {\n        left: 10px;\n      }\n      }\n      \n      &::before {\n        border-bottom: 10px solid ".concat(borderColor, ";\n        margin-top: -10px;\n      }\n      &::after {\n        border-bottom: 10px solid ").concat(backgroundColor, ";\n        z-index: 999;\n      }");
         case ComponentPosition.Left:
             return "\n      &::before,&::after\n      {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 100%;\n      margin-top: -10px;\n      border: 10px solid transparent;\n      border-right: 0;s\n      border-left: 10px solid transparent;\n      margin-left: -1px;\n      }\n      \n      &::before {\n        border-left: 10px solid ".concat(borderColor, ";\n       \n      }\n      &::after {\n        border-left: 10px solid ").concat(backgroundColor, ";\n        z-index: 999;\n      }");
         case ComponentPosition.Right:
@@ -3624,7 +3624,7 @@ var Wrapper$8 = newStyled.div(templateObject_1$2D || (templateObject_1$2D = __ma
     var disableHover = _a.disableHover;
     return (disableHover ? 0 : 1);
 });
-var TooltipContainer = newStyled.div(templateObject_2$1T || (templateObject_2$1T = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  flex-direction: ", ";\n  align-items: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  max-width: ", ";\n  transition: opacity 0.2s ease;\n  userselect: none;\n  opacity: 0;\n  visibility: hidden;\n\n  ", "\n"], ["\n  position: absolute;\n  display: flex;\n  flex-direction: ", ";\n  align-items: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  max-width: ", ";\n  transition: opacity 0.2s ease;\n  userselect: none;\n  opacity: 0;\n  visibility: hidden;\n\n  ", "\n"])), function (_a) {
+var TooltipContainer = newStyled.div(templateObject_2$1T || (templateObject_2$1T = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  flex-direction: ", ";\n  align-items: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  max-width: ", ";\n  transition: opacity 0.2s ease;\n  userselect: none;\n  opacity: 0;\n  visibility: hidden;\n  ", "\n\n  ", "\n"], ["\n  position: absolute;\n  display: flex;\n  flex-direction: ", ";\n  align-items: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n  margin-top: ", ";\n  margin-bottom: ", ";\n  max-width: ", ";\n  transition: opacity 0.2s ease;\n  userselect: none;\n  opacity: 0;\n  visibility: hidden;\n  ", "\n\n  ", "\n"])), function (_a) {
     var position = _a.position;
     return getContainerFlexDirection(position);
 }, function (_a) {
@@ -3645,6 +3645,10 @@ var TooltipContainer = newStyled.div(templateObject_2$1T || (templateObject_2$1T
 }, function (_a) {
     var maxWidth = _a.maxWidth;
     return (maxWidth ? maxWidth : 'none');
+}, function (_a) {
+    var position = _a.position;
+    return position === ComponentPosition.BottomRight &&
+        "@media (max-width: 768px) {\n      margin-left: -12px;\n    }";
 }, function (_a) {
     var position = _a.position, borderColor = _a.borderColor, backgroundColor = _a.backgroundColor, withArrow = _a.withArrow;
     return withArrow && getArrowStyles(position, borderColor, backgroundColor);
@@ -3766,17 +3770,15 @@ var PriceLabelV2$1 = function (_a) {
     var savetoString = saveto.toFixed(2);
     var OriginalPrice = function () { return (jsx$1(Price$1, __assign$1({ size: originalPriceStyled ? size : ComponentSize.Small, color: theme.component.pricing.priceLabel.price.originalPriceColor ||
             theme.colors.shades['300'].color, margin: true, underlined: originalPriceUnderlined, "data-testid": getTestId$2(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
-    return (jsxs$1(Container$1z, __assign$1({}, rest, { id: "priceLabelV2" }, { children: [isOriginalPrice && jsx$1(OriginalPrice, {}, void 0), jsxs$1(FinalPriceStyledContainer$3, __assign$1({ "data-testid": getTestId$2(testId, 'final-product-price') }, { children: [jsx$1(Price$1, __assign$1({ margin: true, finalPriceStyledSmall: true }, priceCommonProps, { size: size }, { children: currencySymbol }), void 0), jsx$1(Price$1, __assign$1({ finalPriceStyled: true }, priceCommonProps, { size: size }, { children: finalPriceArray[0]
+    return (jsxs$1(Container$1z, __assign$1({}, rest, { id: "priceLabelV2" }, { children: [tooltipText && (jsx$1(TooltipContainer$1, __assign$1({ "data-testid": "tooltip-container" }, { children: jsx$1(Tooltip, __assign$1({ showCloseIcon: true, withArrow: true, content: {
+                        text: tooltipText,
+                    }, position: tooltipPosition !== null && tooltipPosition !== void 0 ? tooltipPosition : ComponentPosition.BottomRight, closeBtnSize: 0.7, "data-testid": "tooltip" }, { children: jsx$1(Icon$1, { name: tooltipIcon !== null && tooltipIcon !== void 0 ? tooltipIcon : 'actions/circle_info', fill: theme.colors.shades[500].color, testId: "tooltip-icon", showTooltipTitle: isMobile }, void 0) }), void 0) }), void 0)), isOriginalPrice && jsx$1(OriginalPrice, {}, void 0), jsxs$1(FinalPriceStyledContainer$3, __assign$1({ "data-testid": getTestId$2(testId, 'final-product-price') }, { children: [jsx$1(Price$1, __assign$1({ margin: true, finalPriceStyledSmall: true }, priceCommonProps, { size: size }, { children: currencySymbol }), void 0), jsx$1(Price$1, __assign$1({ finalPriceStyled: true }, priceCommonProps, { size: size }, { children: finalPriceArray[0]
                             ? finalPriceArray[0]
                             : (_b = "".concat(productFinalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1] }), void 0), showDecimals && (jsx$1(Price$1, __assign$1({ finalPriceStyledSmall: true, style: {
                             marginTop: '-6px',
                         } }, priceCommonProps, { size: size }, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)), pricePerItem && (jsx$1(Price$1, __assign$1({ size: ComponentSize.Small, color: theme.colors.pallete.secondary.color }, { children: "/each" }), void 0))] }), void 0), isDiscount && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Small }, { children: discount && (jsx$1(DiscountTag$4, __assign$1({}, discount, { size: ComponentSize.Medium, style: {
                         letterSpacing: '-0.05rem',
-                    }, bordersRounded: bordersRounded, savings: savingsDisplay ? "Save ".concat(currencySymbol).concat(savetoString) : undefined }), void 0)) }), void 0)), tooltipText && (jsx$1(TooltipContainer$1, __assign$1({ "data-testid": "tooltip-container" }, { children: jsx$1(Tooltip, __assign$1({ showCloseIcon: true, withArrow: true, content: {
-                        text: tooltipText,
-                    }, position: tooltipPosition !== null && tooltipPosition !== void 0 ? tooltipPosition : (isDiscount && isMobile
-                        ? ComponentPosition.BottomLeft
-                        : ComponentPosition.BottomRight), closeBtnSize: 0.7, "data-testid": "tooltip" }, { children: jsx$1(Icon$1, { name: tooltipIcon !== null && tooltipIcon !== void 0 ? tooltipIcon : 'actions/circle_info', fill: theme.colors.shades[500].color, testId: "tooltip-icon", showTooltipTitle: false }, void 0) }), void 0) }), void 0)), isClubOffer && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Medium }, { children: clubOffer && (jsx$1(ClubOfferTag, __assign$1({}, clubOffer, { size: ComponentSize.Small, style: {
+                    }, bordersRounded: bordersRounded, savings: savingsDisplay ? "Save ".concat(currencySymbol).concat(savetoString) : undefined }), void 0)) }), void 0)), isClubOffer && (jsx$1(TagContainer, __assign$1({ size: ComponentSize.Medium }, { children: clubOffer && (jsx$1(ClubOfferTag, __assign$1({}, clubOffer, { size: ComponentSize.Small, style: {
                         borderRadius: '8px',
                         width: '107px',
                         height: '28px',
@@ -4942,6 +4944,8 @@ var LightBulb = function (props) { return jsx$1(Icon$1, __assign$1({}, props, {
 
 var LoadingTrafisizy = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "pdp/loading_trafisizy" }), void 0); };
 
+var TapeMeasure = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "pdp/tape_measure" }), void 0)); };
+
 var Minus = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "pdp/minus" }), void 0); };
 
 var Moon = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "pdp/moon" }), void 0); };
@@ -5001,6 +5005,7 @@ var PDP = /*#__PURE__*/Object.freeze({
     KlarnaLogo: KlarnaLogo,
     LightBulb: LightBulb,
     LoadingTrafisizy: LoadingTrafisizy,
+    TapeMeasure: TapeMeasure,
     Minus: Minus,
     Moon: Moon,
     NewClock: NewClock,