atomsystem 0.1.25 → 0.1.27
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/README.md +13 -5
- package/app/templates/Badge/Badge.tsx +2 -4
- package/app/templates/Button/Button.tsx +2 -24
- package/app/templates/Card/Card.tsx +4 -5
- package/app/templates/CodeBlock/CodeBlock.tsx +18 -2
- package/app/templates/Collapse/Collapse.tsx +10 -10
- package/app/templates/{Input/Input.tsx → Form/Form.tsx} +69 -88
- package/app/templates/Modal/Modal.tsx +7 -7
- package/app/templates/Navigation/Navigation.tsx +306 -0
- package/app/templates/Pagination/Pagination.tsx +6 -6
- package/app/templates/Tab/Tab.tsx +10 -10
- package/app/templates/Table/Table.tsx +9 -18
- package/app/templates/Theme/Theme.tsx +87 -80
- package/app/templates/Toast/Toast.tsx +4 -4
- package/build/build-tokens.js +204 -53
- package/build/css/_variables.css +315 -0
- package/build/typescript/theme.ts +14 -0
- package/cli/add.js +35 -3
- package/cli/init.js +82 -14
- package/css/badge.css +28 -0
- package/css/button.css +75 -0
- package/css/card.css +17 -0
- package/css/collapse.css +33 -0
- package/css/form.css +115 -0
- package/css/modal.css +98 -0
- package/css/navigation.css +69 -0
- package/css/pagination.css +66 -0
- package/css/tab.css +56 -0
- package/css/table.css +58 -0
- package/css/text.css +25 -0
- package/css/toast.css +69 -0
- package/package.json +10 -6
- package/tokens/tokens.json +949 -0
- package/app/templates/GlobalNav/GlobalNav.tsx +0 -199
- package/token.json +0 -492
package/token.json
DELETED
|
@@ -1,492 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"color": {
|
|
3
|
-
"primary": { "value": "#2196f3", "type": "color" },
|
|
4
|
-
"secondary": { "value": "#162c4e", "type": "color" },
|
|
5
|
-
"danger": { "value": "#ff4a4a", "type": "color" },
|
|
6
|
-
"warning": { "value": "#ffa300", "type": "color" },
|
|
7
|
-
"white": { "value": "#fafafa", "type": "color" },
|
|
8
|
-
"black": { "value": "#111111", "type": "color" },
|
|
9
|
-
|
|
10
|
-
"black-900": { "value": "#222222", "type": "color" },
|
|
11
|
-
"black-800": { "value": "#333333", "type": "color" },
|
|
12
|
-
"black-700": { "value": "#444444", "type": "color" },
|
|
13
|
-
"black-600": { "value": "#555555", "type": "color" },
|
|
14
|
-
"black-500": { "value": "#666666", "type": "color" },
|
|
15
|
-
"black-400": { "value": "#777777", "type": "color" },
|
|
16
|
-
"black-300": { "value": "#888888", "type": "color" },
|
|
17
|
-
"black-200": { "value": "#999999", "type": "color" },
|
|
18
|
-
"black-100": { "value": "#aaaaaa", "type": "color" },
|
|
19
|
-
"black-50": { "value": "#bbbbbb", "type": "color" },
|
|
20
|
-
|
|
21
|
-
"gray-900": { "value": "#cccccc", "type": "color" },
|
|
22
|
-
"gray-800": { "value": "#d4d4d4", "type": "color" },
|
|
23
|
-
"gray-700": { "value": "#dbdbdb", "type": "color" },
|
|
24
|
-
"gray-600": { "value": "#e2e2e2", "type": "color" },
|
|
25
|
-
"gray-500": { "value": "#e8e8e8", "type": "color" },
|
|
26
|
-
"gray-400": { "value": "#eeeeee", "type": "color" },
|
|
27
|
-
"gray-300": { "value": "#f2f2f2", "type": "color" },
|
|
28
|
-
"gray-200": { "value": "#f5f5f5", "type": "color" },
|
|
29
|
-
"gray-100": { "value": "#f8f8f8", "type": "color" },
|
|
30
|
-
"gray-50": { "value": "#fbfbfb", "type": "color" },
|
|
31
|
-
|
|
32
|
-
"red-900": { "value": "#b71c1c", "type": "color" },
|
|
33
|
-
"red-800": { "value": "#c62828", "type": "color" },
|
|
34
|
-
"red-700": { "value": "#d32f2f", "type": "color" },
|
|
35
|
-
"red-600": { "value": "#e53935", "type": "color" },
|
|
36
|
-
"red-500": { "value": "#f44336", "type": "color" },
|
|
37
|
-
"red-400": { "value": "#ef5350", "type": "color" },
|
|
38
|
-
"red-300": { "value": "#e57373", "type": "color" },
|
|
39
|
-
"red-200": { "value": "#ef9a9a", "type": "color" },
|
|
40
|
-
"red-100": { "value": "#ffcdd2", "type": "color" },
|
|
41
|
-
"red-50": { "value": "#ffebee", "type": "color" },
|
|
42
|
-
|
|
43
|
-
"magenta-900": { "value": "#880e4f", "type": "color" },
|
|
44
|
-
"magenta-800": { "value": "#ad1457", "type": "color" },
|
|
45
|
-
"magenta-700": { "value": "#c2185b", "type": "color" },
|
|
46
|
-
"magenta-600": { "value": "#d81b60", "type": "color" },
|
|
47
|
-
"magenta-500": { "value": "#e91e63", "type": "color" },
|
|
48
|
-
"magenta-400": { "value": "#ec407a", "type": "color" },
|
|
49
|
-
"magenta-300": { "value": "#f06292", "type": "color" },
|
|
50
|
-
"magenta-200": { "value": "#f48fb1", "type": "color" },
|
|
51
|
-
"magenta-100": { "value": "#f8bbd0", "type": "color" },
|
|
52
|
-
"magenta-50": { "value": "#fce4ec", "type": "color" },
|
|
53
|
-
|
|
54
|
-
"purple-900": { "value": "#4a148c ", "type": "color" },
|
|
55
|
-
"purple-800": { "value": "#6a1b9a", "type": "color" },
|
|
56
|
-
"purple-700": { "value": "#761fa2", "type": "color" },
|
|
57
|
-
"purple-600": { "value": "#8e24aa", "type": "color" },
|
|
58
|
-
"purple-500": { "value": "#9c27b0", "type": "color" },
|
|
59
|
-
"purple-400": { "value": "#ab47bc", "type": "color" },
|
|
60
|
-
"purple-300": { "value": "#ba68c8", "type": "color" },
|
|
61
|
-
"purple-200": { "value": "#ce93d8", "type": "color" },
|
|
62
|
-
"purple-100": { "value": "#e1bee7", "type": "color" },
|
|
63
|
-
"purple-50": { "value": "#f3e5f5", "type": "color" },
|
|
64
|
-
|
|
65
|
-
"violet-900": { "value": "#311b92", "type": "color" },
|
|
66
|
-
"violet-800": { "value": "#4527a0", "type": "color" },
|
|
67
|
-
"violet-700": { "value": "#512da8", "type": "color" },
|
|
68
|
-
"violet-600": { "value": "#5e35b1", "type": "color" },
|
|
69
|
-
"violet-500": { "value": "#673ab7", "type": "color" },
|
|
70
|
-
"violet-400": { "value": "#7e57c2 ", "type": "color" },
|
|
71
|
-
"violet-300": { "value": "#9575cd", "type": "color" },
|
|
72
|
-
"violet-200": { "value": "#b39ddb", "type": "color" },
|
|
73
|
-
"violet-100": { "value": "#d1c4e9", "type": "color" },
|
|
74
|
-
"violet-50": { "value": "#ede7f6", "type": "color" },
|
|
75
|
-
|
|
76
|
-
"deepblue-900": { "value": "#1a237e ", "type": "color" },
|
|
77
|
-
"deepblue-800": { "value": "#283593", "type": "color" },
|
|
78
|
-
"deepblue-700": { "value": "#303f9f", "type": "color" },
|
|
79
|
-
"deepblue-600": { "value": "#3949ab", "type": "color" },
|
|
80
|
-
"deepblue-500": { "value": "#3f51b5", "type": "color" },
|
|
81
|
-
"deepblue-400": { "value": "#5c6bc0", "type": "color" },
|
|
82
|
-
"deepblue-300": { "value": "#7986cb", "type": "color" },
|
|
83
|
-
"deepblue-200": { "value": "#9fa8da", "type": "color" },
|
|
84
|
-
"deepblue-100": { "value": "#c5cae9", "type": "color" },
|
|
85
|
-
"deepblue-50": { "value": "#e8eaf6", "type": "color" },
|
|
86
|
-
|
|
87
|
-
"blue-900": { "value": "#0d47a1", "type": "color" },
|
|
88
|
-
"blue-800": { "value": "#1565c0", "type": "color" },
|
|
89
|
-
"blue-700": { "value": "#1976d2", "type": "color" },
|
|
90
|
-
"blue-600": { "value": "#1e88e5", "type": "color" },
|
|
91
|
-
"blue-500": { "value": "#2196f3", "type": "color" },
|
|
92
|
-
"blue-400": { "value": "#42a5f5", "type": "color" },
|
|
93
|
-
"blue-300": { "value": "#64b5f6", "type": "color" },
|
|
94
|
-
"blue-200": { "value": "#90caf9", "type": "color" },
|
|
95
|
-
"blue-100": { "value": "#bbdefb", "type": "color" },
|
|
96
|
-
"blue-50": { "value": "#e3f2fd", "type": "color" },
|
|
97
|
-
|
|
98
|
-
"sky-900": { "value": "#01579b", "type": "color" },
|
|
99
|
-
"sky-800": { "value": "#0277bd", "type": "color" },
|
|
100
|
-
"sky-700": { "value": "#0288d1", "type": "color" },
|
|
101
|
-
"sky-600": { "value": "#039be5", "type": "color" },
|
|
102
|
-
"sky-500": { "value": "#03a9f4", "type": "color" },
|
|
103
|
-
"sky-400": { "value": "#29b6f6", "type": "color" },
|
|
104
|
-
"sky-300": { "value": "#4fc3f7", "type": "color" },
|
|
105
|
-
"sky-200": { "value": "#81d4fa", "type": "color" },
|
|
106
|
-
"sky-100": { "value": "#b3e5fc", "type": "color" },
|
|
107
|
-
"sky-50": { "value": "#e1f5fe", "type": "color" },
|
|
108
|
-
|
|
109
|
-
"teal-900": { "value": "#006064", "type": "color" },
|
|
110
|
-
"teal-800": { "value": "#00838f", "type": "color" },
|
|
111
|
-
"teal-700": { "value": "#0097a7", "type": "color" },
|
|
112
|
-
"teal-600": { "value": "#00acc1", "type": "color" },
|
|
113
|
-
"teal-500": { "value": "#00bcd4", "type": "color" },
|
|
114
|
-
"teal-400": { "value": "#26c6da", "type": "color" },
|
|
115
|
-
"teal-300": { "value": "#4dd0e1", "type": "color" },
|
|
116
|
-
"teal-200": { "value": "#80deea", "type": "color" },
|
|
117
|
-
"teal-100": { "value": "#b2ebf2", "type": "color" },
|
|
118
|
-
"teal-50": { "value": "#e0f7fa", "type": "color" },
|
|
119
|
-
|
|
120
|
-
"deepgreen-900": { "value": "#004d40", "type": "color" },
|
|
121
|
-
"deepgreen-800": { "value": "#00695c", "type": "color" },
|
|
122
|
-
"deepgreen-700": { "value": "#00796b", "type": "color" },
|
|
123
|
-
"deepgreen-600": { "value": "#00897b", "type": "color" },
|
|
124
|
-
"deepgreen-500": { "value": "#009688", "type": "color" },
|
|
125
|
-
"deepgreen-400": { "value": "#26a69a", "type": "color" },
|
|
126
|
-
"deepgreen-300": { "value": "#4db6ac", "type": "color" },
|
|
127
|
-
"deepgreen-200": { "value": "#80cbc4", "type": "color" },
|
|
128
|
-
"deepgreen-100": { "value": "#b2dfdb", "type": "color" },
|
|
129
|
-
"deepgreen-50": { "value": "#e0f2f1", "type": "color" },
|
|
130
|
-
|
|
131
|
-
"green-900": { "value": "#1b5e20", "type": "color" },
|
|
132
|
-
"green-800": { "value": "#2e7d32", "type": "color" },
|
|
133
|
-
"green-700": { "value": "#388e3c", "type": "color" },
|
|
134
|
-
"green-600": { "value": "#43a047", "type": "color" },
|
|
135
|
-
"green-500": { "value": "#4caf50", "type": "color" },
|
|
136
|
-
"green-400": { "value": "#66bb6a", "type": "color" },
|
|
137
|
-
"green-300": { "value": "#81c784", "type": "color" },
|
|
138
|
-
"green-200": { "value": "#a5d6a7", "type": "color" },
|
|
139
|
-
"green-100": { "value": "#c8e6c9", "type": "color" },
|
|
140
|
-
"green-50": { "value": "#e8f5e9", "type": "color" },
|
|
141
|
-
|
|
142
|
-
"lightgreen-900": { "value": "#33691e", "type": "color" },
|
|
143
|
-
"lightgreen-800": { "value": "#558b2f", "type": "color" },
|
|
144
|
-
"lightgreen-700": { "value": "#689f38", "type": "color" },
|
|
145
|
-
"lightgreen-600": { "value": "#7cb342", "type": "color" },
|
|
146
|
-
"lightgreen-500": { "value": "#8bc34a", "type": "color" },
|
|
147
|
-
"lightgreen-400": { "value": "#9ccc65", "type": "color" },
|
|
148
|
-
"lightgreen-300": { "value": "#aed581", "type": "color" },
|
|
149
|
-
"lightgreen-200": { "value": "#c5e1a5", "type": "color" },
|
|
150
|
-
"lightgreen-100": { "value": "#dcedc8", "type": "color" },
|
|
151
|
-
"lightgreen-50": { "value": "#f1f8e9", "type": "color" },
|
|
152
|
-
|
|
153
|
-
"yellow-900": { "value": "#827717", "type": "color" },
|
|
154
|
-
"yellow-800": { "value": "#9e9d24", "type": "color" },
|
|
155
|
-
"yellow-700": { "value": "#afb42b", "type": "color" },
|
|
156
|
-
"yellow-600": { "value": "#c0ca33", "type": "color" },
|
|
157
|
-
"yellow-500": { "value": "#cddc39", "type": "color" },
|
|
158
|
-
"yellow-400": { "value": "#d4e157", "type": "color" },
|
|
159
|
-
"yellow-300": { "value": "#dce775", "type": "color" },
|
|
160
|
-
"yellow-200": { "value": "#e6ee9c", "type": "color" },
|
|
161
|
-
"yellow-100": { "value": "#f0f4c3", "type": "color" },
|
|
162
|
-
"yellow-50": { "value": "#f9fbe7", "type": "color" },
|
|
163
|
-
|
|
164
|
-
"amber-900": { "value": "#f57f17", "type": "color" },
|
|
165
|
-
"amber-800": { "value": "#f9a825", "type": "color" },
|
|
166
|
-
"amber-700": { "value": "#fbc02d", "type": "color" },
|
|
167
|
-
"amber-600": { "value": "#fdd835", "type": "color" },
|
|
168
|
-
"amber-500": { "value": "#ffeb3b", "type": "color" },
|
|
169
|
-
"amber-400": { "value": "#ffee58", "type": "color" },
|
|
170
|
-
"amber-300": { "value": "#fff176", "type": "color" },
|
|
171
|
-
"amber-200": { "value": "#fff59d", "type": "color" },
|
|
172
|
-
"amber-100": { "value": "#fff9c4", "type": "color" },
|
|
173
|
-
"amber-50": { "value": "#fffde7", "type": "color" },
|
|
174
|
-
|
|
175
|
-
"orange-900": { "value": "#ff6f00", "type": "color" },
|
|
176
|
-
"orange-800": { "value": "#ff8f00", "type": "color" },
|
|
177
|
-
"orange-700": { "value": "#ffa000", "type": "color" },
|
|
178
|
-
"orange-600": { "value": "#ffb300", "type": "color" },
|
|
179
|
-
"orange-500": { "value": "#ffc107", "type": "color" },
|
|
180
|
-
"orange-400": { "value": "#ffca28", "type": "color" },
|
|
181
|
-
"orange-300": { "value": "#ffd54f", "type": "color" },
|
|
182
|
-
"orange-200": { "value": "#ffe082", "type": "color" },
|
|
183
|
-
"orange-100": { "value": "#ffecb3", "type": "color" },
|
|
184
|
-
"orange-50": { "value": "#fff8e1", "type": "color" },
|
|
185
|
-
|
|
186
|
-
"deeporange-900": { "value": "#e65100", "type": "color" },
|
|
187
|
-
"deeporange-800": { "value": "#ef6c00", "type": "color" },
|
|
188
|
-
"deeporange-700": { "value": "#f57c00", "type": "color" },
|
|
189
|
-
"deeporange-600": { "value": "#fb8c00", "type": "color" },
|
|
190
|
-
"deeporange-500": { "value": "#ff9800", "type": "color" },
|
|
191
|
-
"deeporange-400": { "value": "#ffa726", "type": "color" },
|
|
192
|
-
"deeporange-300": { "value": "#ffb74d", "type": "color" },
|
|
193
|
-
"deeporange-200": { "value": "#ffcc80", "type": "color" },
|
|
194
|
-
"deeporange-100": { "value": "#ffe0b2", "type": "color" },
|
|
195
|
-
"deeporange-50": { "value": "#fff320", "type": "color" },
|
|
196
|
-
|
|
197
|
-
"brown-900": { "value": "#3e2723", "type": "color" },
|
|
198
|
-
"brown-800": { "value": "#4e342e", "type": "color" },
|
|
199
|
-
"brown-700": { "value": "#5d4037", "type": "color" },
|
|
200
|
-
"brown-600": { "value": "#6d4c41", "type": "color" },
|
|
201
|
-
"brown-500": { "value": "#795548", "type": "color" },
|
|
202
|
-
"brown-400": { "value": "#8d6e63", "type": "color" },
|
|
203
|
-
"brown-300": { "value": "#a1887f", "type": "color" },
|
|
204
|
-
"brown-200": { "value": "#bcaaa4", "type": "color" },
|
|
205
|
-
"brown-100": { "value": "#d7ccc8", "type": "color" },
|
|
206
|
-
"brown-50": { "value": "#efebe9", "type": "color" },
|
|
207
|
-
|
|
208
|
-
"border": {
|
|
209
|
-
"value": {
|
|
210
|
-
"light": "#ccc",
|
|
211
|
-
"dark": "#444"
|
|
212
|
-
},
|
|
213
|
-
"type": "color"
|
|
214
|
-
}
|
|
215
|
-
},
|
|
216
|
-
"spacing": {
|
|
217
|
-
"desktop-x": { "value": 48, "type": "spacing" },
|
|
218
|
-
"desktop-y": { "value": 48, "type": "spacing" },
|
|
219
|
-
"table-x": { "value": 24, "type": "spacing" },
|
|
220
|
-
"table-y": { "value": 24, "type": "spacing" },
|
|
221
|
-
"mobile-x": { "value": 12, "type": "spacing" },
|
|
222
|
-
"mobile-y": { "value": 12, "type": "spacing" },
|
|
223
|
-
"global-x": { "value": 16, "type": "spacing" },
|
|
224
|
-
"global-y": { "value": 12, "type": "spacing" }
|
|
225
|
-
},
|
|
226
|
-
"global": {
|
|
227
|
-
"rounded": {
|
|
228
|
-
"value": 4,
|
|
229
|
-
"type": "borderRadius"
|
|
230
|
-
}
|
|
231
|
-
},
|
|
232
|
-
"text": {
|
|
233
|
-
"h1": {
|
|
234
|
-
"value": 38,
|
|
235
|
-
"type": "typography"
|
|
236
|
-
},
|
|
237
|
-
"h1-line-height": {
|
|
238
|
-
"value": 48,
|
|
239
|
-
"type": "typography"
|
|
240
|
-
},
|
|
241
|
-
"h-weight": {
|
|
242
|
-
"value": "bold",
|
|
243
|
-
"type": "typography"
|
|
244
|
-
},
|
|
245
|
-
"h2": {
|
|
246
|
-
"value": 32,
|
|
247
|
-
"type": "typography"
|
|
248
|
-
},
|
|
249
|
-
"h2-line-height": {
|
|
250
|
-
"value": 42,
|
|
251
|
-
"type": "typography"
|
|
252
|
-
},
|
|
253
|
-
"h3": {
|
|
254
|
-
"value": 30,
|
|
255
|
-
"type": "typography"
|
|
256
|
-
},
|
|
257
|
-
"h3-line-height": {
|
|
258
|
-
"value": 38,
|
|
259
|
-
"type": "typography"
|
|
260
|
-
},
|
|
261
|
-
"h4": {
|
|
262
|
-
"value": 24,
|
|
263
|
-
"type": "typography"
|
|
264
|
-
},
|
|
265
|
-
"h4-line-height": {
|
|
266
|
-
"value": 38,
|
|
267
|
-
"type": "typography"
|
|
268
|
-
},
|
|
269
|
-
"h5": {
|
|
270
|
-
"value": 20,
|
|
271
|
-
"type": "typography"
|
|
272
|
-
},
|
|
273
|
-
"h5-line-height": {
|
|
274
|
-
"value": 32,
|
|
275
|
-
"type": "typography"
|
|
276
|
-
},
|
|
277
|
-
"h6": {
|
|
278
|
-
"value": 16,
|
|
279
|
-
"type": "typography"
|
|
280
|
-
},
|
|
281
|
-
"h6-line-height": {
|
|
282
|
-
"value": 24,
|
|
283
|
-
"type": "typography"
|
|
284
|
-
},
|
|
285
|
-
"standard": {
|
|
286
|
-
"value": {
|
|
287
|
-
"light": "#333",
|
|
288
|
-
"dark": "#ccc"
|
|
289
|
-
},
|
|
290
|
-
"type": "color"
|
|
291
|
-
},
|
|
292
|
-
"sub": {
|
|
293
|
-
"value": {
|
|
294
|
-
"light": "#666",
|
|
295
|
-
"dark": "#999"
|
|
296
|
-
},
|
|
297
|
-
"type": "color"
|
|
298
|
-
}
|
|
299
|
-
},
|
|
300
|
-
"background": {
|
|
301
|
-
"card": {
|
|
302
|
-
"value": {
|
|
303
|
-
"light": "#fafafa",
|
|
304
|
-
"dark": "#222222"
|
|
305
|
-
}
|
|
306
|
-
},
|
|
307
|
-
"wrapper": {
|
|
308
|
-
"value": {
|
|
309
|
-
"light": "#e6e6e6",
|
|
310
|
-
"dark": "#111111"
|
|
311
|
-
}
|
|
312
|
-
}
|
|
313
|
-
},
|
|
314
|
-
"input": {
|
|
315
|
-
"background": {
|
|
316
|
-
"standard": {
|
|
317
|
-
"value": {
|
|
318
|
-
"light": "{color.white}",
|
|
319
|
-
"dark": "{color.black-800}"
|
|
320
|
-
},
|
|
321
|
-
"type": "color"
|
|
322
|
-
},
|
|
323
|
-
"hover": {
|
|
324
|
-
"value": {
|
|
325
|
-
"light": "{color.gray-200}",
|
|
326
|
-
"dark": "{color.black-700}"
|
|
327
|
-
},
|
|
328
|
-
"type": "color"
|
|
329
|
-
},
|
|
330
|
-
"disabled": {
|
|
331
|
-
"value": {
|
|
332
|
-
"light": "{color.gray-500}",
|
|
333
|
-
"dark": "{color.black-600}"
|
|
334
|
-
},
|
|
335
|
-
"type": "color"
|
|
336
|
-
}
|
|
337
|
-
},
|
|
338
|
-
"text": {
|
|
339
|
-
"standard": {
|
|
340
|
-
"value": {
|
|
341
|
-
"light": "{color.black-800}",
|
|
342
|
-
"dark": "{color.gray-500}"
|
|
343
|
-
}
|
|
344
|
-
},
|
|
345
|
-
"disabled": {
|
|
346
|
-
"value": {
|
|
347
|
-
"light": "{color.black-300}",
|
|
348
|
-
"dark": "{color.black-500}"
|
|
349
|
-
}
|
|
350
|
-
}
|
|
351
|
-
},
|
|
352
|
-
"border": {
|
|
353
|
-
"standard": {
|
|
354
|
-
"value": {
|
|
355
|
-
"light": "{color.gray-900}",
|
|
356
|
-
"dark": "{color.black-600}"
|
|
357
|
-
},
|
|
358
|
-
"type": "color"
|
|
359
|
-
},
|
|
360
|
-
"focus": {
|
|
361
|
-
"value": {
|
|
362
|
-
"light": "{color.black-800}",
|
|
363
|
-
"dark": "{color.gray-900}"
|
|
364
|
-
},
|
|
365
|
-
"type": "color"
|
|
366
|
-
}
|
|
367
|
-
},
|
|
368
|
-
"rounded": {
|
|
369
|
-
"value": "{global.rounded.value}",
|
|
370
|
-
"type": "borderRadius"
|
|
371
|
-
}
|
|
372
|
-
},
|
|
373
|
-
"button": {
|
|
374
|
-
"main": {
|
|
375
|
-
"primary": {
|
|
376
|
-
"standard": {
|
|
377
|
-
"value": "{color.primary}",
|
|
378
|
-
"type": "color"
|
|
379
|
-
},
|
|
380
|
-
"hover": {
|
|
381
|
-
"value": "#44ACFE",
|
|
382
|
-
"type": "color"
|
|
383
|
-
},
|
|
384
|
-
"active": {
|
|
385
|
-
"value": "#1781D4",
|
|
386
|
-
"type": "color"
|
|
387
|
-
}
|
|
388
|
-
},
|
|
389
|
-
"secondary": {
|
|
390
|
-
"standard": {
|
|
391
|
-
"value": "#162C4E",
|
|
392
|
-
"type": "color"
|
|
393
|
-
},
|
|
394
|
-
"hover": {
|
|
395
|
-
"value": "#1D3E72",
|
|
396
|
-
"type": "color"
|
|
397
|
-
},
|
|
398
|
-
"active": {
|
|
399
|
-
"value": "#1B2637",
|
|
400
|
-
"type": "color"
|
|
401
|
-
}
|
|
402
|
-
},
|
|
403
|
-
"success": {
|
|
404
|
-
"standard": {
|
|
405
|
-
"value": "{color.primary}",
|
|
406
|
-
"type": "color"
|
|
407
|
-
},
|
|
408
|
-
"hover": {
|
|
409
|
-
"value": "#44ACFE",
|
|
410
|
-
"type": "color"
|
|
411
|
-
},
|
|
412
|
-
"active": {
|
|
413
|
-
"value": "#1781D4",
|
|
414
|
-
"type": "color"
|
|
415
|
-
}
|
|
416
|
-
},
|
|
417
|
-
"danger": {
|
|
418
|
-
"standard": {
|
|
419
|
-
"value": "#ff4a4a",
|
|
420
|
-
"type": "color"
|
|
421
|
-
},
|
|
422
|
-
"hover": {
|
|
423
|
-
"value": "#FF7373",
|
|
424
|
-
"type": "color"
|
|
425
|
-
},
|
|
426
|
-
"active": {
|
|
427
|
-
"value": "#C22F2F",
|
|
428
|
-
"type": "color"
|
|
429
|
-
}
|
|
430
|
-
},
|
|
431
|
-
|
|
432
|
-
"gray": {
|
|
433
|
-
"standard": {
|
|
434
|
-
"value": "#333333",
|
|
435
|
-
"type": "color"
|
|
436
|
-
},
|
|
437
|
-
"hover": {
|
|
438
|
-
"value": "#444444",
|
|
439
|
-
"type": "color"
|
|
440
|
-
},
|
|
441
|
-
"active": {
|
|
442
|
-
"value": "#222222",
|
|
443
|
-
"type": "color"
|
|
444
|
-
}
|
|
445
|
-
}
|
|
446
|
-
}
|
|
447
|
-
},
|
|
448
|
-
"table": {
|
|
449
|
-
"header": {
|
|
450
|
-
"background": {
|
|
451
|
-
"value": {
|
|
452
|
-
"light": "#444",
|
|
453
|
-
"dark": "#444"
|
|
454
|
-
}
|
|
455
|
-
},
|
|
456
|
-
"text": {
|
|
457
|
-
"value": {
|
|
458
|
-
"light": "#e6e6e6",
|
|
459
|
-
"dark": "#e6e6e6"
|
|
460
|
-
}
|
|
461
|
-
}
|
|
462
|
-
},
|
|
463
|
-
"body": {
|
|
464
|
-
"background": {
|
|
465
|
-
"value": {
|
|
466
|
-
"light": "#fafafa",
|
|
467
|
-
"dark": "#111"
|
|
468
|
-
}
|
|
469
|
-
},
|
|
470
|
-
"background-even": {
|
|
471
|
-
"value": {
|
|
472
|
-
"light": "#e6e6e6",
|
|
473
|
-
"dark": "#222"
|
|
474
|
-
}
|
|
475
|
-
},
|
|
476
|
-
"text": {
|
|
477
|
-
"value": {
|
|
478
|
-
"light": "#333",
|
|
479
|
-
"dark": "#e6e6e6"
|
|
480
|
-
}
|
|
481
|
-
}
|
|
482
|
-
}
|
|
483
|
-
},
|
|
484
|
-
"modal": {
|
|
485
|
-
"background": {
|
|
486
|
-
"value": {
|
|
487
|
-
"light": "#fafafa",
|
|
488
|
-
"dark": "#333333"
|
|
489
|
-
}
|
|
490
|
-
}
|
|
491
|
-
}
|
|
492
|
-
}
|