@trafilea/afrodita-components 5.0.0-beta.296 → 5.0.0-beta.297
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 +8 -9
- package/build/index.esm.js.map +1 -1
- package/build/index.js +8 -9
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -4891,7 +4891,7 @@ var templateObject_1$1z, templateObject_2$12;
|
|
|
4891
4891
|
|
|
4892
4892
|
var DialogDropdownWrapper = newStyled.div(templateObject_1$1y || (templateObject_1$1y = __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; });
|
|
4893
4893
|
var DialogDropdownListContainer = newStyled.ul(templateObject_2$11 || (templateObject_2$11 = __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; });
|
|
4894
|
-
var DialogDropdownListItem = newStyled.li(templateObject_3$
|
|
4894
|
+
var DialogDropdownListItem = newStyled.li(templateObject_3$Q || (templateObject_3$Q = __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"])));
|
|
4895
4895
|
var DialogDropdownLink = newStyled.a(templateObject_4$B || (templateObject_4$B = __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"])));
|
|
4896
4896
|
var DropdownDialog = function (_a) {
|
|
4897
4897
|
var options = _a.options, _b = _a.position, top = _b.top, right = _b.right, style = _a.style, className = _a.className;
|
|
@@ -4900,7 +4900,7 @@ var DropdownDialog = function (_a) {
|
|
|
4900
4900
|
return (jsx$1(DialogDropdownListItem, { children: jsx$1(DialogDropdownLink, __assign$1({ href: value }, { children: label }), void 0) }, idx));
|
|
4901
4901
|
}) }), void 0) }), void 0));
|
|
4902
4902
|
};
|
|
4903
|
-
var templateObject_1$1y, templateObject_2$11, templateObject_3$
|
|
4903
|
+
var templateObject_1$1y, templateObject_2$11, templateObject_3$Q, templateObject_4$B;
|
|
4904
4904
|
|
|
4905
4905
|
var getStylesBySize$a = function (size, theme) {
|
|
4906
4906
|
switch (size) {
|
|
@@ -4970,7 +4970,7 @@ var SelectorSecondary = function (_a) {
|
|
|
4970
4970
|
var TAGS = {
|
|
4971
4971
|
hero1: newStyled.h1(templateObject_1$1x || (templateObject_1$1x = __makeTemplateObject([""], [""]))),
|
|
4972
4972
|
hero2: newStyled.h2(templateObject_2$10 || (templateObject_2$10 = __makeTemplateObject([""], [""]))),
|
|
4973
|
-
hero3: newStyled.h3(templateObject_3$
|
|
4973
|
+
hero3: newStyled.h3(templateObject_3$P || (templateObject_3$P = __makeTemplateObject([""], [""]))),
|
|
4974
4974
|
display1: newStyled.h1(templateObject_4$A || (templateObject_4$A = __makeTemplateObject([""], [""]))),
|
|
4975
4975
|
display2: newStyled.h2(templateObject_5$n || (templateObject_5$n = __makeTemplateObject([""], [""]))),
|
|
4976
4976
|
heading1: newStyled.h1(templateObject_6$l || (templateObject_6$l = __makeTemplateObject([""], [""]))),
|
|
@@ -5100,7 +5100,7 @@ var DEFAULTS = {
|
|
|
5100
5100
|
size: 'regular',
|
|
5101
5101
|
},
|
|
5102
5102
|
};
|
|
5103
|
-
var templateObject_1$1x, templateObject_2$10, templateObject_3$
|
|
5103
|
+
var templateObject_1$1x, templateObject_2$10, templateObject_3$P, templateObject_4$A, templateObject_5$n, templateObject_6$l, templateObject_7$d, templateObject_8$9, templateObject_9$6, templateObject_10$4, templateObject_11$2, templateObject_12$2, templateObject_13$2, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2;
|
|
5104
5104
|
|
|
5105
5105
|
var ButtonsContainer = newStyled.div(templateObject_1$1w || (templateObject_1$1w = __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) {
|
|
5106
5106
|
var inline = _a.inline;
|
|
@@ -5168,12 +5168,12 @@ var templateObject_1$1v;
|
|
|
5168
5168
|
|
|
5169
5169
|
var Container$11 = newStyled.div(templateObject_1$1u || (templateObject_1$1u = __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"])));
|
|
5170
5170
|
var P$3 = newStyled.p(templateObject_2$$ || (templateObject_2$$ = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
5171
|
-
var PercentageSpan = newStyled.span(templateObject_3$
|
|
5171
|
+
var PercentageSpan = newStyled.span(templateObject_3$O || (templateObject_3$O = __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"])));
|
|
5172
5172
|
var SizeFitGuide = function (_a) {
|
|
5173
5173
|
var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage;
|
|
5174
5174
|
return (jsxs$1(Container$11, { 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));
|
|
5175
5175
|
};
|
|
5176
|
-
var templateObject_1$1u, templateObject_2$$, templateObject_3$
|
|
5176
|
+
var templateObject_1$1u, templateObject_2$$, templateObject_3$O;
|
|
5177
5177
|
|
|
5178
5178
|
var getStylesBySize$8 = function (size) {
|
|
5179
5179
|
switch (size) {
|
|
@@ -5237,13 +5237,12 @@ var H3$3 = newStyled.h3(templateObject_2$_ || (templateObject_2$_ = __makeTempla
|
|
|
5237
5237
|
var size = _a.size;
|
|
5238
5238
|
return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
|
|
5239
5239
|
});
|
|
5240
|
-
var Now = newStyled(H3$3)(templateObject_3$O || (templateObject_3$O = __makeTemplateObject(["\n display: none;\n margin-right: 0.25rem;\n"], ["\n display: none;\n margin-right: 0.25rem;\n"])));
|
|
5241
5240
|
var DiscountTag = function (_a) {
|
|
5242
5241
|
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;
|
|
5243
5242
|
var theme = useTheme();
|
|
5244
|
-
return (
|
|
5243
|
+
return (jsx$1(Container$10, __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: 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));
|
|
5245
5244
|
};
|
|
5246
|
-
var templateObject_1$1t, templateObject_2$_
|
|
5245
|
+
var templateObject_1$1t, templateObject_2$_;
|
|
5247
5246
|
|
|
5248
5247
|
var getStylesBySize$7 = function (size) {
|
|
5249
5248
|
switch (size) {
|