@trafilea/afrodita-components 6.57.3 → 6.57.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.esm.js +11 -9
- package/build/index.esm.js.map +1 -1
- package/build/index.js +11 -9
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -3409,7 +3409,7 @@ var PriceContainer$3 = newStyled.div(templateObject_4$18 || (templateObject_4$18
|
|
|
3409
3409
|
var invertDirection = _a.invertDirection;
|
|
3410
3410
|
return (invertDirection ? 'row-reverse' : 'row');
|
|
3411
3411
|
});
|
|
3412
|
-
var TooltipContainer$1 = newStyled.div(templateObject_5$U || (templateObject_5$U = __makeTemplateObject(["\n margin-
|
|
3412
|
+
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"])));
|
|
3413
3413
|
var templateObject_1$2E, templateObject_2$1U, templateObject_3$1u, templateObject_4$18, templateObject_5$U;
|
|
3414
3414
|
|
|
3415
3415
|
var getStylesBySize$e = function (size, theme) {
|
|
@@ -3572,7 +3572,7 @@ var getArrowStyles = function (position, borderColor, backgroundColor) {
|
|
|
3572
3572
|
case ComponentPosition.BottomLeft:
|
|
3573
3573
|
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 }");
|
|
3574
3574
|
case ComponentPosition.BottomRight:
|
|
3575
|
-
return "\n &::before,&::after\n {\n content: '';\n position: absolute;\n top:
|
|
3575
|
+
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: 40;\n }");
|
|
3576
3576
|
case ComponentPosition.Left:
|
|
3577
3577
|
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 }");
|
|
3578
3578
|
case ComponentPosition.Right:
|
|
@@ -3624,7 +3624,7 @@ var Wrapper$8 = newStyled.div(templateObject_1$2D || (templateObject_1$2D = __ma
|
|
|
3624
3624
|
var disableHover = _a.disableHover;
|
|
3625
3625
|
return (disableHover ? 0 : 1);
|
|
3626
3626
|
});
|
|
3627
|
-
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) {
|
|
3627
|
+
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) {
|
|
3628
3628
|
var position = _a.position;
|
|
3629
3629
|
return getContainerFlexDirection(position);
|
|
3630
3630
|
}, function (_a) {
|
|
@@ -3645,6 +3645,10 @@ var TooltipContainer = newStyled.div(templateObject_2$1T || (templateObject_2$1T
|
|
|
3645
3645
|
}, function (_a) {
|
|
3646
3646
|
var maxWidth = _a.maxWidth;
|
|
3647
3647
|
return (maxWidth ? maxWidth : 'none');
|
|
3648
|
+
}, function (_a) {
|
|
3649
|
+
var position = _a.position;
|
|
3650
|
+
return position === ComponentPosition.BottomRight &&
|
|
3651
|
+
"@media (max-width: 768px) {\n margin-left: -12px;\n }";
|
|
3648
3652
|
}, function (_a) {
|
|
3649
3653
|
var position = _a.position, borderColor = _a.borderColor, backgroundColor = _a.backgroundColor, withArrow = _a.withArrow;
|
|
3650
3654
|
return withArrow && getArrowStyles(position, borderColor, backgroundColor);
|
|
@@ -3766,17 +3770,15 @@ var PriceLabelV2$1 = function (_a) {
|
|
|
3766
3770
|
var savetoString = saveto.toFixed(2);
|
|
3767
3771
|
var OriginalPrice = function () { return (jsx$1(Price$1, __assign$1({ size: originalPriceStyled ? size : ComponentSize.Small, color: theme.component.pricing.priceLabel.price.originalPriceColor ||
|
|
3768
3772
|
theme.colors.shades['300'].color, margin: true, underlined: originalPriceUnderlined, "data-testid": getTestId$2(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
|
|
3769
|
-
return (jsxs$1(Container$1z, __assign$1({}, rest, { id: "priceLabelV2" }, { children: [
|
|
3773
|
+
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: {
|
|
3774
|
+
text: tooltipText,
|
|
3775
|
+
}, 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]
|
|
3770
3776
|
? finalPriceArray[0]
|
|
3771
3777
|
: (_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: {
|
|
3772
3778
|
marginTop: '-6px',
|
|
3773
3779
|
} }, 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: {
|
|
3774
3780
|
letterSpacing: '-0.05rem',
|
|
3775
|
-
}, bordersRounded: bordersRounded, savings: savingsDisplay ? "Save ".concat(currencySymbol).concat(savetoString) : undefined }), void 0)) }), void 0)),
|
|
3776
|
-
text: tooltipText,
|
|
3777
|
-
}, position: tooltipPosition !== null && tooltipPosition !== void 0 ? tooltipPosition : (isDiscount && isMobile
|
|
3778
|
-
? ComponentPosition.BottomLeft
|
|
3779
|
-
: 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: {
|
|
3781
|
+
}, 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: {
|
|
3780
3782
|
borderRadius: '8px',
|
|
3781
3783
|
width: '107px',
|
|
3782
3784
|
height: '28px',
|