@xfers/design-system 4.2.0-dev.0bacf0ee1a → 4.2.0-dev.50a3dab5cf
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/{TwoFA-b40668a4.js → TwoFA-e584da6b.js} +2 -2
- package/cjs/TwoFA-e584da6b.js.map +1 -0
- package/cjs/icons.js +1 -1
- package/cjs/icons.js.map +1 -1
- package/cjs/index.js +13 -13
- package/cjs/index.js.map +1 -1
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/styles.js +2 -2
- package/dist/components/Alert/styles.js.map +1 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/EmptyData/index.js +1 -1
- package/dist/components/EmptyData/index.js.map +1 -1
- package/dist/components/Radio/index.js +4 -4
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Table/index.js +2 -2
- package/dist/components/Table/index.js.map +1 -1
- package/dist/constants/Typography/Typography.styles.js +7 -7
- package/dist/constants/Typography/Typography.styles.js.map +1 -1
- package/dist/constants/{Colors/colors.js → colors.js} +7 -7
- package/dist/constants/colors.js.map +1 -0
- package/dist/constants/fontStyles.js +1 -1
- package/dist/constants/fontStyles.js.map +1 -1
- package/dist/icons/VerifyPhone.js +25 -0
- package/dist/icons/VerifyPhone.js.map +1 -0
- package/dist/icons/index.js +3 -1
- package/dist/icons/index.js.map +1 -1
- package/dist/theme/theme.js +4 -4
- package/dist/theme/theme.js.map +1 -1
- package/dist/types/components/Alert/Alert.d.ts +1 -1
- package/dist/types/components/EmptyData/index.d.ts +1 -1
- package/dist/types/constants/{Colors/colors.d.ts → colors.d.ts} +7 -7
- package/dist/types/icons/VerifyPhone.d.ts +3 -0
- package/dist/types/icons/index.d.ts +1 -0
- package/dist/types/theme/ThemeContext.d.ts +72 -72
- package/dist/types/theme/theme.d.ts +7 -7
- package/es/{TwoFA-8afb09ec.js → TwoFA-aaa132d1.js} +2 -2
- package/es/TwoFA-aaa132d1.js.map +1 -0
- package/es/icons.js +1 -1
- package/es/icons.js.map +1 -1
- package/es/index.js +13 -13
- package/es/index.js.map +1 -1
- package/package.json +1 -1
- package/cjs/TwoFA-b40668a4.js.map +0 -1
- package/dist/constants/Colors/colors.js.map +0 -1
- package/es/TwoFA-8afb09ec.js.map +0 -1
|
@@ -57,111 +57,111 @@ declare const useTheme: () => {
|
|
|
57
57
|
};
|
|
58
58
|
color: {
|
|
59
59
|
background: {
|
|
60
|
-
neutral: import("../constants/
|
|
61
|
-
secondaryNeutral: import("../constants/
|
|
62
|
-
primary: import("../constants/
|
|
63
|
-
secondary: import("../constants/
|
|
60
|
+
neutral: import("../constants/colors").BACKGROUND;
|
|
61
|
+
secondaryNeutral: import("../constants/colors").BACKGROUND;
|
|
62
|
+
primary: import("../constants/colors").BACKGROUND;
|
|
63
|
+
secondary: import("../constants/colors").BACKGROUND;
|
|
64
64
|
};
|
|
65
65
|
surface: {
|
|
66
|
-
neutral: import("../constants/
|
|
67
|
-
secondaryNeutral: import("../constants/
|
|
68
|
-
disabledSurface: import("../constants/
|
|
69
|
-
disabledOnSurface: import("../constants/
|
|
70
|
-
dark: import("../constants/
|
|
71
|
-
SubdueInfo: import("../constants/
|
|
72
|
-
subduePositive: import("../constants/
|
|
73
|
-
subdueCritical: import("../constants/
|
|
74
|
-
subdueWarning: import("../constants/
|
|
66
|
+
neutral: import("../constants/colors").SURFACE;
|
|
67
|
+
secondaryNeutral: import("../constants/colors").SURFACE;
|
|
68
|
+
disabledSurface: import("../constants/colors").SURFACE;
|
|
69
|
+
disabledOnSurface: import("../constants/colors").SURFACE;
|
|
70
|
+
dark: import("../constants/colors").SURFACE;
|
|
71
|
+
SubdueInfo: import("../constants/colors").SURFACE;
|
|
72
|
+
subduePositive: import("../constants/colors").SURFACE;
|
|
73
|
+
subdueCritical: import("../constants/colors").SURFACE;
|
|
74
|
+
subdueWarning: import("../constants/colors").SURFACE;
|
|
75
75
|
};
|
|
76
76
|
base: {
|
|
77
|
-
primary: import("../constants/
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
overlay: import("../constants/
|
|
77
|
+
primary: import("../constants/colors").BASE;
|
|
78
|
+
onContainer: import("../constants/colors").BASE;
|
|
79
|
+
onNeutral: import("../constants/colors").BASE;
|
|
80
|
+
onNeutralSecondary: import("../constants/colors").BASE;
|
|
81
|
+
info: import("../constants/colors").BASE;
|
|
82
|
+
warning: import("../constants/colors").BASE;
|
|
83
|
+
critical: import("../constants/colors").BASE;
|
|
84
|
+
line: import("../constants/colors").BASE;
|
|
85
|
+
overlay: import("../constants/colors").BASE;
|
|
86
86
|
};
|
|
87
87
|
interactive: {
|
|
88
|
-
hoverPrimary: import("../constants/
|
|
89
|
-
focusDefault: import("../constants/
|
|
90
|
-
pressedPrimary: import("../constants/
|
|
91
|
-
selected: import("../constants/
|
|
92
|
-
hoverSurface: import("../constants/
|
|
93
|
-
focusSurface: import("../constants/
|
|
94
|
-
pressedSurface: import("../constants/
|
|
95
|
-
hoverCritical: import("../constants/
|
|
96
|
-
pressedCritical: import("../constants/
|
|
88
|
+
hoverPrimary: import("../constants/colors").INTERACTIVE;
|
|
89
|
+
focusDefault: import("../constants/colors").INTERACTIVE;
|
|
90
|
+
pressedPrimary: import("../constants/colors").INTERACTIVE;
|
|
91
|
+
selected: import("../constants/colors").INTERACTIVE;
|
|
92
|
+
hoverSurface: import("../constants/colors").INTERACTIVE;
|
|
93
|
+
focusSurface: import("../constants/colors").INTERACTIVE;
|
|
94
|
+
pressedSurface: import("../constants/colors").INTERACTIVE;
|
|
95
|
+
hoverCritical: import("../constants/colors").INTERACTIVE;
|
|
96
|
+
pressedCritical: import("../constants/colors").INTERACTIVE;
|
|
97
97
|
};
|
|
98
98
|
status: {
|
|
99
|
-
info: import("../constants/
|
|
100
|
-
positive: import("../constants/
|
|
101
|
-
warning: import("../constants/
|
|
102
|
-
critical: import("../constants/
|
|
99
|
+
info: import("../constants/colors").STATUS;
|
|
100
|
+
positive: import("../constants/colors").STATUS;
|
|
101
|
+
warning: import("../constants/colors").STATUS;
|
|
102
|
+
critical: import("../constants/colors").STATUS;
|
|
103
103
|
};
|
|
104
104
|
component: {
|
|
105
|
-
buttonDisabled: import("../constants/
|
|
106
|
-
buttonPrimary: import("../constants/
|
|
107
|
-
labelInput: import("../constants/
|
|
108
|
-
helperInput: import("../constants/
|
|
109
|
-
placeholderInput: import("../constants/
|
|
105
|
+
buttonDisabled: import("../constants/colors").COMPONENT;
|
|
106
|
+
buttonPrimary: import("../constants/colors").COMPONENT;
|
|
107
|
+
labelInput: import("../constants/colors").COMPONENT;
|
|
108
|
+
helperInput: import("../constants/colors").COMPONENT;
|
|
109
|
+
placeholderInput: import("../constants/colors").COMPONENT;
|
|
110
110
|
};
|
|
111
111
|
};
|
|
112
112
|
text: {
|
|
113
|
-
default: import("../constants/
|
|
114
|
-
white: import("../constants/
|
|
113
|
+
default: import("../constants/colors").BLACK;
|
|
114
|
+
white: import("../constants/colors").WHITE;
|
|
115
115
|
};
|
|
116
116
|
button: {
|
|
117
|
-
background: import("../constants/
|
|
118
|
-
color: import("../constants/
|
|
119
|
-
border: import("../constants/
|
|
120
|
-
hover: import("../constants/
|
|
117
|
+
background: import("../constants/colors").WHITE;
|
|
118
|
+
color: import("../constants/colors").GREEN;
|
|
119
|
+
border: import("../constants/colors").GREEN;
|
|
120
|
+
hover: import("../constants/colors").BLACK;
|
|
121
121
|
};
|
|
122
122
|
actionButton: {
|
|
123
|
-
color: import("../constants/
|
|
124
|
-
hover: import("../constants/
|
|
123
|
+
color: import("../constants/colors").GREY;
|
|
124
|
+
hover: import("../constants/colors").GREY;
|
|
125
125
|
};
|
|
126
126
|
neutral: {
|
|
127
|
-
text: import("../constants/
|
|
128
|
-
emphasis: import("../constants/
|
|
129
|
-
border: import("../constants/
|
|
130
|
-
background: import("../constants/
|
|
131
|
-
white: import("../constants/
|
|
132
|
-
bluish: import("../constants/
|
|
127
|
+
text: import("../constants/colors").GREY;
|
|
128
|
+
emphasis: import("../constants/colors").GREY;
|
|
129
|
+
border: import("../constants/colors").GREY;
|
|
130
|
+
background: import("../constants/colors").GREY;
|
|
131
|
+
white: import("../constants/colors").WHITE;
|
|
132
|
+
bluish: import("../constants/colors").GREY;
|
|
133
133
|
};
|
|
134
134
|
success: {
|
|
135
|
-
text: import("../constants/
|
|
136
|
-
emphasis: import("../constants/
|
|
137
|
-
border: import("../constants/
|
|
138
|
-
background: import("../constants/
|
|
135
|
+
text: import("../constants/colors").GREEN;
|
|
136
|
+
emphasis: import("../constants/colors").GREEN;
|
|
137
|
+
border: import("../constants/colors").GREEN;
|
|
138
|
+
background: import("../constants/colors").GREEN;
|
|
139
139
|
};
|
|
140
140
|
warning: {
|
|
141
|
-
text: import("../constants/
|
|
142
|
-
emphasis: import("../constants/
|
|
143
|
-
border: import("../constants/
|
|
144
|
-
background: import("../constants/
|
|
141
|
+
text: import("../constants/colors").YELLOW;
|
|
142
|
+
emphasis: import("../constants/colors").YELLOW;
|
|
143
|
+
border: import("../constants/colors").YELLOW;
|
|
144
|
+
background: import("../constants/colors").YELLOW;
|
|
145
145
|
};
|
|
146
146
|
error: {
|
|
147
|
-
text: import("../constants/
|
|
148
|
-
emphasis: import("../constants/
|
|
149
|
-
border: import("../constants/
|
|
150
|
-
background: import("../constants/
|
|
147
|
+
text: import("../constants/colors").RED;
|
|
148
|
+
emphasis: import("../constants/colors").RED;
|
|
149
|
+
border: import("../constants/colors").RED;
|
|
150
|
+
background: import("../constants/colors").RED;
|
|
151
151
|
};
|
|
152
152
|
notification: {
|
|
153
|
-
text: import("../constants/
|
|
154
|
-
emphasis: import("../constants/
|
|
155
|
-
background: import("../constants/
|
|
153
|
+
text: import("../constants/colors").BLUE;
|
|
154
|
+
emphasis: import("../constants/colors").BLUE;
|
|
155
|
+
background: import("../constants/colors").BLUE;
|
|
156
156
|
};
|
|
157
157
|
card: {
|
|
158
158
|
background: {
|
|
159
|
-
default: import("../constants/
|
|
160
|
-
dark: import("../constants/
|
|
159
|
+
default: import("../constants/colors").WHITE;
|
|
160
|
+
dark: import("../constants/colors").BLACK;
|
|
161
161
|
};
|
|
162
162
|
};
|
|
163
163
|
divider: {
|
|
164
|
-
background: import("../constants/
|
|
164
|
+
background: import("../constants/colors").GREY;
|
|
165
165
|
};
|
|
166
166
|
};
|
|
167
167
|
export { ThemeProvider, useTheme };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BLACK, BLUE, GREEN, GREY, RED, YELLOW, WHITE, BACKGROUND, SURFACE, BASE, INTERACTIVE, STATUS, COMPONENT } from 'src/constants/
|
|
1
|
+
import { BLACK, BLUE, GREEN, GREY, RED, YELLOW, WHITE, BACKGROUND, SURFACE, BASE, INTERACTIVE, STATUS, COMPONENT } from 'src/constants/colors';
|
|
2
2
|
import { SHADOW } from 'src/constants/shadow';
|
|
3
3
|
export declare const xfersTheme: {
|
|
4
4
|
brand: {
|
|
@@ -52,13 +52,13 @@ export declare const xfersTheme: {
|
|
|
52
52
|
};
|
|
53
53
|
base: {
|
|
54
54
|
primary: BASE;
|
|
55
|
-
primary2: BASE;
|
|
56
|
-
primary3: BASE;
|
|
57
55
|
onContainer: BASE;
|
|
58
56
|
onNeutral: BASE;
|
|
59
57
|
onNeutralSecondary: BASE;
|
|
58
|
+
info: BASE;
|
|
59
|
+
warning: BASE;
|
|
60
|
+
critical: BASE;
|
|
60
61
|
line: BASE;
|
|
61
|
-
link: BASE;
|
|
62
62
|
overlay: BASE;
|
|
63
63
|
};
|
|
64
64
|
interactive: {
|
|
@@ -211,13 +211,13 @@ export declare const straitsXTheme: {
|
|
|
211
211
|
};
|
|
212
212
|
base: {
|
|
213
213
|
primary: BASE;
|
|
214
|
-
primary2: BASE;
|
|
215
|
-
primary3: BASE;
|
|
216
214
|
onContainer: BASE;
|
|
217
215
|
onNeutral: BASE;
|
|
218
216
|
onNeutralSecondary: BASE;
|
|
217
|
+
info: BASE;
|
|
218
|
+
warning: BASE;
|
|
219
|
+
critical: BASE;
|
|
219
220
|
line: BASE;
|
|
220
|
-
link: BASE;
|
|
221
221
|
overlay: BASE;
|
|
222
222
|
};
|
|
223
223
|
interactive: {
|