@trafilea/afrodita-components 6.57.2 → 6.57.4
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.d.ts +5 -1
- package/build/index.esm.js +14 -9
- package/build/index.esm.js.map +1 -1
- package/build/index.js +14 -9
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -3435,7 +3435,7 @@ var PriceContainer$3 = newStyled.div(templateObject_4$18 || (templateObject_4$18
|
|
|
3435
3435
|
var invertDirection = _a.invertDirection;
|
|
3436
3436
|
return (invertDirection ? 'row-reverse' : 'row');
|
|
3437
3437
|
});
|
|
3438
|
-
var TooltipContainer$1 = newStyled.div(templateObject_5$U || (templateObject_5$U = __makeTemplateObject(["\n margin-
|
|
3438
|
+
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"])));
|
|
3439
3439
|
var templateObject_1$2E, templateObject_2$1U, templateObject_3$1u, templateObject_4$18, templateObject_5$U;
|
|
3440
3440
|
|
|
3441
3441
|
var getStylesBySize$e = function (size, theme) {
|
|
@@ -3598,7 +3598,7 @@ var getArrowStyles = function (position, borderColor, backgroundColor) {
|
|
|
3598
3598
|
case exports.ComponentPosition.BottomLeft:
|
|
3599
3599
|
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 }");
|
|
3600
3600
|
case exports.ComponentPosition.BottomRight:
|
|
3601
|
-
return "\n &::before,&::after\n {\n content: '';\n position: absolute;\n top:
|
|
3601
|
+
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 }");
|
|
3602
3602
|
case exports.ComponentPosition.Left:
|
|
3603
3603
|
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 }");
|
|
3604
3604
|
case exports.ComponentPosition.Right:
|
|
@@ -3650,7 +3650,7 @@ var Wrapper$8 = newStyled.div(templateObject_1$2D || (templateObject_1$2D = __ma
|
|
|
3650
3650
|
var disableHover = _a.disableHover;
|
|
3651
3651
|
return (disableHover ? 0 : 1);
|
|
3652
3652
|
});
|
|
3653
|
-
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) {
|
|
3653
|
+
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) {
|
|
3654
3654
|
var position = _a.position;
|
|
3655
3655
|
return getContainerFlexDirection(position);
|
|
3656
3656
|
}, function (_a) {
|
|
@@ -3671,6 +3671,10 @@ var TooltipContainer = newStyled.div(templateObject_2$1T || (templateObject_2$1T
|
|
|
3671
3671
|
}, function (_a) {
|
|
3672
3672
|
var maxWidth = _a.maxWidth;
|
|
3673
3673
|
return (maxWidth ? maxWidth : 'none');
|
|
3674
|
+
}, function (_a) {
|
|
3675
|
+
var position = _a.position;
|
|
3676
|
+
return position === exports.ComponentPosition.BottomRight &&
|
|
3677
|
+
"@media (max-width: 768px) {\n margin-left: -12px;\n }";
|
|
3674
3678
|
}, function (_a) {
|
|
3675
3679
|
var position = _a.position, borderColor = _a.borderColor, backgroundColor = _a.backgroundColor, withArrow = _a.withArrow;
|
|
3676
3680
|
return withArrow && getArrowStyles(position, borderColor, backgroundColor);
|
|
@@ -3792,17 +3796,15 @@ var PriceLabelV2$1 = function (_a) {
|
|
|
3792
3796
|
var savetoString = saveto.toFixed(2);
|
|
3793
3797
|
var OriginalPrice = function () { return (jsxRuntime.jsx(Price$1, __assign$1({ size: originalPriceStyled ? size : exports.ComponentSize.Small, color: theme.component.pricing.priceLabel.price.originalPriceColor ||
|
|
3794
3798
|
theme.colors.shades['300'].color, margin: true, underlined: originalPriceUnderlined, "data-testid": getTestId$2(testId, 'original-product-price') }, { children: originalPrice }), void 0)); };
|
|
3795
|
-
return (jsxRuntime.jsxs(Container$1z, __assign$1({}, rest, { id: "priceLabelV2" }, { children: [
|
|
3799
|
+
return (jsxRuntime.jsxs(Container$1z, __assign$1({}, rest, { id: "priceLabelV2" }, { children: [tooltipText && (jsxRuntime.jsx(TooltipContainer$1, __assign$1({ "data-testid": "tooltip-container" }, { children: jsxRuntime.jsx(Tooltip, __assign$1({ showCloseIcon: true, withArrow: true, content: {
|
|
3800
|
+
text: tooltipText,
|
|
3801
|
+
}, position: tooltipPosition !== null && tooltipPosition !== void 0 ? tooltipPosition : exports.ComponentPosition.BottomRight, closeBtnSize: 0.7, "data-testid": "tooltip" }, { children: jsxRuntime.jsx(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 && jsxRuntime.jsx(OriginalPrice, {}, void 0), jsxRuntime.jsxs(FinalPriceStyledContainer$3, __assign$1({ "data-testid": getTestId$2(testId, 'final-product-price') }, { children: [jsxRuntime.jsx(Price$1, __assign$1({ margin: true, finalPriceStyledSmall: true }, priceCommonProps, { size: size }, { children: currencySymbol }), void 0), jsxRuntime.jsx(Price$1, __assign$1({ finalPriceStyled: true }, priceCommonProps, { size: size }, { children: finalPriceArray[0]
|
|
3796
3802
|
? finalPriceArray[0]
|
|
3797
3803
|
: (_b = "".concat(productFinalPrice)) === null || _b === void 0 ? void 0 : _b.split(currencySymbol)[1] }), void 0), showDecimals && (jsxRuntime.jsx(Price$1, __assign$1({ finalPriceStyledSmall: true, style: {
|
|
3798
3804
|
marginTop: '-6px',
|
|
3799
3805
|
} }, priceCommonProps, { size: size }, { children: finalPriceArray[1] ? finalPriceArray[1] : '00' }), void 0)), pricePerItem && (jsxRuntime.jsx(Price$1, __assign$1({ size: exports.ComponentSize.Small, color: theme.colors.pallete.secondary.color }, { children: "/each" }), void 0))] }), void 0), isDiscount && (jsxRuntime.jsx(TagContainer, __assign$1({ size: exports.ComponentSize.Small }, { children: discount && (jsxRuntime.jsx(DiscountTag$4, __assign$1({}, discount, { size: exports.ComponentSize.Medium, style: {
|
|
3800
3806
|
letterSpacing: '-0.05rem',
|
|
3801
|
-
}, bordersRounded: bordersRounded, savings: savingsDisplay ? "Save ".concat(currencySymbol).concat(savetoString) : undefined }), void 0)) }), void 0)),
|
|
3802
|
-
text: tooltipText,
|
|
3803
|
-
}, position: tooltipPosition !== null && tooltipPosition !== void 0 ? tooltipPosition : (isDiscount && isMobile
|
|
3804
|
-
? exports.ComponentPosition.BottomLeft
|
|
3805
|
-
: exports.ComponentPosition.BottomRight), closeBtnSize: 0.7, "data-testid": "tooltip" }, { children: jsxRuntime.jsx(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 && (jsxRuntime.jsx(TagContainer, __assign$1({ size: exports.ComponentSize.Medium }, { children: clubOffer && (jsxRuntime.jsx(ClubOfferTag, __assign$1({}, clubOffer, { size: exports.ComponentSize.Small, style: {
|
|
3807
|
+
}, bordersRounded: bordersRounded, savings: savingsDisplay ? "Save ".concat(currencySymbol).concat(savetoString) : undefined }), void 0)) }), void 0)), isClubOffer && (jsxRuntime.jsx(TagContainer, __assign$1({ size: exports.ComponentSize.Medium }, { children: clubOffer && (jsxRuntime.jsx(ClubOfferTag, __assign$1({}, clubOffer, { size: exports.ComponentSize.Small, style: {
|
|
3806
3808
|
borderRadius: '8px',
|
|
3807
3809
|
width: '107px',
|
|
3808
3810
|
height: '28px',
|
|
@@ -4968,6 +4970,8 @@ var LightBulb = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({},
|
|
|
4968
4970
|
|
|
4969
4971
|
var LoadingTrafisizy = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "pdp/loading_trafisizy" }), void 0); };
|
|
4970
4972
|
|
|
4973
|
+
var TapeMeasure = function (props) { return (jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "pdp/tape_measure" }), void 0)); };
|
|
4974
|
+
|
|
4971
4975
|
var Minus = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "pdp/minus" }), void 0); };
|
|
4972
4976
|
|
|
4973
4977
|
var Moon = function (props) { return jsxRuntime.jsx(Icon$1, __assign$1({}, props, { name: "pdp/moon" }), void 0); };
|
|
@@ -5027,6 +5031,7 @@ var PDP = /*#__PURE__*/Object.freeze({
|
|
|
5027
5031
|
KlarnaLogo: KlarnaLogo,
|
|
5028
5032
|
LightBulb: LightBulb,
|
|
5029
5033
|
LoadingTrafisizy: LoadingTrafisizy,
|
|
5034
|
+
TapeMeasure: TapeMeasure,
|
|
5030
5035
|
Minus: Minus,
|
|
5031
5036
|
Moon: Moon,
|
|
5032
5037
|
NewClock: NewClock,
|