@trafilea/afrodita-components 6.57.0 → 6.57.1
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 +17 -15
- package/build/index.esm.js.map +1 -1
- package/build/index.js +17 -15
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -3564,9 +3564,9 @@ var getWrapperFlexDirection = function (position) {
|
|
|
3564
3564
|
case exports.ComponentPosition.Bottom:
|
|
3565
3565
|
return 'column-reverse';
|
|
3566
3566
|
case exports.ComponentPosition.BottomLeft:
|
|
3567
|
-
return '
|
|
3567
|
+
return 'row-reverse';
|
|
3568
3568
|
case exports.ComponentPosition.BottomRight:
|
|
3569
|
-
return '
|
|
3569
|
+
return 'row';
|
|
3570
3570
|
case exports.ComponentPosition.Left:
|
|
3571
3571
|
return 'row-reverse';
|
|
3572
3572
|
case exports.ComponentPosition.Right:
|
|
@@ -3580,9 +3580,9 @@ var getContainerFlexDirection = function (position) {
|
|
|
3580
3580
|
case exports.ComponentPosition.Bottom:
|
|
3581
3581
|
return 'column-reverse';
|
|
3582
3582
|
case exports.ComponentPosition.BottomLeft:
|
|
3583
|
-
return '
|
|
3583
|
+
return 'row';
|
|
3584
3584
|
case exports.ComponentPosition.BottomRight:
|
|
3585
|
-
return '
|
|
3585
|
+
return 'row-reverse';
|
|
3586
3586
|
case exports.ComponentPosition.Left:
|
|
3587
3587
|
return 'row';
|
|
3588
3588
|
case exports.ComponentPosition.Right:
|
|
@@ -3596,9 +3596,9 @@ var getArrowStyles = function (position, borderColor, backgroundColor) {
|
|
|
3596
3596
|
case exports.ComponentPosition.Bottom:
|
|
3597
3597
|
return "\n &::before,&::after\n {\n content: '';\n position: absolute;\n top: 0%;\n left: 50%;\n margin-left: -10px;\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 }");
|
|
3598
3598
|
case exports.ComponentPosition.BottomLeft:
|
|
3599
|
-
return "\n &::before,&::after\n {\n content: '';\n position: absolute;\n top: 0%;\n left:
|
|
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: 0%;\n left:
|
|
3601
|
+
return "\n &::before,&::after\n {\n content: '';\n position: absolute;\n top: 0%;\n left: 38px;\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 }");
|
|
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:
|
|
@@ -3612,9 +3612,9 @@ var getTooltipAlignItems = function (position, align) {
|
|
|
3612
3612
|
case exports.ComponentPosition.Bottom:
|
|
3613
3613
|
return align;
|
|
3614
3614
|
case exports.ComponentPosition.BottomLeft:
|
|
3615
|
-
return
|
|
3615
|
+
return 'center';
|
|
3616
3616
|
case exports.ComponentPosition.BottomRight:
|
|
3617
|
-
return
|
|
3617
|
+
return 'center';
|
|
3618
3618
|
case exports.ComponentPosition.Left:
|
|
3619
3619
|
return 'center';
|
|
3620
3620
|
case exports.ComponentPosition.Right:
|
|
@@ -3660,13 +3660,13 @@ var TooltipContainer = newStyled.div(templateObject_2$1T || (templateObject_2$1T
|
|
|
3660
3660
|
var getTooltipMargin = function (actual, expected, margin) {
|
|
3661
3661
|
if ((actual === exports.ComponentPosition.BottomLeft || actual === exports.ComponentPosition.BottomRight) &&
|
|
3662
3662
|
expected === exports.ComponentPosition.Bottom) {
|
|
3663
|
-
return "calc(".concat(margin, " -
|
|
3663
|
+
return "calc(".concat(margin, " - 37px)");
|
|
3664
3664
|
}
|
|
3665
|
-
if (actual === exports.ComponentPosition.
|
|
3666
|
-
return '-
|
|
3665
|
+
if (actual === exports.ComponentPosition.BottomRight && expected === exports.ComponentPosition.Right) {
|
|
3666
|
+
return '-40px';
|
|
3667
3667
|
}
|
|
3668
|
-
if (actual === exports.ComponentPosition.
|
|
3669
|
-
return '-
|
|
3668
|
+
if (actual === exports.ComponentPosition.BottomLeft && expected === exports.ComponentPosition.Left) {
|
|
3669
|
+
return '-80px';
|
|
3670
3670
|
}
|
|
3671
3671
|
return actual === expected ? margin : '0';
|
|
3672
3672
|
};
|
|
@@ -3717,7 +3717,7 @@ var Tooltip = function (_a) {
|
|
|
3717
3717
|
var ref = tooltipRef.current;
|
|
3718
3718
|
setTooltipHeight((ref === null || ref === void 0 ? void 0 : ref.offsetHeight) || 0);
|
|
3719
3719
|
}, [tooltipRef]);
|
|
3720
|
-
return (jsxRuntime.jsxs(Wrapper$8, __assign$1({ position: position, disableHover: closeTooltip, onMouseEnter: function () { return setCloseTooltip(closeTooltip && false); }, "data-testid": "TooltipWrapper" }, { children: [jsxRuntime.jsx("div", __assign$1({ ref: childrenRef, onClick: function () { return closeTooltip && setCloseTooltip(false); }, onKeyDown: function (e) { return e.key === 'Enter' && closeTooltip && setCloseTooltip(false); }, role: "button", tabIndex: 0 }, { children: children }), void 0), jsxRuntime.jsxs(TooltipContainer, __assign$1({ position: position, align: align, maxWidth: maxWidth, childrenWidth: childrenWidth, tooltipHeight: tooltipHeight, ref: tooltipRef, onClick: onClick, "data-testid": "TooltipContainer", className: "tooltip-container ".concat(closeTooltip ? 'hidden' : ''), borderColor: theme.colors.shades['200'].color, backgroundColor: backgroundColor ? backgroundColor : theme.colors.shades.white.color, withArrow: withArrow }, { children: [(showCloseIcon || isMobile) && (jsxRuntime.jsx(CloseToolTip, __assign$1({ right: header === null || header === void 0 ? void 0 : header.iconRight, onClick: function () { return setCloseTooltip(true); } }, { children: jsxRuntime.jsx(Icon.Actions.Close, { width: closeBtnSize, height: closeBtnSize, fill: (_b = header === null || header === void 0 ? void 0 : header.iconFill) !== null && _b !== void 0 ? _b : theme.colors.pallete.secondary.color }, void 0) }), void 0)), jsxRuntime.jsxs(ContentWrapper$1, __assign$1({ className: "tooltip-wrapper", borderColor: theme.colors.shades['200'].color, backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : theme.colors.shades.white.color }, { children: [header && (jsxRuntime.jsxs(TopSection, __assign$1({ "data-testid": "TooltipHeader" }, { children: [(header === null || header === void 0 ? void 0 : header.Icon) && (jsxRuntime.jsx(IconContainer$6, { children: React__default["default"].createElement(header.Icon, {
|
|
3720
|
+
return (jsxRuntime.jsxs(Wrapper$8, __assign$1({ position: position, disableHover: closeTooltip, onMouseEnter: function () { return setCloseTooltip(closeTooltip && false); }, "data-testid": "TooltipWrapper" }, { children: [jsxRuntime.jsx("div", __assign$1({ ref: childrenRef, onClick: function () { return closeTooltip && setCloseTooltip(false); }, onKeyDown: function (e) { return e.key === 'Enter' && closeTooltip && setCloseTooltip(false); }, role: "button", tabIndex: 0 }, { children: children }), void 0), jsxRuntime.jsxs(TooltipContainer, __assign$1({ position: position, align: align, maxWidth: maxWidth, childrenWidth: childrenWidth, tooltipHeight: tooltipHeight, ref: tooltipRef, onClick: onClick, "data-testid": "TooltipContainer", className: "tooltip-container ".concat(closeTooltip ? 'hidden' : ''), borderColor: theme.colors.shades['200'].color, backgroundColor: backgroundColor ? backgroundColor : theme.colors.shades.white.color, withArrow: withArrow, "data-position": position }, { children: [(showCloseIcon || isMobile) && (jsxRuntime.jsx(CloseToolTip, __assign$1({ right: header === null || header === void 0 ? void 0 : header.iconRight, onClick: function () { return setCloseTooltip(true); } }, { children: jsxRuntime.jsx(Icon.Actions.Close, { width: closeBtnSize, height: closeBtnSize, fill: (_b = header === null || header === void 0 ? void 0 : header.iconFill) !== null && _b !== void 0 ? _b : theme.colors.pallete.secondary.color }, void 0) }), void 0)), jsxRuntime.jsxs(ContentWrapper$1, __assign$1({ className: "tooltip-wrapper", borderColor: theme.colors.shades['200'].color, backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : theme.colors.shades.white.color }, { children: [header && (jsxRuntime.jsxs(TopSection, __assign$1({ "data-testid": "TooltipHeader" }, { children: [(header === null || header === void 0 ? void 0 : header.Icon) && (jsxRuntime.jsx(IconContainer$6, { children: React__default["default"].createElement(header.Icon, {
|
|
3721
3721
|
testId: 'HeaderIcon',
|
|
3722
3722
|
fill: (header === null || header === void 0 ? void 0 : header.iconFill)
|
|
3723
3723
|
? header === null || header === void 0 ? void 0 : header.iconFill
|
|
@@ -3782,7 +3782,9 @@ var PriceLabelV2$1 = function (_a) {
|
|
|
3782
3782
|
letterSpacing: '-0.05rem',
|
|
3783
3783
|
}, bordersRounded: bordersRounded, savings: savingsDisplay ? "Save ".concat(currencySymbol).concat(savetoString) : undefined }), void 0)) }), void 0)), tooltipText && (jsxRuntime.jsx(TooltipContainer$1, __assign$1({ "data-testid": "tooltip-container" }, { children: jsxRuntime.jsx(Tooltip, __assign$1({ showCloseIcon: true, withArrow: true, content: {
|
|
3784
3784
|
text: tooltipText,
|
|
3785
|
-
}, position: tooltipPosition !== null && tooltipPosition !== void 0 ? tooltipPosition : (
|
|
3785
|
+
}, position: tooltipPosition !== null && tooltipPosition !== void 0 ? tooltipPosition : (isDiscount && isMobile
|
|
3786
|
+
? exports.ComponentPosition.BottomLeft
|
|
3787
|
+
: exports.ComponentPosition.BottomRight), "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" }, 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: {
|
|
3786
3788
|
borderRadius: '8px',
|
|
3787
3789
|
width: '107px',
|
|
3788
3790
|
height: '28px',
|