@trafilea/afrodita-components 5.0.0-beta.108 → 5.0.0-beta.109
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 +2 -1
- package/build/index.esm.js +7 -3
- package/build/index.esm.js.map +1 -1
- package/build/index.js +7 -3
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -1793,8 +1793,9 @@ declare const ScrollToTop: ({ scrollToTopText, onClick, fill }: ScrollToTopProps
|
|
|
1793
1793
|
|
|
1794
1794
|
interface OrderBarProps {
|
|
1795
1795
|
message: string;
|
|
1796
|
+
color?: string;
|
|
1796
1797
|
}
|
|
1797
|
-
declare const OrderBar: ({ message }: OrderBarProps) => JSX.Element;
|
|
1798
|
+
declare const OrderBar: ({ message, color }: OrderBarProps) => JSX.Element;
|
|
1798
1799
|
|
|
1799
1800
|
interface TableProps {
|
|
1800
1801
|
headers: string[];
|
package/build/index.esm.js
CHANGED
|
@@ -12411,12 +12411,16 @@ var ScrollToTop = function (_a) {
|
|
|
12411
12411
|
};
|
|
12412
12412
|
var templateObject_1$F, templateObject_2$r;
|
|
12413
12413
|
|
|
12414
|
-
var
|
|
12414
|
+
var DEFAULT_COLOR = '#dfefeb';
|
|
12415
|
+
var Container$q = newStyled.div(templateObject_1$E || (templateObject_1$E = __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) {
|
|
12416
|
+
var color = _a.color;
|
|
12417
|
+
return color !== null && color !== void 0 ? color : DEFAULT_COLOR;
|
|
12418
|
+
});
|
|
12415
12419
|
var H1 = newStyled.h1(templateObject_2$q || (templateObject_2$q = __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; });
|
|
12416
12420
|
var OrderBar = function (_a) {
|
|
12417
|
-
var message = _a.message;
|
|
12421
|
+
var message = _a.message, color = _a.color;
|
|
12418
12422
|
var theme = useTheme();
|
|
12419
|
-
return (jsxs$1(Container$q, { children: [jsx$1(Icon.Actions.Check, { width: 1.25, height: 0.875, fill: "#2F806A" }, void 0), jsx$1(H1, __assign$1({ color: theme.colors.shades['700'].color }, { children: message }), void 0)] }, void 0));
|
|
12423
|
+
return (jsxs$1(Container$q, __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.colors.shades['700'].color }, { children: message }), void 0)] }), void 0));
|
|
12420
12424
|
};
|
|
12421
12425
|
var templateObject_1$E, templateObject_2$q;
|
|
12422
12426
|
|