@xfers/design-system 2.30.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 +2 -2
- 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/components/Button/Button.js +2 -1
- package/dist/components/Button/Button.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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"}
|
|
@@ -33,11 +33,12 @@ require("antd/es/button/style/css");
|
|
|
33
33
|
var fontStyles_1 = require("src/constants/fontStyles");
|
|
34
34
|
var spacing_1 = require("src/constants/spacing");
|
|
35
35
|
var themeContext_1 = require("src/shared/themeContext");
|
|
36
|
+
var theme_1 = require("src/shared/theme");
|
|
36
37
|
var CustomButton = function (_a) {
|
|
37
38
|
var _b = _a.type, type = _b === void 0 ? 'primary' : _b, size = _a.size, iconColor = _a.iconColor, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, children = _a.children, rest = __rest(_a, ["type", "size", "iconColor", "isDisabled", "isFullWidth", "className", "children"]);
|
|
38
39
|
var _f = themeContext_1.useTheme(), brand = _f.brand, button = _f.button, actionButton = _f.actionButton;
|
|
39
40
|
var primaryStyle = "\n background-color: " + brand.action.default + ";\n color: " + brand.primary.contrast + ";\n border: none;\n\n&:focus {\n background-color: " + brand.action.default + ";\n color: " + brand.primary.contrast + ";\n border: none;\n }\n \n &:active {\n background-color: " + brand.action.default + ";\n color: " + brand.primary.contrast + ";\n border: none;\n }\n &:hover {\n background-color: " + brand.action.hover + ";\n color: " + brand.primary.contrast + ";\n border: none;\n }\n ";
|
|
40
|
-
var secondaryStyle = "\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n\n &:focus {\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n }\n\n &:hover {\n background-color: " + button.background + ";\n color: " + button.hover + ";\n border: 1px solid " + button.border + ";\n }\n\n &:active {\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n }\n ";
|
|
41
|
+
var secondaryStyle = "\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n\n &:focus {\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n }\n\n &:hover {\n background-color: " + button.background + ";\n color: " + button.hover + ";\n border: 1px solid " + button.border + ";\n }\n\n &:active {\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n }\n\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n }\n ";
|
|
41
42
|
var tertiaryStyle = "\n background-color: transparent;\n color: " + brand.primary.default + ";\n border: none;\n\n &:focus {\n background-color: transparent;\n color: " + brand.primary.default + ";\n border: none;\n }\n\n &:hover {\n background-color: transparent;\n color: " + brand.action.hover + ";\n border: none;\n }\n\n &:active {\n background-color: transparent;\n color: " + brand.action.default + ";\n border: none;\n }\n ";
|
|
42
43
|
var disabledStyle = "\n cursor: auto;\n pointer-events: none;\n opacity: " + brand.action.disabledOpacity + ";\n ";
|
|
43
44
|
var fullWidthStyle = "\n width: 100%;\n ";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,yCAAoD;AACpD,oCAAiC;AACjC,uDAIiC;AACjC,iDAAqE;AACrE,wDAAkD;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.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":";;;;;;;;;;;;;;AAAA,+CAQ6B;AAC7B,iDAQ8B;AAE9B,6DAA6D;AAC7D,IAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,EAAE,EAAE,6BAAmB;QACvB,EAAE,EAAE,uBAAa;QACjB,EAAE,EAAE,wBAAc;QAClB,EAAE,EAAE,uBAAa;QACjB,EAAE,EAAE,6BAAmB;KACxB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,gCAAsB;QAC/B,MAAM,EAAE,+BAAqB;KAC9B;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,cAAK,CAAC,OAAO;QACtB,KAAK,EAAE,cAAK,CAAC,OAAO;KACrB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,cAAK,CAAC,OAAO;QACzB,KAAK,EAAE,cAAK,CAAC,OAAO;QACpB,MAAM,EAAE,aAAI,CAAC,IAAI;QACjB,KAAK,EAAE,cAAK,CAAC,GAAG;KACjB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,aAAI,CAAC,IAAI;QAChB,KAAK,EAAE,aAAI,CAAC,GAAG;KAChB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,aAAI,CAAC,IAAI;QACf,QAAQ,EAAE,aAAI,CAAC,IAAI;QACnB,MAAM,EAAE,aAAI,CAAC,IAAI;QACjB,UAAU,EAAE,aAAI,CAAC,IAAI;QACrB,KAAK,EAAE,cAAK,CAAC,OAAO;QACpB,MAAM,EAAE,aAAI,CAAC,MAAM;KACpB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,cAAK,CAAC,IAAI;QAChB,QAAQ,EAAE,cAAK,CAAC,IAAI;QACpB,MAAM,EAAE,cAAK,CAAC,IAAI;QAClB,UAAU,EAAE,cAAK,CAAC,IAAI;KACvB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,eAAM,CAAC,IAAI;QACjB,QAAQ,EAAE,eAAM,CAAC,IAAI;QACrB,MAAM,EAAE,eAAM,CAAC,IAAI;QACnB,UAAU,EAAE,eAAM,CAAC,IAAI;KACxB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,YAAG,CAAC,IAAI;QACd,QAAQ,EAAE,YAAG,CAAC,IAAI;QAClB,MAAM,EAAE,YAAG,CAAC,IAAI;QAChB,UAAU,EAAE,YAAG,CAAC,IAAI;KACrB;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,OAAO,EAAE,cAAK,CAAC,OAAO;YACtB,IAAI,EAAE,cAAK,CAAC,GAAG;SAChB;KACF;IACD,OAAO,EAAE;QACP,UAAU,EAAE,aAAI,CAAC,IAAI;KACtB;CACF,CAAA;AAED,4BAA4B;AACf,QAAA,UAAU,yBAClB,SAAS,KACZ,KAAK,EAAE;QACL,OAAO,EAAE;YACP,OAAO,EAAE,aAAI,CAAC,OAAiB;YAC/B,QAAQ,EAAE,aAAI,CAAC,IAAc;YAC7B,UAAU,EAAE,aAAI,CAAC,IAAc;YAC/B,QAAQ,EAAE,cAAK,CAAC,OAAiB;YACjC,YAAY,EAAE,aAAI,CAAC,OAAiB;SACrC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAI,CAAC,OAAiB;YAC/B,KAAK,EAAE,aAAI,CAAC,GAAa;YACzB,eAAe,EAAE,GAAG;SACrB;KACF,IACF;AAEY,QAAA,aAAa,yBACrB,SAAS,KACZ,KAAK,EAAE;QACL,OAAO,EAAE;YACP,OAAO,EAAE,cAAK,CAAC,OAAiB;YAChC,QAAQ,EAAE,cAAK,CAAC,OAAiB;YACjC,UAAU,EAAE,cAAK,CAAC,IAAc;YAChC,QAAQ,EAAE,cAAK,CAAC,OAAiB;YACjC,YAAY,EAAE,cAAK,CAAC,IAAc;SACnC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,cAAK,CAAC,OAAiB;YAChC,KAAK,EAAE,cAAK,CAAC,KAAe;YAC5B,eAAe,EAAE,GAAG;SACrB;KACF,IACF"}
|
|
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;
|