@trafilea/afrodita-components 5.0.0-beta.241 → 5.0.0-beta.243
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 +12 -0
- package/build/index.esm.js +3 -4
- package/build/index.esm.js.map +1 -1
- package/build/index.js +3 -4
- package/build/index.js.map +1 -1
- package/build/theme/revel.theme.d.ts +12 -0
- package/build/theme/revel.theme.js +7 -0
- package/build/theme/shapermint.theme.d.ts +12 -0
- package/build/theme/shapermint.theme.js +7 -0
- package/build/theme/thespadr.theme.d.ts +12 -0
- package/build/theme/thespadr.theme.js +35 -11
- package/build/theme/truekind.theme.d.ts +12 -0
- package/build/theme/truekind.theme.js +7 -0
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -1822,6 +1822,9 @@ declare type ThemeComponent = {
|
|
|
1822
1822
|
fontFamily: string;
|
|
1823
1823
|
fontWeight: number;
|
|
1824
1824
|
lineHeight: string;
|
|
1825
|
+
button: {
|
|
1826
|
+
borderRadius: string;
|
|
1827
|
+
};
|
|
1825
1828
|
};
|
|
1826
1829
|
copyrightText: {
|
|
1827
1830
|
fontSize: string;
|
|
@@ -1848,6 +1851,10 @@ declare type ThemeComponent = {
|
|
|
1848
1851
|
color: string;
|
|
1849
1852
|
};
|
|
1850
1853
|
};
|
|
1854
|
+
orderBar: {
|
|
1855
|
+
backgroundColor: string;
|
|
1856
|
+
fontColor: string;
|
|
1857
|
+
};
|
|
1851
1858
|
};
|
|
1852
1859
|
declare type ThemeTypography = {
|
|
1853
1860
|
config: {
|
|
@@ -1879,6 +1886,11 @@ declare type ThemeAssets = {
|
|
|
1879
1886
|
height: string;
|
|
1880
1887
|
};
|
|
1881
1888
|
logoMobile?: string;
|
|
1889
|
+
checkoutLogo?: {
|
|
1890
|
+
url: string;
|
|
1891
|
+
width: string;
|
|
1892
|
+
height: string;
|
|
1893
|
+
};
|
|
1882
1894
|
};
|
|
1883
1895
|
[key: string]: any;
|
|
1884
1896
|
};
|
package/build/index.esm.js
CHANGED
|
@@ -12918,16 +12918,15 @@ var ScrollToTop = function (_a) {
|
|
|
12918
12918
|
};
|
|
12919
12919
|
var templateObject_1$S, templateObject_2$B;
|
|
12920
12920
|
|
|
12921
|
-
var DEFAULT_COLOR = '#dfefeb';
|
|
12922
12921
|
var Container$C = newStyled.div(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0.75rem 0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n padding: 0.75rem 0;\n"])), function (_a) {
|
|
12923
|
-
var
|
|
12924
|
-
return
|
|
12922
|
+
var theme = _a.theme;
|
|
12923
|
+
return theme.component.orderBar.backgroundColor;
|
|
12925
12924
|
});
|
|
12926
12925
|
var H1 = newStyled.h1(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"], ["\n margin: 0;\n font-size: 1rem;\n line-height: 1.5rem;\n font-weight: 600;\n color: ", ";\n margin-left: 0.625rem;\n"])), function (props) { return props.color; });
|
|
12927
12926
|
var OrderBar = function (_a) {
|
|
12928
12927
|
var message = _a.message, color = _a.color;
|
|
12929
12928
|
var theme = useTheme();
|
|
12930
|
-
return (jsxs$1(Container$C, __assign$1({ color: color }, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1, __assign$1({ color: theme.
|
|
12929
|
+
return (jsxs$1(Container$C, __assign$1({ color: color }, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1, __assign$1({ color: theme.component.orderBar.fontColor }, { children: message }), void 0)] }), void 0));
|
|
12931
12930
|
};
|
|
12932
12931
|
var templateObject_1$R, templateObject_2$A;
|
|
12933
12932
|
|