@trafilea/afrodita-components 5.0.0-beta.232 → 5.0.0-beta.233
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 +9 -8
- package/build/index.esm.js.map +1 -1
- package/build/index.js +9 -8
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -4839,7 +4839,7 @@ var templateObject_1$1v, templateObject_2$$;
|
|
|
4839
4839
|
|
|
4840
4840
|
var DialogDropdownWrapper = newStyled.div(templateObject_1$1u || (templateObject_1$1u = __makeTemplateObject(["\n position: relative;\n display: none;\n ::before,\n ::after {\n content: '';\n position: absolute;\n border: 11px solid transparent;\n margin-left: -10px;\n border-bottom-color: #e9e9e9;\n top: calc(", " - 5px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n ::after {\n border-bottom-color: #fff;\n top: calc(", " - 4px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n"], ["\n position: relative;\n display: none;\n ::before,\n ::after {\n content: '';\n position: absolute;\n border: 11px solid transparent;\n margin-left: -10px;\n border-bottom-color: #e9e9e9;\n top: calc(", " - 5px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n ::after {\n border-bottom-color: #fff;\n top: calc(", " - 4px);\n right: calc(", " + 21px);\n z-index: 50 !important;\n }\n"])), function (props) { return props.top; }, function (props) { return props.right; }, function (props) { return props.top; }, function (props) { return props.right; });
|
|
4841
4841
|
var DialogDropdownListContainer = newStyled.ul(templateObject_2$_ || (templateObject_2$_ = __makeTemplateObject(["\n position: absolute;\n list-style: none;\n width: max-content;\n min-width: 100px;\n background: #fff;\n border: 1px solid #e9e9e9;\n top: calc(", " + 15px);\n right: calc(", " - 23px);\n z-index: 50 !important;\n margin-bottom: 1rem;\n\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n"], ["\n position: absolute;\n list-style: none;\n width: max-content;\n min-width: 100px;\n background: #fff;\n border: 1px solid #e9e9e9;\n top: calc(", " + 15px);\n right: calc(", " - 23px);\n z-index: 50 !important;\n margin-bottom: 1rem;\n\n font-family: inherit;\n font-size: 100%;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n vertical-align: inherit;\n"])), function (props) { return props.top; }, function (props) { return props.right; });
|
|
4842
|
-
var DialogDropdownListItem = newStyled.li(templateObject_3$
|
|
4842
|
+
var DialogDropdownListItem = newStyled.li(templateObject_3$N || (templateObject_3$N = __makeTemplateObject(["\n border-bottom: 1px solid #e9e9e9;\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n color: var(--colors-shades-550-color);\n vertical-align: inherit;\n"], ["\n border-bottom: 1px solid #e9e9e9;\n margin: 0;\n padding: 0;\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n color: var(--colors-shades-550-color);\n vertical-align: inherit;\n"])));
|
|
4843
4843
|
var DialogDropdownLink = newStyled.a(templateObject_4$y || (templateObject_4$y = __makeTemplateObject(["\n display: inline-block;\n text-decoration: none;\n width: 100%;\n background-color: transparent;\n border: 0;\n margin: 0;\n padding: 12px;\n cursor: pointer;\n transition: all 0.2s;\n color: var(--colors-shades-700-color);\n font-size: 1.125rem;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n vertical-align: inherit;\n"], ["\n display: inline-block;\n text-decoration: none;\n width: 100%;\n background-color: transparent;\n border: 0;\n margin: 0;\n padding: 12px;\n cursor: pointer;\n transition: all 0.2s;\n color: var(--colors-shades-700-color);\n font-size: 1.125rem;\n font-style: inherit;\n font-variant: inherit;\n font-weight: inherit;\n line-height: inherit;\n vertical-align: inherit;\n"])));
|
|
4844
4844
|
var DropdownDialog = function (_a) {
|
|
4845
4845
|
var options = _a.options, _b = _a.position, top = _b.top, right = _b.right, style = _a.style, className = _a.className;
|
|
@@ -4848,7 +4848,7 @@ var DropdownDialog = function (_a) {
|
|
|
4848
4848
|
return (jsx$1(DialogDropdownListItem, { children: jsx$1(DialogDropdownLink, __assign$1({ href: value }, { children: label }), void 0) }, idx));
|
|
4849
4849
|
}) }), void 0) }), void 0));
|
|
4850
4850
|
};
|
|
4851
|
-
var templateObject_1$1u, templateObject_2$_, templateObject_3$
|
|
4851
|
+
var templateObject_1$1u, templateObject_2$_, templateObject_3$N, templateObject_4$y;
|
|
4852
4852
|
|
|
4853
4853
|
var getStylesBySize$a = function (size, theme) {
|
|
4854
4854
|
switch (size) {
|
|
@@ -4918,7 +4918,7 @@ var SelectorSecondary = function (_a) {
|
|
|
4918
4918
|
var TAGS = {
|
|
4919
4919
|
hero1: newStyled.h1(templateObject_1$1t || (templateObject_1$1t = __makeTemplateObject([""], [""]))),
|
|
4920
4920
|
hero2: newStyled.h2(templateObject_2$Z || (templateObject_2$Z = __makeTemplateObject([""], [""]))),
|
|
4921
|
-
hero3: newStyled.h3(templateObject_3$
|
|
4921
|
+
hero3: newStyled.h3(templateObject_3$M || (templateObject_3$M = __makeTemplateObject([""], [""]))),
|
|
4922
4922
|
display1: newStyled.h1(templateObject_4$x || (templateObject_4$x = __makeTemplateObject([""], [""]))),
|
|
4923
4923
|
display2: newStyled.h2(templateObject_5$j || (templateObject_5$j = __makeTemplateObject([""], [""]))),
|
|
4924
4924
|
heading1: newStyled.h1(templateObject_6$g || (templateObject_6$g = __makeTemplateObject([""], [""]))),
|
|
@@ -5040,7 +5040,7 @@ var DEFAULTS = {
|
|
|
5040
5040
|
size: 'regular',
|
|
5041
5041
|
},
|
|
5042
5042
|
};
|
|
5043
|
-
var templateObject_1$1t, templateObject_2$Z, templateObject_3$
|
|
5043
|
+
var templateObject_1$1t, templateObject_2$Z, templateObject_3$M, templateObject_4$x, templateObject_5$j, templateObject_6$g, templateObject_7$a, templateObject_8$7, templateObject_9$4, templateObject_10$3, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2;
|
|
5044
5044
|
|
|
5045
5045
|
var ButtonsContainer = newStyled.div(templateObject_1$1s || (templateObject_1$1s = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: ", ";\n"])), function (_a) {
|
|
5046
5046
|
var inline = _a.inline;
|
|
@@ -5108,12 +5108,12 @@ var templateObject_1$1r;
|
|
|
5108
5108
|
|
|
5109
5109
|
var Container$$ = newStyled.div(templateObject_1$1q || (templateObject_1$1q = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n font-size: 0.88rem;\n"])));
|
|
5110
5110
|
var P$3 = newStyled.p(templateObject_2$Y || (templateObject_2$Y = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
5111
|
-
var PercentageSpan = newStyled.span(templateObject_3$
|
|
5111
|
+
var PercentageSpan = newStyled.span(templateObject_3$L || (templateObject_3$L = __makeTemplateObject(["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"], ["\n font-weight: 700;\n text-decoration-line: underline;\n cursor: pointer;\n"])));
|
|
5112
5112
|
var SizeFitGuide = function (_a) {
|
|
5113
5113
|
var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage;
|
|
5114
5114
|
return (jsxs$1(Container$$, { children: [jsx$1(TextButton, { LeadingIcon: Icon.PDP.Rule, size: ComponentSize.Small, text: title, onClick: onClick, uppercase: false }, void 0), !!fitPercentage && (jsxs$1(P$3, { children: ["Fit As Expected:", ' ', jsxs$1(PercentageSpan, __assign$1({ onClick: onClickFitPercentage, role: "button" }, { children: [fitPercentage, "%"] }), void 0)] }, void 0))] }, void 0));
|
|
5115
5115
|
};
|
|
5116
|
-
var templateObject_1$1q, templateObject_2$Y, templateObject_3$
|
|
5116
|
+
var templateObject_1$1q, templateObject_2$Y, templateObject_3$L;
|
|
5117
5117
|
|
|
5118
5118
|
var getStylesBySize$8 = function (size) {
|
|
5119
5119
|
switch (size) {
|
|
@@ -5177,12 +5177,13 @@ var H3$3 = newStyled.h3(templateObject_2$X || (templateObject_2$X = __makeTempla
|
|
|
5177
5177
|
var size = _a.size;
|
|
5178
5178
|
return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
|
|
5179
5179
|
});
|
|
5180
|
+
var Now = newStyled(H3$3)(templateObject_3$K || (templateObject_3$K = __makeTemplateObject(["\n display: none;\n margin-right: 0.25rem;\n"], ["\n display: none;\n margin-right: 0.25rem;\n"])));
|
|
5180
5181
|
var DiscountTag = function (_a) {
|
|
5181
5182
|
var discount = _a.discount, offText = _a.offText, disabled = _a.disabled, _b = _a.backgroundColor, backgroundColor = _b === void 0 ? '#fff' : _b, _c = _a.borderColor, borderColor = _c === void 0 ? 'transparent' : _c, _d = _a.textColor, textColor = _d === void 0 ? '#fff' : _d, _e = _a.size, size = _e === void 0 ? ComponentSize.Medium : _e, style = _a.style;
|
|
5182
5183
|
var theme = useTheme();
|
|
5183
|
-
return (
|
|
5184
|
+
return (jsxs$1(Container$_, __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 }, { children: [jsx$1(Now, __assign$1({ "data-testid": "vwo-discount-now", textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style }, { children: "Now:" }), void 0), jsxs$1(H3$3, __assign$1({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style }, { children: [discount, "% ", offText] }), void 0)] }), void 0));
|
|
5184
5185
|
};
|
|
5185
|
-
var templateObject_1$1p, templateObject_2$X;
|
|
5186
|
+
var templateObject_1$1p, templateObject_2$X, templateObject_3$K;
|
|
5186
5187
|
|
|
5187
5188
|
var getStylesBySize$7 = function (size) {
|
|
5188
5189
|
switch (size) {
|