@trafilea/afrodita-components 5.0.0-beta.252 → 5.0.0-beta.254
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 +17 -3
- package/build/index.esm.js +15 -15
- package/build/index.js +15 -15
- package/build/theme/revel.theme.d.ts +17 -3
- package/build/theme/revel.theme.js +16 -2
- package/build/theme/shapermint.theme.d.ts +17 -3
- package/build/theme/shapermint.theme.js +17 -1
- package/build/theme/thespadr.theme.d.ts +17 -3
- package/build/theme/thespadr.theme.js +31 -14
- package/build/theme/truekind.theme.d.ts +17 -3
- package/build/theme/truekind.theme.js +18 -2
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -1829,6 +1829,7 @@ declare type ThemeComponent = {
|
|
|
1829
1829
|
lineHeight: string;
|
|
1830
1830
|
button: {
|
|
1831
1831
|
borderRadius: string;
|
|
1832
|
+
height: string;
|
|
1832
1833
|
};
|
|
1833
1834
|
};
|
|
1834
1835
|
copyrightText: {
|
|
@@ -1837,6 +1838,11 @@ declare type ThemeComponent = {
|
|
|
1837
1838
|
lineHeight: string;
|
|
1838
1839
|
color: string;
|
|
1839
1840
|
};
|
|
1841
|
+
thankyouFooterText: {
|
|
1842
|
+
fontSize: string;
|
|
1843
|
+
fontWeight: string;
|
|
1844
|
+
lineHeight: string;
|
|
1845
|
+
};
|
|
1840
1846
|
textButton: {
|
|
1841
1847
|
fontWeight: number;
|
|
1842
1848
|
lineHeight: string;
|
|
@@ -1845,15 +1851,23 @@ declare type ThemeComponent = {
|
|
|
1845
1851
|
title: {
|
|
1846
1852
|
fontSize: string;
|
|
1847
1853
|
lineHeight: string;
|
|
1848
|
-
|
|
1854
|
+
fontWeight: number;
|
|
1849
1855
|
};
|
|
1850
1856
|
note: {
|
|
1851
1857
|
accentColor: string;
|
|
1852
1858
|
color: string;
|
|
1853
1859
|
backgroundColor: string;
|
|
1854
1860
|
};
|
|
1855
|
-
|
|
1856
|
-
|
|
1861
|
+
sectionTitle: {
|
|
1862
|
+
fontSize: string;
|
|
1863
|
+
lineHeight: string;
|
|
1864
|
+
fontWeight: number;
|
|
1865
|
+
};
|
|
1866
|
+
sectionDetails: {
|
|
1867
|
+
fontSize: string;
|
|
1868
|
+
lineHeight: string;
|
|
1869
|
+
fontWeight: number;
|
|
1870
|
+
marginLeft?: string;
|
|
1857
1871
|
};
|
|
1858
1872
|
};
|
|
1859
1873
|
text: {
|
package/build/index.esm.js
CHANGED
|
@@ -12651,7 +12651,10 @@ var InputWrapper = newStyled.div(templateObject_4$s || (templateObject_4$s = __m
|
|
|
12651
12651
|
var size = _a.size, inlinePlaceholder = _a.inlinePlaceholder;
|
|
12652
12652
|
return !inlinePlaceholder ? (size === 'small' ? '36px' : '40px') : '48px';
|
|
12653
12653
|
});
|
|
12654
|
-
var AnimatedPlaceholder = newStyled.span(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n color:
|
|
12654
|
+
var AnimatedPlaceholder = newStyled.span(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n color: ", ";\n font-weight: 400;\n left: 0.9375rem;\n bottom: 0.9375rem;\n transition: all 0.2s ease;\n position: absolute;\n pointer-events: none;\n font-size: 0.875rem;\n"], ["\n color: ", ";\n font-weight: 400;\n left: 0.9375rem;\n bottom: 0.9375rem;\n transition: all 0.2s ease;\n position: absolute;\n pointer-events: none;\n font-size: 0.875rem;\n"])), function (_a) {
|
|
12655
|
+
var theme = _a.theme;
|
|
12656
|
+
return theme.component.input.placeholderColor;
|
|
12657
|
+
});
|
|
12655
12658
|
var ClearInput = newStyled.div(templateObject_6$f || (templateObject_6$f = __makeTemplateObject(["\n right: 0.75rem;\n top: 1rem;\n position: absolute;\n cursor: pointer;\n"], ["\n right: 0.75rem;\n top: 1rem;\n position: absolute;\n cursor: pointer;\n"])));
|
|
12656
12659
|
var templateObject_1$11, templateObject_2$J, templateObject_3$B, templateObject_4$s, templateObject_5$h, templateObject_6$f;
|
|
12657
12660
|
|
|
@@ -12887,7 +12890,10 @@ var Note = function (_a) {
|
|
|
12887
12890
|
};
|
|
12888
12891
|
var templateObject_1$U, templateObject_2$D, templateObject_3$x, templateObject_4$p;
|
|
12889
12892
|
|
|
12890
|
-
var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n color: ", ";\n
|
|
12893
|
+
var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"], ["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"])), function (props) { return props.color; }, function (_a) {
|
|
12894
|
+
var theme = _a.theme;
|
|
12895
|
+
return "\n font-size: ".concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n ");
|
|
12896
|
+
});
|
|
12891
12897
|
var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
|
|
12892
12898
|
var Row$1 = newStyled.div(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"], ["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"])), mediaQueries({
|
|
12893
12899
|
flexDirection: ['column', 'row'],
|
|
@@ -12904,26 +12910,20 @@ var IconContainer$2 = newStyled.div(templateObject_5$f || (templateObject_5$f =
|
|
|
12904
12910
|
marginBottom: ['10px', '0'],
|
|
12905
12911
|
width: ['auto', '1.375rem'],
|
|
12906
12912
|
}));
|
|
12907
|
-
var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n
|
|
12913
|
+
var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n ", "\n margin: 0;\n text-transform: uppercase;\n"], ["\n ", "\n ", "\n margin: 0;\n text-transform: uppercase;\n"])), mediaQueries({
|
|
12908
12914
|
display: ['block', 'flex'],
|
|
12909
12915
|
}), function (_a) {
|
|
12910
12916
|
var theme = _a.theme;
|
|
12911
|
-
return theme.colors.shades['700'].color;
|
|
12912
|
-
}
|
|
12913
|
-
|
|
12914
|
-
return theme.component.deliveryDetails.title.fontSize;
|
|
12915
|
-
}, function (_a) {
|
|
12917
|
+
return "\n color: ".concat(theme.colors.shades['700'].color, ";\n font-size: ").concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n ");
|
|
12918
|
+
});
|
|
12919
|
+
var SectionDetails = newStyled.p(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n color: ", ";\n ", "\n margin: 0;\n margin-top: 0.625rem;\n ", ";\n"], ["\n color: ", ";\n ", "\n margin: 0;\n margin-top: 0.625rem;\n ", ";\n"])), function (props) { return props.color; }, function (_a) {
|
|
12916
12920
|
var theme = _a.theme;
|
|
12917
|
-
return theme.component.deliveryDetails.
|
|
12921
|
+
return "\n font-size: ".concat(theme.component.deliveryDetails.sectionDetails.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionDetails.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionDetails.fontWeight, ";\n ");
|
|
12918
12922
|
}, function (_a) {
|
|
12919
12923
|
var theme = _a.theme;
|
|
12920
|
-
return theme.component.deliveryDetails.
|
|
12921
|
-
});
|
|
12922
|
-
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) {
|
|
12923
|
-
var theme = _a.theme;
|
|
12924
|
-
return theme.component.deliveryDetails.SectionDetails
|
|
12924
|
+
return theme.component.deliveryDetails.sectionDetails.marginLeft
|
|
12925
12925
|
? mediaQueries({
|
|
12926
|
-
marginLeft: ['0', theme.component.deliveryDetails.
|
|
12926
|
+
marginLeft: ['0', theme.component.deliveryDetails.sectionDetails.marginLeft],
|
|
12927
12927
|
})
|
|
12928
12928
|
: '';
|
|
12929
12929
|
});
|
package/build/index.js
CHANGED
|
@@ -12677,7 +12677,10 @@ var InputWrapper = newStyled.div(templateObject_4$s || (templateObject_4$s = __m
|
|
|
12677
12677
|
var size = _a.size, inlinePlaceholder = _a.inlinePlaceholder;
|
|
12678
12678
|
return !inlinePlaceholder ? (size === 'small' ? '36px' : '40px') : '48px';
|
|
12679
12679
|
});
|
|
12680
|
-
var AnimatedPlaceholder = newStyled.span(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n color:
|
|
12680
|
+
var AnimatedPlaceholder = newStyled.span(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n color: ", ";\n font-weight: 400;\n left: 0.9375rem;\n bottom: 0.9375rem;\n transition: all 0.2s ease;\n position: absolute;\n pointer-events: none;\n font-size: 0.875rem;\n"], ["\n color: ", ";\n font-weight: 400;\n left: 0.9375rem;\n bottom: 0.9375rem;\n transition: all 0.2s ease;\n position: absolute;\n pointer-events: none;\n font-size: 0.875rem;\n"])), function (_a) {
|
|
12681
|
+
var theme = _a.theme;
|
|
12682
|
+
return theme.component.input.placeholderColor;
|
|
12683
|
+
});
|
|
12681
12684
|
var ClearInput = newStyled.div(templateObject_6$f || (templateObject_6$f = __makeTemplateObject(["\n right: 0.75rem;\n top: 1rem;\n position: absolute;\n cursor: pointer;\n"], ["\n right: 0.75rem;\n top: 1rem;\n position: absolute;\n cursor: pointer;\n"])));
|
|
12682
12685
|
var templateObject_1$11, templateObject_2$J, templateObject_3$B, templateObject_4$s, templateObject_5$h, templateObject_6$f;
|
|
12683
12686
|
|
|
@@ -12913,7 +12916,10 @@ var Note = function (_a) {
|
|
|
12913
12916
|
};
|
|
12914
12917
|
var templateObject_1$U, templateObject_2$D, templateObject_3$x, templateObject_4$p;
|
|
12915
12918
|
|
|
12916
|
-
var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n color: ", ";\n
|
|
12919
|
+
var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"], ["\n color: ", ";\n ", "\n margin: 0;\n text-align: center;\n"])), function (props) { return props.color; }, function (_a) {
|
|
12920
|
+
var theme = _a.theme;
|
|
12921
|
+
return "\n font-size: ".concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n ");
|
|
12922
|
+
});
|
|
12917
12923
|
var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"], ["\n width: 100%;\n height: 0.063rem;\n background-color: ", ";\n margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
|
|
12918
12924
|
var Row$1 = newStyled.div(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"], ["\n display: flex;\n ", "\n justify-content: space-between;\n align-items: flex-start;\n"])), mediaQueries({
|
|
12919
12925
|
flexDirection: ['column', 'row'],
|
|
@@ -12930,26 +12936,20 @@ var IconContainer$2 = newStyled.div(templateObject_5$f || (templateObject_5$f =
|
|
|
12930
12936
|
marginBottom: ['10px', '0'],
|
|
12931
12937
|
width: ['auto', '1.375rem'],
|
|
12932
12938
|
}));
|
|
12933
|
-
var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n
|
|
12939
|
+
var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n ", "\n ", "\n margin: 0;\n text-transform: uppercase;\n"], ["\n ", "\n ", "\n margin: 0;\n text-transform: uppercase;\n"])), mediaQueries({
|
|
12934
12940
|
display: ['block', 'flex'],
|
|
12935
12941
|
}), function (_a) {
|
|
12936
12942
|
var theme = _a.theme;
|
|
12937
|
-
return theme.colors.shades['700'].color;
|
|
12938
|
-
}
|
|
12939
|
-
|
|
12940
|
-
return theme.component.deliveryDetails.title.fontSize;
|
|
12941
|
-
}, function (_a) {
|
|
12943
|
+
return "\n color: ".concat(theme.colors.shades['700'].color, ";\n font-size: ").concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n ");
|
|
12944
|
+
});
|
|
12945
|
+
var SectionDetails = newStyled.p(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n color: ", ";\n ", "\n margin: 0;\n margin-top: 0.625rem;\n ", ";\n"], ["\n color: ", ";\n ", "\n margin: 0;\n margin-top: 0.625rem;\n ", ";\n"])), function (props) { return props.color; }, function (_a) {
|
|
12942
12946
|
var theme = _a.theme;
|
|
12943
|
-
return theme.component.deliveryDetails.
|
|
12947
|
+
return "\n font-size: ".concat(theme.component.deliveryDetails.sectionDetails.fontSize, ";\n line-height: ").concat(theme.component.deliveryDetails.sectionDetails.lineHeight, ";\n font-weight: ").concat(theme.component.deliveryDetails.sectionDetails.fontWeight, ";\n ");
|
|
12944
12948
|
}, function (_a) {
|
|
12945
12949
|
var theme = _a.theme;
|
|
12946
|
-
return theme.component.deliveryDetails.
|
|
12947
|
-
});
|
|
12948
|
-
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) {
|
|
12949
|
-
var theme = _a.theme;
|
|
12950
|
-
return theme.component.deliveryDetails.SectionDetails
|
|
12950
|
+
return theme.component.deliveryDetails.sectionDetails.marginLeft
|
|
12951
12951
|
? mediaQueries({
|
|
12952
|
-
marginLeft: ['0', theme.component.deliveryDetails.
|
|
12952
|
+
marginLeft: ['0', theme.component.deliveryDetails.sectionDetails.marginLeft],
|
|
12953
12953
|
})
|
|
12954
12954
|
: '';
|
|
12955
12955
|
});
|
|
@@ -547,6 +547,7 @@ declare type ThemeComponent = {
|
|
|
547
547
|
lineHeight: string;
|
|
548
548
|
button: {
|
|
549
549
|
borderRadius: string;
|
|
550
|
+
height: string;
|
|
550
551
|
};
|
|
551
552
|
};
|
|
552
553
|
copyrightText: {
|
|
@@ -555,6 +556,11 @@ declare type ThemeComponent = {
|
|
|
555
556
|
lineHeight: string;
|
|
556
557
|
color: string;
|
|
557
558
|
};
|
|
559
|
+
thankyouFooterText: {
|
|
560
|
+
fontSize: string;
|
|
561
|
+
fontWeight: string;
|
|
562
|
+
lineHeight: string;
|
|
563
|
+
};
|
|
558
564
|
textButton: {
|
|
559
565
|
fontWeight: number;
|
|
560
566
|
lineHeight: string;
|
|
@@ -563,15 +569,23 @@ declare type ThemeComponent = {
|
|
|
563
569
|
title: {
|
|
564
570
|
fontSize: string;
|
|
565
571
|
lineHeight: string;
|
|
566
|
-
|
|
572
|
+
fontWeight: number;
|
|
567
573
|
};
|
|
568
574
|
note: {
|
|
569
575
|
accentColor: string;
|
|
570
576
|
color: string;
|
|
571
577
|
backgroundColor: string;
|
|
572
578
|
};
|
|
573
|
-
|
|
574
|
-
|
|
579
|
+
sectionTitle: {
|
|
580
|
+
fontSize: string;
|
|
581
|
+
lineHeight: string;
|
|
582
|
+
fontWeight: number;
|
|
583
|
+
};
|
|
584
|
+
sectionDetails: {
|
|
585
|
+
fontSize: string;
|
|
586
|
+
lineHeight: string;
|
|
587
|
+
fontWeight: number;
|
|
588
|
+
marginLeft?: string;
|
|
575
589
|
};
|
|
576
590
|
};
|
|
577
591
|
text: {
|
|
@@ -671,6 +671,7 @@ var revel = {
|
|
|
671
671
|
lineHeight: '22px',
|
|
672
672
|
button: {
|
|
673
673
|
borderRadius: '4px',
|
|
674
|
+
height: '35px',
|
|
674
675
|
},
|
|
675
676
|
},
|
|
676
677
|
copyrightText: {
|
|
@@ -679,23 +680,36 @@ var revel = {
|
|
|
679
680
|
lineHeight: '22px',
|
|
680
681
|
color: '--colors-shades-400-color',
|
|
681
682
|
},
|
|
683
|
+
thankyouFooterText: {
|
|
684
|
+
fontSize: '14px',
|
|
685
|
+
fontWeight: '700',
|
|
686
|
+
lineHeight: '20px',
|
|
687
|
+
},
|
|
682
688
|
textButton: {
|
|
683
689
|
fontWeight: 600,
|
|
684
690
|
lineHeight: '22px',
|
|
685
691
|
},
|
|
686
692
|
deliveryDetails: {
|
|
687
693
|
title: {
|
|
694
|
+
fontSize: '1.25rem',
|
|
695
|
+
lineHeight: '1.75rem',
|
|
696
|
+
fontWeight: 600,
|
|
697
|
+
},
|
|
698
|
+
sectionTitle: {
|
|
688
699
|
fontSize: '1rem',
|
|
689
700
|
lineHeight: '1.25rem',
|
|
690
|
-
|
|
701
|
+
fontWeight: 600,
|
|
691
702
|
},
|
|
692
703
|
note: {
|
|
693
704
|
accentColor: '--colors-semantic-urgent-color',
|
|
694
705
|
color: '--colors-text-color',
|
|
695
706
|
backgroundColor: '#F5DECE',
|
|
696
707
|
},
|
|
697
|
-
|
|
708
|
+
sectionDetails: {
|
|
698
709
|
marginLeft: '1.813rem',
|
|
710
|
+
fontSize: '1rem',
|
|
711
|
+
lineHeight: '1.25rem',
|
|
712
|
+
fontWeight: 400,
|
|
699
713
|
},
|
|
700
714
|
},
|
|
701
715
|
text: {
|
|
@@ -547,6 +547,7 @@ declare type ThemeComponent = {
|
|
|
547
547
|
lineHeight: string;
|
|
548
548
|
button: {
|
|
549
549
|
borderRadius: string;
|
|
550
|
+
height: string;
|
|
550
551
|
};
|
|
551
552
|
};
|
|
552
553
|
copyrightText: {
|
|
@@ -555,6 +556,11 @@ declare type ThemeComponent = {
|
|
|
555
556
|
lineHeight: string;
|
|
556
557
|
color: string;
|
|
557
558
|
};
|
|
559
|
+
thankyouFooterText: {
|
|
560
|
+
fontSize: string;
|
|
561
|
+
fontWeight: string;
|
|
562
|
+
lineHeight: string;
|
|
563
|
+
};
|
|
558
564
|
textButton: {
|
|
559
565
|
fontWeight: number;
|
|
560
566
|
lineHeight: string;
|
|
@@ -563,15 +569,23 @@ declare type ThemeComponent = {
|
|
|
563
569
|
title: {
|
|
564
570
|
fontSize: string;
|
|
565
571
|
lineHeight: string;
|
|
566
|
-
|
|
572
|
+
fontWeight: number;
|
|
567
573
|
};
|
|
568
574
|
note: {
|
|
569
575
|
accentColor: string;
|
|
570
576
|
color: string;
|
|
571
577
|
backgroundColor: string;
|
|
572
578
|
};
|
|
573
|
-
|
|
574
|
-
|
|
579
|
+
sectionTitle: {
|
|
580
|
+
fontSize: string;
|
|
581
|
+
lineHeight: string;
|
|
582
|
+
fontWeight: number;
|
|
583
|
+
};
|
|
584
|
+
sectionDetails: {
|
|
585
|
+
fontSize: string;
|
|
586
|
+
lineHeight: string;
|
|
587
|
+
fontWeight: number;
|
|
588
|
+
marginLeft?: string;
|
|
575
589
|
};
|
|
576
590
|
};
|
|
577
591
|
text: {
|
|
@@ -671,6 +671,7 @@ var shapermint = {
|
|
|
671
671
|
lineHeight: '16px',
|
|
672
672
|
button: {
|
|
673
673
|
borderRadius: '4px',
|
|
674
|
+
height: '35px',
|
|
674
675
|
},
|
|
675
676
|
},
|
|
676
677
|
copyrightText: {
|
|
@@ -679,21 +680,36 @@ var shapermint = {
|
|
|
679
680
|
lineHeight: '24px',
|
|
680
681
|
color: '--colors-pallete-secondary-color',
|
|
681
682
|
},
|
|
683
|
+
thankyouFooterText: {
|
|
684
|
+
fontSize: '14px',
|
|
685
|
+
fontWeight: '700',
|
|
686
|
+
lineHeight: '20px',
|
|
687
|
+
},
|
|
682
688
|
textButton: {
|
|
683
689
|
fontWeight: 500,
|
|
684
690
|
lineHeight: 'normal',
|
|
685
691
|
},
|
|
686
692
|
deliveryDetails: {
|
|
687
693
|
title: {
|
|
694
|
+
fontSize: '1.25rem',
|
|
695
|
+
lineHeight: '1.75rem',
|
|
696
|
+
fontWeight: 600,
|
|
697
|
+
},
|
|
698
|
+
sectionTitle: {
|
|
688
699
|
fontSize: '1rem',
|
|
689
700
|
lineHeight: '1.25rem',
|
|
690
|
-
|
|
701
|
+
fontWeight: 600,
|
|
691
702
|
},
|
|
692
703
|
note: {
|
|
693
704
|
accentColor: '--colors-semantic-urgent-color',
|
|
694
705
|
color: '--colors-text-color',
|
|
695
706
|
backgroundColor: '--colors-pallete-primary-20-color',
|
|
696
707
|
},
|
|
708
|
+
sectionDetails: {
|
|
709
|
+
fontSize: '1rem',
|
|
710
|
+
lineHeight: '1.25rem',
|
|
711
|
+
fontWeight: 400,
|
|
712
|
+
},
|
|
697
713
|
},
|
|
698
714
|
text: {
|
|
699
715
|
orderHeader: {
|
|
@@ -547,6 +547,7 @@ declare type ThemeComponent = {
|
|
|
547
547
|
lineHeight: string;
|
|
548
548
|
button: {
|
|
549
549
|
borderRadius: string;
|
|
550
|
+
height: string;
|
|
550
551
|
};
|
|
551
552
|
};
|
|
552
553
|
copyrightText: {
|
|
@@ -555,6 +556,11 @@ declare type ThemeComponent = {
|
|
|
555
556
|
lineHeight: string;
|
|
556
557
|
color: string;
|
|
557
558
|
};
|
|
559
|
+
thankyouFooterText: {
|
|
560
|
+
fontSize: string;
|
|
561
|
+
fontWeight: string;
|
|
562
|
+
lineHeight: string;
|
|
563
|
+
};
|
|
558
564
|
textButton: {
|
|
559
565
|
fontWeight: number;
|
|
560
566
|
lineHeight: string;
|
|
@@ -563,15 +569,23 @@ declare type ThemeComponent = {
|
|
|
563
569
|
title: {
|
|
564
570
|
fontSize: string;
|
|
565
571
|
lineHeight: string;
|
|
566
|
-
|
|
572
|
+
fontWeight: number;
|
|
567
573
|
};
|
|
568
574
|
note: {
|
|
569
575
|
accentColor: string;
|
|
570
576
|
color: string;
|
|
571
577
|
backgroundColor: string;
|
|
572
578
|
};
|
|
573
|
-
|
|
574
|
-
|
|
579
|
+
sectionTitle: {
|
|
580
|
+
fontSize: string;
|
|
581
|
+
lineHeight: string;
|
|
582
|
+
fontWeight: number;
|
|
583
|
+
};
|
|
584
|
+
sectionDetails: {
|
|
585
|
+
fontSize: string;
|
|
586
|
+
lineHeight: string;
|
|
587
|
+
fontWeight: number;
|
|
588
|
+
marginLeft?: string;
|
|
575
589
|
};
|
|
576
590
|
};
|
|
577
591
|
text: {
|
|
@@ -303,7 +303,7 @@ var tsd = {
|
|
|
303
303
|
input: {
|
|
304
304
|
background: '--colors-shades-white-color',
|
|
305
305
|
color: '--colors-shades-700-color',
|
|
306
|
-
placeholderColor: '--colors-shades-
|
|
306
|
+
placeholderColor: '--colors-shades-400-color',
|
|
307
307
|
borderRadius: '8px',
|
|
308
308
|
fontSize: '16px',
|
|
309
309
|
fontWeight: 400,
|
|
@@ -314,7 +314,7 @@ var tsd = {
|
|
|
314
314
|
errorBorder: '0.09375rem solid #d3373c',
|
|
315
315
|
},
|
|
316
316
|
inputPlaceholder: {
|
|
317
|
-
fontSize: '
|
|
317
|
+
fontSize: '16px',
|
|
318
318
|
padding: '1.125rem 0.9375rem 0 0.9375rem',
|
|
319
319
|
focusBorder: '0.09375rem solid #1990c6',
|
|
320
320
|
},
|
|
@@ -413,8 +413,8 @@ var tsd = {
|
|
|
413
413
|
radio: {
|
|
414
414
|
borderColor: '--colors-pallete-primary-color',
|
|
415
415
|
background: '--colors-shades-white-color',
|
|
416
|
-
textSize: '
|
|
417
|
-
lineHeight: '
|
|
416
|
+
textSize: '14px',
|
|
417
|
+
lineHeight: '22px',
|
|
418
418
|
size: {
|
|
419
419
|
large: {
|
|
420
420
|
borderWidth: '0.094rem',
|
|
@@ -548,13 +548,13 @@ var tsd = {
|
|
|
548
548
|
},
|
|
549
549
|
dropdown: {
|
|
550
550
|
borderRadius: '8px',
|
|
551
|
-
fontSize: '
|
|
551
|
+
fontSize: '14px',
|
|
552
552
|
fontWeight: 400,
|
|
553
|
-
lineHeight: '
|
|
554
|
-
padding: '12px
|
|
553
|
+
lineHeight: '16px',
|
|
554
|
+
padding: '12px 14px',
|
|
555
555
|
optionPadding: '0.75rem 1.2rem',
|
|
556
|
-
color: '--colors-shades-
|
|
557
|
-
fill: '--colors-shades-
|
|
556
|
+
color: '--colors-shades-400-color',
|
|
557
|
+
fill: '--colors-shades-400-color',
|
|
558
558
|
options: {
|
|
559
559
|
borderColor: '--colors-shades-700-color',
|
|
560
560
|
color: '--colors-shades-700-color',
|
|
@@ -701,14 +701,16 @@ var tsd = {
|
|
|
701
701
|
onMobile: {
|
|
702
702
|
maxWidth: '100%',
|
|
703
703
|
padding: '15px',
|
|
704
|
+
backgroundColor: '--colors-shades-white-color',
|
|
704
705
|
},
|
|
705
706
|
},
|
|
706
707
|
expressCheckout: {
|
|
707
|
-
fontFamily: '
|
|
708
|
+
fontFamily: 'Poppins',
|
|
708
709
|
fontWeight: 600,
|
|
709
710
|
lineHeight: '22px',
|
|
710
711
|
button: {
|
|
711
712
|
borderRadius: '15px',
|
|
713
|
+
height: '40px',
|
|
712
714
|
},
|
|
713
715
|
},
|
|
714
716
|
copyrightText: {
|
|
@@ -717,21 +719,36 @@ var tsd = {
|
|
|
717
719
|
lineHeight: '22px',
|
|
718
720
|
color: '--colors-shades-400-color',
|
|
719
721
|
},
|
|
722
|
+
thankyouFooterText: {
|
|
723
|
+
fontSize: '24px',
|
|
724
|
+
fontWeight: '400',
|
|
725
|
+
lineHeight: '32px',
|
|
726
|
+
},
|
|
720
727
|
textButton: {
|
|
721
728
|
fontWeight: 500,
|
|
722
729
|
lineHeight: 'normal',
|
|
723
730
|
},
|
|
724
731
|
deliveryDetails: {
|
|
725
732
|
title: {
|
|
726
|
-
fontSize: '
|
|
727
|
-
lineHeight: '
|
|
728
|
-
|
|
733
|
+
fontSize: '18px',
|
|
734
|
+
lineHeight: '28px',
|
|
735
|
+
fontWeight: 700,
|
|
736
|
+
},
|
|
737
|
+
sectionTitle: {
|
|
738
|
+
fontSize: '14px',
|
|
739
|
+
lineHeight: '20px',
|
|
740
|
+
fontWeight: 600,
|
|
729
741
|
},
|
|
730
742
|
note: {
|
|
731
743
|
accentColor: '--colors-semantic-urgent-color',
|
|
732
744
|
color: '--colors-text-color',
|
|
733
745
|
backgroundColor: '--colors-pallete-primary-20-color',
|
|
734
746
|
},
|
|
747
|
+
sectionDetails: {
|
|
748
|
+
fontSize: '14px',
|
|
749
|
+
lineHeight: '24px',
|
|
750
|
+
fontWeight: 400,
|
|
751
|
+
},
|
|
735
752
|
},
|
|
736
753
|
text: {
|
|
737
754
|
orderHeader: {
|
|
@@ -1063,7 +1080,7 @@ var tsd = {
|
|
|
1063
1080
|
},
|
|
1064
1081
|
logoMobile: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/tsd/tsd_logo.svg',
|
|
1065
1082
|
checkoutLogo: {
|
|
1066
|
-
url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/tsd/tsd_logo_checkout.
|
|
1083
|
+
url: 'https://cdn.jsdelivr.net/gh/trafilea/storefront-static@main/images/tsd/tsd_logo_checkout.svg',
|
|
1067
1084
|
width: '421',
|
|
1068
1085
|
height: '82s',
|
|
1069
1086
|
},
|
|
@@ -547,6 +547,7 @@ declare type ThemeComponent = {
|
|
|
547
547
|
lineHeight: string;
|
|
548
548
|
button: {
|
|
549
549
|
borderRadius: string;
|
|
550
|
+
height: string;
|
|
550
551
|
};
|
|
551
552
|
};
|
|
552
553
|
copyrightText: {
|
|
@@ -555,6 +556,11 @@ declare type ThemeComponent = {
|
|
|
555
556
|
lineHeight: string;
|
|
556
557
|
color: string;
|
|
557
558
|
};
|
|
559
|
+
thankyouFooterText: {
|
|
560
|
+
fontSize: string;
|
|
561
|
+
fontWeight: string;
|
|
562
|
+
lineHeight: string;
|
|
563
|
+
};
|
|
558
564
|
textButton: {
|
|
559
565
|
fontWeight: number;
|
|
560
566
|
lineHeight: string;
|
|
@@ -563,15 +569,23 @@ declare type ThemeComponent = {
|
|
|
563
569
|
title: {
|
|
564
570
|
fontSize: string;
|
|
565
571
|
lineHeight: string;
|
|
566
|
-
|
|
572
|
+
fontWeight: number;
|
|
567
573
|
};
|
|
568
574
|
note: {
|
|
569
575
|
accentColor: string;
|
|
570
576
|
color: string;
|
|
571
577
|
backgroundColor: string;
|
|
572
578
|
};
|
|
573
|
-
|
|
574
|
-
|
|
579
|
+
sectionTitle: {
|
|
580
|
+
fontSize: string;
|
|
581
|
+
lineHeight: string;
|
|
582
|
+
fontWeight: number;
|
|
583
|
+
};
|
|
584
|
+
sectionDetails: {
|
|
585
|
+
fontSize: string;
|
|
586
|
+
lineHeight: string;
|
|
587
|
+
fontWeight: number;
|
|
588
|
+
marginLeft?: string;
|
|
575
589
|
};
|
|
576
590
|
};
|
|
577
591
|
text: {
|
|
@@ -752,6 +752,7 @@ var truekind = {
|
|
|
752
752
|
lineHeight: '16px',
|
|
753
753
|
button: {
|
|
754
754
|
borderRadius: '4px',
|
|
755
|
+
height: '35px',
|
|
755
756
|
},
|
|
756
757
|
},
|
|
757
758
|
copyrightText: {
|
|
@@ -760,21 +761,36 @@ var truekind = {
|
|
|
760
761
|
lineHeight: '24px',
|
|
761
762
|
color: '--colors-pallete-secondary-color',
|
|
762
763
|
},
|
|
764
|
+
thankyouFooterText: {
|
|
765
|
+
fontSize: '14px',
|
|
766
|
+
fontWeight: '700',
|
|
767
|
+
lineHeight: '20px',
|
|
768
|
+
},
|
|
763
769
|
textButton: {
|
|
764
770
|
fontWeight: 500,
|
|
765
771
|
lineHeight: 'normal',
|
|
766
772
|
},
|
|
767
773
|
deliveryDetails: {
|
|
768
774
|
title: {
|
|
769
|
-
fontSize: '1.
|
|
775
|
+
fontSize: '1.25rem',
|
|
770
776
|
lineHeight: '1.75rem',
|
|
771
|
-
|
|
777
|
+
fontWeight: 600,
|
|
778
|
+
},
|
|
779
|
+
sectionTitle: {
|
|
780
|
+
fontSize: '1.125rem',
|
|
781
|
+
lineHeight: '1.25rem',
|
|
782
|
+
fontWeight: 700,
|
|
772
783
|
},
|
|
773
784
|
note: {
|
|
774
785
|
accentColor: '--colors-semantic-urgent-color',
|
|
775
786
|
color: '--colors-text-color',
|
|
776
787
|
backgroundColor: '--colors-pallete-primary-20-color',
|
|
777
788
|
},
|
|
789
|
+
sectionDetails: {
|
|
790
|
+
fontSize: '1rem',
|
|
791
|
+
lineHeight: '1.25rem',
|
|
792
|
+
fontWeight: 400,
|
|
793
|
+
},
|
|
778
794
|
},
|
|
779
795
|
text: {
|
|
780
796
|
orderHeader: {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Trafilea's Design System",
|
|
4
4
|
"author": "Trafilea",
|
|
5
5
|
"repository": "https://github.com/trafilea/afrodita-components",
|
|
6
|
-
"version": "5.0.0-beta.
|
|
6
|
+
"version": "5.0.0-beta.254",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/index.js",
|
|
9
9
|
"style": "build/index.css",
|