@xfers/design-system 2.31.0 → 2.32.0
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/cjs/index.js +3 -3
- package/cjs/index.js.map +1 -1
- package/dist/components/Banner/index.js +7 -1
- package/dist/components/Banner/index.js.map +1 -1
- package/dist/shared/theme.js +5 -0
- package/dist/shared/theme.js.map +1 -1
- package/dist/types/components/Banner/index.d.ts +1 -1
- package/dist/types/shared/theme.d.ts +11 -1
- package/dist/types/shared/themeContext.d.ts +5 -0
- package/es/icons.js +1 -1
- package/es/index.js +4 -4
- package/es/index.js.map +1 -1
- package/es/logos.js +1 -1
- package/package.json +1 -1
|
@@ -36,11 +36,12 @@ var CrossMini_1 = require("src/icons/CrossMini");
|
|
|
36
36
|
var InfoFilled_1 = require("src/icons/InfoFilled");
|
|
37
37
|
var Banner = function (_a) {
|
|
38
38
|
var _b = _a.withIcon, withIcon = _b === void 0 ? false : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'primary' : _c, rest = __rest(_a, ["withIcon", "children", "type"]);
|
|
39
|
-
var _d = themeContext_1.useTheme(), text = _d.text, brand = _d.brand, success = _d.success, warning = _d.warning, error = _d.error, spacing = _d.spacing;
|
|
39
|
+
var _d = themeContext_1.useTheme(), text = _d.text, brand = _d.brand, success = _d.success, warning = _d.warning, error = _d.error, notification = _d.notification, spacing = _d.spacing;
|
|
40
40
|
var primaryStyle = "\n color: " + text.default + ";\n background: " + brand.primary.background + ";\n ";
|
|
41
41
|
var successStyle = "\n color: " + success.text + ";\n background: " + success.background + ";\n ";
|
|
42
42
|
var warningStyle = "\n color: " + warning.text + ";\n background: " + warning.background + ";\n ";
|
|
43
43
|
var errorStyle = "\n color: " + error.text + ";\n background: " + error.background + ";\n ";
|
|
44
|
+
var notificationStyle = "\n color: " + notification.text + "};\n background: " + notification.background + ";\n ";
|
|
44
45
|
var getTypeStyle = function () {
|
|
45
46
|
switch (type) {
|
|
46
47
|
case 'primary':
|
|
@@ -52,6 +53,8 @@ var Banner = function (_a) {
|
|
|
52
53
|
return warningStyle;
|
|
53
54
|
case 'error':
|
|
54
55
|
return errorStyle;
|
|
56
|
+
case 'notification':
|
|
57
|
+
return notificationStyle;
|
|
55
58
|
}
|
|
56
59
|
};
|
|
57
60
|
var StyledBanner = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", ";\n border-radius: 5px;\n display: flex;\n vertical-align: middle;\n ", "\n "], ["\n padding: ", ";\n border-radius: 5px;\n display: flex;\n vertical-align: middle;\n ", "\n "])), spacing.sm, getTypeStyle());
|
|
@@ -69,6 +72,9 @@ var Banner = function (_a) {
|
|
|
69
72
|
else if (type === 'error') {
|
|
70
73
|
return (react_1.default.createElement(CrossMini_1.default, { style: { minHeight: '18px', minWidth: '18px' }, color: error.emphasis, className: emotion_1.cx(svgStyle) }));
|
|
71
74
|
}
|
|
75
|
+
else if (type === 'notification') {
|
|
76
|
+
return (react_1.default.createElement(InfoFilled_1.default, { style: { minHeight: '18px', minWidth: '18px' }, color: notification.emphasis, className: emotion_1.cx(svgStyle) }));
|
|
77
|
+
}
|
|
72
78
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
73
79
|
};
|
|
74
80
|
return (react_1.default.createElement(StyledBanner, __assign({}, rest),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,mCAAiC;AACjC,wDAAkD;AAClD,uCAAiC;AACjC,yDAAmD;AACnD,iDAA2C;AAC3C,mDAA6C;AAQ7C,IAAM,MAAM,GAAG,UAAC,EAKF;IAJZ,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EACb,IAAI,cAJO,gCAKf,CADQ;IAED,IAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Banner/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/shared/theme.js
CHANGED
|
@@ -67,6 +67,11 @@ var rootTheme = {
|
|
|
67
67
|
border: colors_1.RED.S300,
|
|
68
68
|
background: colors_1.RED.S100,
|
|
69
69
|
},
|
|
70
|
+
notification: {
|
|
71
|
+
text: colors_1.BLUE.S300,
|
|
72
|
+
emphasis: colors_1.BLUE.DEFAULT,
|
|
73
|
+
background: colors_1.BLUE.S100,
|
|
74
|
+
},
|
|
70
75
|
card: {
|
|
71
76
|
background: {
|
|
72
77
|
default: colors_1.WHITE.DEFAULT,
|
package/dist/shared/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/shared/theme.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/shared/theme.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare type BannerProps = {
|
|
3
|
-
type?: 'primary' | 'success' | 'warning' | 'error';
|
|
3
|
+
type?: 'primary' | 'success' | 'warning' | 'error' | 'notification';
|
|
4
4
|
withIcon?: boolean;
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BLACK, GREEN, GREY, RED, YELLOW, WHITE } from 'src/constants/colors';
|
|
1
|
+
import { BLACK, BLUE, GREEN, GREY, RED, YELLOW, WHITE } from 'src/constants/colors';
|
|
2
2
|
export declare const xfersTheme: {
|
|
3
3
|
brand: {
|
|
4
4
|
primary: {
|
|
@@ -65,6 +65,11 @@ export declare const xfersTheme: {
|
|
|
65
65
|
border: RED;
|
|
66
66
|
background: RED;
|
|
67
67
|
};
|
|
68
|
+
notification: {
|
|
69
|
+
text: BLUE;
|
|
70
|
+
emphasis: BLUE;
|
|
71
|
+
background: BLUE;
|
|
72
|
+
};
|
|
68
73
|
card: {
|
|
69
74
|
background: {
|
|
70
75
|
default: WHITE;
|
|
@@ -141,6 +146,11 @@ export declare const straitsXTheme: {
|
|
|
141
146
|
border: RED;
|
|
142
147
|
background: RED;
|
|
143
148
|
};
|
|
149
|
+
notification: {
|
|
150
|
+
text: BLUE;
|
|
151
|
+
emphasis: BLUE;
|
|
152
|
+
background: BLUE;
|
|
153
|
+
};
|
|
144
154
|
card: {
|
|
145
155
|
background: {
|
|
146
156
|
default: WHITE;
|
|
@@ -71,6 +71,11 @@ declare const useTheme: () => {
|
|
|
71
71
|
border: import("../constants/colors").RED;
|
|
72
72
|
background: import("../constants/colors").RED;
|
|
73
73
|
};
|
|
74
|
+
notification: {
|
|
75
|
+
text: import("../constants/colors").BLUE;
|
|
76
|
+
emphasis: import("../constants/colors").BLUE;
|
|
77
|
+
background: import("../constants/colors").BLUE;
|
|
78
|
+
};
|
|
74
79
|
card: {
|
|
75
80
|
background: {
|
|
76
81
|
default: import("../constants/colors").WHITE;
|