@trafilea/afrodita-components 5.0.0-beta.247 → 5.0.0-beta.249
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 +16 -1
- package/build/index.esm.js +12 -3
- package/build/index.esm.js.map +1 -1
- package/build/index.js +12 -3
- package/build/index.js.map +1 -1
- package/build/theme/revel.theme.d.ts +15 -0
- package/build/theme/revel.theme.js +18 -0
- package/build/theme/shapermint.theme.d.ts +15 -0
- package/build/theme/shapermint.theme.js +18 -0
- package/build/theme/thespadr.theme.d.ts +15 -0
- package/build/theme/thespadr.theme.js +28 -5
- package/build/theme/truekind.theme.d.ts +15 -0
- package/build/theme/truekind.theme.js +18 -0
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -1838,6 +1838,11 @@ declare type ThemeComponent = {
|
|
|
1838
1838
|
lineHeight: string;
|
|
1839
1839
|
};
|
|
1840
1840
|
deliveryDetails: {
|
|
1841
|
+
title: {
|
|
1842
|
+
fontSize: string;
|
|
1843
|
+
lineHeight: string;
|
|
1844
|
+
weight: number;
|
|
1845
|
+
};
|
|
1841
1846
|
note: {
|
|
1842
1847
|
accentColor: string;
|
|
1843
1848
|
color: string;
|
|
@@ -1892,6 +1897,16 @@ declare type ThemeAssets = {
|
|
|
1892
1897
|
width: string;
|
|
1893
1898
|
height: string;
|
|
1894
1899
|
};
|
|
1900
|
+
upsellLogo?: {
|
|
1901
|
+
url: string;
|
|
1902
|
+
width: string;
|
|
1903
|
+
height: string;
|
|
1904
|
+
};
|
|
1905
|
+
tyLogo?: {
|
|
1906
|
+
url: string;
|
|
1907
|
+
width: string;
|
|
1908
|
+
height: string;
|
|
1909
|
+
};
|
|
1895
1910
|
};
|
|
1896
1911
|
[key: string]: any;
|
|
1897
1912
|
};
|
|
@@ -2390,7 +2405,7 @@ declare const Text: ({ variant, children, testId, asSpan, ...allProps }: TextPro
|
|
|
2390
2405
|
declare type TextHeroProps = {
|
|
2391
2406
|
variant: 'hero1' | 'hero2' | 'hero3';
|
|
2392
2407
|
weight?: 'heavy' | 'bold' | 'demi';
|
|
2393
|
-
size?: 'regular';
|
|
2408
|
+
size?: 'regular' | 'xsmall';
|
|
2394
2409
|
underline?: never;
|
|
2395
2410
|
disabled?: never;
|
|
2396
2411
|
wide?: never;
|
package/build/index.esm.js
CHANGED
|
@@ -58,7 +58,7 @@ function __makeTemplateObject(cooked, raw) {
|
|
|
58
58
|
|
|
59
59
|
var IconWrapper$2 = function (_a) {
|
|
60
60
|
var height = _a.height, _b = _a.width, width = _b === void 0 ? 1 : _b, title = _a.title, viewBoxX = _a.viewBoxX, viewBoxY = _a.viewBoxY, children = _a.children, testId = _a.testId, fill = _a.fill;
|
|
61
|
-
return (jsxs$1("svg", __assign$1({ style: { display: 'inline-block', verticalAlign: 'middle' }, width: width ? "".concat(width, "rem") : '100%', height: height ? "".concat(height, "rem") : width ? "".concat(width, "rem") : '100%', viewBox: "0 0 ".concat(viewBoxX, " ").concat(viewBoxY), xmlns: "http://www.w3.org/2000/svg", "data-testid": testId ? testId : 'IconWrapper', fill: fill }, { children: [
|
|
61
|
+
return (jsxs$1("svg", __assign$1({ style: { display: 'inline-block', verticalAlign: 'middle' }, width: width ? "".concat(width, "rem") : '100%', height: height ? "".concat(height, "rem") : width ? "".concat(width, "rem") : '100%', viewBox: "0 0 ".concat(viewBoxX, " ").concat(viewBoxY), xmlns: "http://www.w3.org/2000/svg", "data-testid": testId ? testId : 'IconWrapper', fill: fill }, { children: [jsx$1("title", { children: "".concat(title, " icon") }, void 0), children] }), void 0));
|
|
62
62
|
};
|
|
63
63
|
|
|
64
64
|
var SixtyDaysGuarantee = function (_a) {
|
|
@@ -12890,11 +12890,20 @@ var IconContainer$2 = newStyled.div(templateObject_5$f || (templateObject_5$f =
|
|
|
12890
12890
|
marginBottom: ['10px', '0'],
|
|
12891
12891
|
width: ['auto', '1.375rem'],
|
|
12892
12892
|
}));
|
|
12893
|
-
var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n color: ", ";\n font-size:
|
|
12893
|
+
var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n margin: 0;\n text-transform: uppercase;\n"], ["\n ", "\n color: ", ";\n font-size: ", ";\n line-height: ", ";\n font-weight: ", ";\n margin: 0;\n text-transform: uppercase;\n"])), mediaQueries({
|
|
12894
12894
|
display: ['block', 'flex'],
|
|
12895
12895
|
}), function (_a) {
|
|
12896
12896
|
var theme = _a.theme;
|
|
12897
12897
|
return theme.colors.shades['700'].color;
|
|
12898
|
+
}, function (_a) {
|
|
12899
|
+
var theme = _a.theme;
|
|
12900
|
+
return theme.component.deliveryDetails.title.fontSize;
|
|
12901
|
+
}, function (_a) {
|
|
12902
|
+
var theme = _a.theme;
|
|
12903
|
+
return theme.component.deliveryDetails.title.lineHeight;
|
|
12904
|
+
}, function (_a) {
|
|
12905
|
+
var theme = _a.theme;
|
|
12906
|
+
return theme.component.deliveryDetails.title.weight;
|
|
12898
12907
|
});
|
|
12899
12908
|
var SectionDetails = newStyled.p(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n color: ", ";\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 400;\n margin: 0;\n margin-top: 0.625rem;\n ", ";\n"], ["\n color: ", ";\n font-size: 1rem;\n line-height: 1.25rem;\n font-weight: 400;\n margin: 0;\n margin-top: 0.625rem;\n ", ";\n"])), function (props) { return props.color; }, function (_a) {
|
|
12900
12909
|
var theme = _a.theme;
|
|
@@ -12908,7 +12917,7 @@ var KeepMeUpdated = newStyled.h1(templateObject_8$6 || (templateObject_8$6 = __m
|
|
|
12908
12917
|
var DeliveryDetails = function (_a) {
|
|
12909
12918
|
var deliveryDetailsText = _a.deliveryDetailsText, arrivingBy = _a.arrivingBy, shippingTo = _a.shippingTo, instantOrderUpdate = _a.instantOrderUpdate, note = _a.note;
|
|
12910
12919
|
var theme = useTheme();
|
|
12911
|
-
return (jsxs$1("div", __assign$1({ "data-testid": "DeliveryDetails" }, { children: [jsx$1(Title$5, __assign$1({ color: theme.colors.
|
|
12920
|
+
return (jsxs$1("div", __assign$1({ "data-testid": "DeliveryDetails" }, { children: [jsx$1(Title$5, __assign$1({ color: theme.colors.shades[700].color }, { children: deliveryDetailsText }), void 0), jsx$1(Line, { backgroundColor: theme.colors.shades['100'].color }, void 0), note && jsx$1(Note, __assign$1({}, note), void 0), jsxs$1(Row$1, __assign$1({ "data-testid": "DD-row", theme: theme }, { children: [jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.PDP.Clock, {}, void 0) }), void 0), arrivingBy.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: arrivingBy.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.Navigation.MapMarker, {}, void 0) }), void 0), shippingTo.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: shippingTo.details }), void 0)] }), void 0), jsxs$1(Col$1, __assign$1({ theme: theme }, { children: [jsxs$1(SectionTitle, __assign$1({ theme: theme }, { children: [jsx$1(IconContainer$2, __assign$1({ theme: theme }, { children: jsx$1(Icon.Messaging.Messenger, {}, void 0) }), void 0), instantOrderUpdate.title] }), void 0), jsx$1(SectionDetails, __assign$1({ color: theme.colors.shades['700'].color }, { children: instantOrderUpdate.details }), void 0), instantOrderUpdate.keepMeUpdated && (jsxs$1(KeepMeUpdated, __assign$1({ onClick: instantOrderUpdate.keepMeUpdated.onClick, borderColor: theme.colors.shades['150'].color }, { children: [jsx$1(Icon.Messaging.Messenger, { width: 1, height: 1, fill: "#0078FF" }, void 0), instantOrderUpdate.keepMeUpdated.title] }), void 0))] }), void 0)] }), void 0)] }), void 0));
|
|
12912
12921
|
};
|
|
12913
12922
|
var templateObject_1$T, templateObject_2$C, templateObject_3$w, templateObject_4$o, templateObject_5$f, templateObject_6$d, templateObject_7$9, templateObject_8$6;
|
|
12914
12923
|
|