@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.js
CHANGED
|
@@ -4917,7 +4917,7 @@ var templateObject_1$1z, templateObject_2$12;
|
|
|
4917
4917
|
|
|
4918
4918
|
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; });
|
|
4919
4919
|
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; });
|
|
4920
|
-
var DialogDropdownListItem = newStyled.li(templateObject_3$
|
|
4920
|
+
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"])));
|
|
4921
4921
|
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"])));
|
|
4922
4922
|
var DropdownDialog = function (_a) {
|
|
4923
4923
|
var options = _a.options, _b = _a.position, top = _b.top, right = _b.right, style = _a.style, className = _a.className;
|
|
@@ -4926,7 +4926,7 @@ var DropdownDialog = function (_a) {
|
|
|
4926
4926
|
return (jsxRuntime.jsx(DialogDropdownListItem, { children: jsxRuntime.jsx(DialogDropdownLink, __assign$1({ href: value }, { children: label }), void 0) }, idx));
|
|
4927
4927
|
}) }), void 0) }), void 0));
|
|
4928
4928
|
};
|
|
4929
|
-
var templateObject_1$1y, templateObject_2$11, templateObject_3$
|
|
4929
|
+
var templateObject_1$1y, templateObject_2$11, templateObject_3$Q, templateObject_4$B;
|
|
4930
4930
|
|
|
4931
4931
|
var getStylesBySize$a = function (size, theme) {
|
|
4932
4932
|
switch (size) {
|
|
@@ -4996,7 +4996,7 @@ var SelectorSecondary = function (_a) {
|
|
|
4996
4996
|
var TAGS = {
|
|
4997
4997
|
hero1: newStyled.h1(templateObject_1$1x || (templateObject_1$1x = __makeTemplateObject([""], [""]))),
|
|
4998
4998
|
hero2: newStyled.h2(templateObject_2$10 || (templateObject_2$10 = __makeTemplateObject([""], [""]))),
|
|
4999
|
-
hero3: newStyled.h3(templateObject_3$
|
|
4999
|
+
hero3: newStyled.h3(templateObject_3$P || (templateObject_3$P = __makeTemplateObject([""], [""]))),
|
|
5000
5000
|
display1: newStyled.h1(templateObject_4$A || (templateObject_4$A = __makeTemplateObject([""], [""]))),
|
|
5001
5001
|
display2: newStyled.h2(templateObject_5$n || (templateObject_5$n = __makeTemplateObject([""], [""]))),
|
|
5002
5002
|
heading1: newStyled.h1(templateObject_6$l || (templateObject_6$l = __makeTemplateObject([""], [""]))),
|
|
@@ -5126,7 +5126,7 @@ var DEFAULTS = {
|
|
|
5126
5126
|
size: 'regular',
|
|
5127
5127
|
},
|
|
5128
5128
|
};
|
|
5129
|
-
var templateObject_1$1x, templateObject_2$10, templateObject_3$
|
|
5129
|
+
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;
|
|
5130
5130
|
|
|
5131
5131
|
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) {
|
|
5132
5132
|
var inline = _a.inline;
|
|
@@ -5194,12 +5194,12 @@ var templateObject_1$1v;
|
|
|
5194
5194
|
|
|
5195
5195
|
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"])));
|
|
5196
5196
|
var P$3 = newStyled.p(templateObject_2$$ || (templateObject_2$$ = __makeTemplateObject(["\n margin: 0;\n"], ["\n margin: 0;\n"])));
|
|
5197
|
-
var PercentageSpan = newStyled.span(templateObject_3$
|
|
5197
|
+
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"])));
|
|
5198
5198
|
var SizeFitGuide = function (_a) {
|
|
5199
5199
|
var title = _a.title, fitPercentage = _a.fitPercentage, onClick = _a.onClick, onClickFitPercentage = _a.onClickFitPercentage;
|
|
5200
5200
|
return (jsxRuntime.jsxs(Container$11, { children: [jsxRuntime.jsx(TextButton, { LeadingIcon: Icon.PDP.Rule, size: exports.ComponentSize.Small, text: title, onClick: onClick, uppercase: false }, void 0), !!fitPercentage && (jsxRuntime.jsxs(P$3, { children: ["Fit As Expected:", ' ', jsxRuntime.jsxs(PercentageSpan, __assign$1({ onClick: onClickFitPercentage, role: "button" }, { children: [fitPercentage, "%"] }), void 0)] }, void 0))] }, void 0));
|
|
5201
5201
|
};
|
|
5202
|
-
var templateObject_1$1u, templateObject_2$$, templateObject_3$
|
|
5202
|
+
var templateObject_1$1u, templateObject_2$$, templateObject_3$O;
|
|
5203
5203
|
|
|
5204
5204
|
var getStylesBySize$8 = function (size) {
|
|
5205
5205
|
switch (size) {
|
|
@@ -5263,13 +5263,12 @@ var H3$3 = newStyled.h3(templateObject_2$_ || (templateObject_2$_ = __makeTempla
|
|
|
5263
5263
|
var size = _a.size;
|
|
5264
5264
|
return (_b = getStylesBySize$8(size)) === null || _b === void 0 ? void 0 : _b.lineHeight;
|
|
5265
5265
|
});
|
|
5266
|
-
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"])));
|
|
5267
5266
|
var DiscountTag = function (_a) {
|
|
5268
5267
|
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 ? exports.ComponentSize.Medium : _e, style = _a.style;
|
|
5269
5268
|
var theme = useTheme();
|
|
5270
|
-
return (jsxRuntime.
|
|
5269
|
+
return (jsxRuntime.jsx(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: jsxRuntime.jsxs(H3$3, __assign$1({ textColor: disabled ? theme.colors.shades['250'].color : textColor, size: size, style: style }, { children: [discount, "% ", offText] }), void 0) }), void 0));
|
|
5271
5270
|
};
|
|
5272
|
-
var templateObject_1$1t, templateObject_2$_
|
|
5271
|
+
var templateObject_1$1t, templateObject_2$_;
|
|
5273
5272
|
|
|
5274
5273
|
var getStylesBySize$7 = function (size) {
|
|
5275
5274
|
switch (size) {
|