@sage/design-tokens 2.33.0 → 2.36.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/android/base.xml +99 -104
- package/css/base.css +99 -104
- package/data/tokens.json +724 -793
- package/docs/tokens/base/colors/index.html +1241 -1241
- package/docs/tokens/base/index.html +1242 -1347
- package/docs/tokens/base/typography/index.html +1 -106
- package/docs/tokens/index.html +1242 -1347
- package/ios/base.h +99 -104
- package/js/base/common.d.ts +97 -102
- package/js/base/common.js +99 -104
- package/js/base/es6.d.ts +97 -102
- package/js/base/es6.js +98 -103
- package/package.json +1 -1
- package/sage-design-tokens-2.36.0.tgz +0 -0
- package/scss/base.scss +99 -104
- package/sage-design-tokens-2.33.0.tgz +0 -0
package/data/tokens.json
CHANGED
|
@@ -11,522 +11,6 @@
|
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
"colors": {
|
|
14
|
-
"logo": {
|
|
15
|
-
"value": "#00d639ff",
|
|
16
|
-
"type": "color",
|
|
17
|
-
"description": "origin"
|
|
18
|
-
},
|
|
19
|
-
"transparent": {
|
|
20
|
-
"value": "#00000000",
|
|
21
|
-
"type": "color",
|
|
22
|
-
"description": "origin"
|
|
23
|
-
},
|
|
24
|
-
"yin": {
|
|
25
|
-
"030": {
|
|
26
|
-
"value": "#0000004d",
|
|
27
|
-
"type": "color",
|
|
28
|
-
"description": "origin"
|
|
29
|
-
},
|
|
30
|
-
"055": {
|
|
31
|
-
"value": "#0000008c",
|
|
32
|
-
"type": "color",
|
|
33
|
-
"description": "origin"
|
|
34
|
-
},
|
|
35
|
-
"065": {
|
|
36
|
-
"value": "#000000a6",
|
|
37
|
-
"type": "color",
|
|
38
|
-
"description": "origin"
|
|
39
|
-
},
|
|
40
|
-
"075": {
|
|
41
|
-
"value": "#000000bf",
|
|
42
|
-
"type": "color",
|
|
43
|
-
"description": "origin"
|
|
44
|
-
},
|
|
45
|
-
"090": {
|
|
46
|
-
"value": "#000000e6",
|
|
47
|
-
"type": "color",
|
|
48
|
-
"description": "origin"
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
"yang": {
|
|
52
|
-
"100": {
|
|
53
|
-
"value": "#ffffffff",
|
|
54
|
-
"type": "color",
|
|
55
|
-
"description": "origin"
|
|
56
|
-
},
|
|
57
|
-
"030": {
|
|
58
|
-
"value": "#ffffff4d",
|
|
59
|
-
"type": "color",
|
|
60
|
-
"description": "origin"
|
|
61
|
-
},
|
|
62
|
-
"080": {
|
|
63
|
-
"value": "#ffffffcc",
|
|
64
|
-
"type": "color",
|
|
65
|
-
"description": "origin"
|
|
66
|
-
}
|
|
67
|
-
},
|
|
68
|
-
"gray": {
|
|
69
|
-
"600": {
|
|
70
|
-
"value": "#666666ff",
|
|
71
|
-
"type": "color",
|
|
72
|
-
"description": "origin"
|
|
73
|
-
},
|
|
74
|
-
"700": {
|
|
75
|
-
"value": "#4d4d4dff",
|
|
76
|
-
"type": "color",
|
|
77
|
-
"description": "origin"
|
|
78
|
-
},
|
|
79
|
-
"750": {
|
|
80
|
-
"value": "#404040ff",
|
|
81
|
-
"type": "color",
|
|
82
|
-
"description": "origin"
|
|
83
|
-
},
|
|
84
|
-
"850": {
|
|
85
|
-
"value": "#262626ff",
|
|
86
|
-
"type": "color",
|
|
87
|
-
"description": "origin"
|
|
88
|
-
},
|
|
89
|
-
"900": {
|
|
90
|
-
"value": "#191919ff",
|
|
91
|
-
"type": "color",
|
|
92
|
-
"description": "origin"
|
|
93
|
-
},
|
|
94
|
-
"1000": {
|
|
95
|
-
"value": "#000000ff",
|
|
96
|
-
"type": "color",
|
|
97
|
-
"description": "origin"
|
|
98
|
-
},
|
|
99
|
-
"000": {
|
|
100
|
-
"value": "#ffffffff",
|
|
101
|
-
"description": "origin (not to be confused with yang tokens)",
|
|
102
|
-
"type": "color"
|
|
103
|
-
}
|
|
104
|
-
},
|
|
105
|
-
"disabled": {
|
|
106
|
-
"400": {
|
|
107
|
-
"value": "#f2f5f6ff",
|
|
108
|
-
"type": "color",
|
|
109
|
-
"description": "origin"
|
|
110
|
-
},
|
|
111
|
-
"500": {
|
|
112
|
-
"value": "#e6ebedff",
|
|
113
|
-
"type": "color",
|
|
114
|
-
"description": "origin"
|
|
115
|
-
},
|
|
116
|
-
"600": {
|
|
117
|
-
"value": "#ccd6dbff",
|
|
118
|
-
"type": "color",
|
|
119
|
-
"description": "origin"
|
|
120
|
-
}
|
|
121
|
-
},
|
|
122
|
-
"readOnly": {
|
|
123
|
-
"400": {
|
|
124
|
-
"value": "#f2f5f6ff",
|
|
125
|
-
"type": "color",
|
|
126
|
-
"description": "origin"
|
|
127
|
-
},
|
|
128
|
-
"500": {
|
|
129
|
-
"value": "#e6ebedff",
|
|
130
|
-
"type": "color",
|
|
131
|
-
"description": "origin"
|
|
132
|
-
},
|
|
133
|
-
"600": {
|
|
134
|
-
"value": "#ccd6dbff",
|
|
135
|
-
"type": "color",
|
|
136
|
-
"description": "origin"
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
"components": {
|
|
140
|
-
"menu": {
|
|
141
|
-
"spring": {
|
|
142
|
-
"standard": {
|
|
143
|
-
"500": {
|
|
144
|
-
"value": "#e6ebedff",
|
|
145
|
-
"type": "color"
|
|
146
|
-
},
|
|
147
|
-
"600": {
|
|
148
|
-
"value": "#007e45ff",
|
|
149
|
-
"type": "color"
|
|
150
|
-
},
|
|
151
|
-
"700": {
|
|
152
|
-
"value": "#d9e0e4ff",
|
|
153
|
-
"type": "color"
|
|
154
|
-
}
|
|
155
|
-
},
|
|
156
|
-
"parent": {
|
|
157
|
-
"500": {
|
|
158
|
-
"value": "#e6ebedff",
|
|
159
|
-
"type": "color"
|
|
160
|
-
},
|
|
161
|
-
"600": {
|
|
162
|
-
"value": "#007e45ff",
|
|
163
|
-
"type": "color"
|
|
164
|
-
},
|
|
165
|
-
"700": {
|
|
166
|
-
"value": "#d9e0e4ff",
|
|
167
|
-
"type": "color"
|
|
168
|
-
}
|
|
169
|
-
},
|
|
170
|
-
"child": {
|
|
171
|
-
"400": {
|
|
172
|
-
"value": "#ccd6dbff",
|
|
173
|
-
"type": "color"
|
|
174
|
-
},
|
|
175
|
-
"500": {
|
|
176
|
-
"value": "#ffffffff",
|
|
177
|
-
"type": "color"
|
|
178
|
-
},
|
|
179
|
-
"600": {
|
|
180
|
-
"value": "#007e45ff",
|
|
181
|
-
"type": "color"
|
|
182
|
-
}
|
|
183
|
-
},
|
|
184
|
-
"childAlt": {
|
|
185
|
-
"400": {
|
|
186
|
-
"value": "#ccd6dbff",
|
|
187
|
-
"type": "color"
|
|
188
|
-
},
|
|
189
|
-
"500": {
|
|
190
|
-
"value": "#e6ebedff",
|
|
191
|
-
"type": "color"
|
|
192
|
-
},
|
|
193
|
-
"600": {
|
|
194
|
-
"value": "#007e45ff",
|
|
195
|
-
"type": "color"
|
|
196
|
-
}
|
|
197
|
-
}
|
|
198
|
-
},
|
|
199
|
-
"summer": {
|
|
200
|
-
"standard": {
|
|
201
|
-
"400": {
|
|
202
|
-
"value": "#ccd6dbff",
|
|
203
|
-
"type": "color",
|
|
204
|
-
"description": "selected menu button border"
|
|
205
|
-
},
|
|
206
|
-
"500": {
|
|
207
|
-
"value": "#ffffffff",
|
|
208
|
-
"type": "color",
|
|
209
|
-
"description": "default menu button (to sit on colors.gray.000 nav bar)"
|
|
210
|
-
},
|
|
211
|
-
"600": {
|
|
212
|
-
"value": "#007e45ff",
|
|
213
|
-
"type": "color",
|
|
214
|
-
"description": "hover (with click action)"
|
|
215
|
-
},
|
|
216
|
-
"700": {
|
|
217
|
-
"value": "#e6ebedff",
|
|
218
|
-
"type": "color",
|
|
219
|
-
"description": "TO BE REMOVED"
|
|
220
|
-
},
|
|
221
|
-
"800": {
|
|
222
|
-
"value": "#e6ebedff",
|
|
223
|
-
"type": "color",
|
|
224
|
-
"description": "selected menu button bg (use with 400 border)"
|
|
225
|
-
}
|
|
226
|
-
},
|
|
227
|
-
"parent": {
|
|
228
|
-
"400": {
|
|
229
|
-
"value": "#ccd6dbff",
|
|
230
|
-
"type": "color",
|
|
231
|
-
"description": "selected menu button border (on parent with clickable action)"
|
|
232
|
-
},
|
|
233
|
-
"500": {
|
|
234
|
-
"value": "#ffffffff",
|
|
235
|
-
"type": "color",
|
|
236
|
-
"description": "default menu button (to sit on colors.gray.000 nav bar)"
|
|
237
|
-
},
|
|
238
|
-
"600": {
|
|
239
|
-
"value": "#007e45ff",
|
|
240
|
-
"type": "color",
|
|
241
|
-
"description": "hover (with click action)"
|
|
242
|
-
},
|
|
243
|
-
"700": {
|
|
244
|
-
"value": "#e6ebedff",
|
|
245
|
-
"type": "color",
|
|
246
|
-
"description": "open menu item (or hover non-clickable)"
|
|
247
|
-
},
|
|
248
|
-
"800": {
|
|
249
|
-
"value": "#e6ebedff",
|
|
250
|
-
"type": "color",
|
|
251
|
-
"description": "selected menu item (on parent with clickable action)"
|
|
252
|
-
}
|
|
253
|
-
},
|
|
254
|
-
"child": {
|
|
255
|
-
"300": {
|
|
256
|
-
"value": "#b3c2c9ff",
|
|
257
|
-
"type": "color",
|
|
258
|
-
"description": "menu divider"
|
|
259
|
-
},
|
|
260
|
-
"400": {
|
|
261
|
-
"value": "#ccd6dbff",
|
|
262
|
-
"type": "color",
|
|
263
|
-
"description": "selected menu button border"
|
|
264
|
-
},
|
|
265
|
-
"500": {
|
|
266
|
-
"value": "#e6ebedff",
|
|
267
|
-
"type": "color",
|
|
268
|
-
"description": "default menu button"
|
|
269
|
-
},
|
|
270
|
-
"600": {
|
|
271
|
-
"value": "#007e45ff",
|
|
272
|
-
"type": "color",
|
|
273
|
-
"description": "hover (with click action)"
|
|
274
|
-
},
|
|
275
|
-
"700": {
|
|
276
|
-
"value": "#e6ebedff",
|
|
277
|
-
"type": "color",
|
|
278
|
-
"description": "open menu item"
|
|
279
|
-
},
|
|
280
|
-
"800": {
|
|
281
|
-
"value": "#e6ebedff",
|
|
282
|
-
"type": "color",
|
|
283
|
-
"description": "selected menu button bg (use with 400 border)"
|
|
284
|
-
}
|
|
285
|
-
},
|
|
286
|
-
"childAlt": {
|
|
287
|
-
"300": {
|
|
288
|
-
"value": "#b3c2c9ff",
|
|
289
|
-
"type": "color",
|
|
290
|
-
"description": "menu divider"
|
|
291
|
-
},
|
|
292
|
-
"400": {
|
|
293
|
-
"value": "#ccd6dbff",
|
|
294
|
-
"type": "color",
|
|
295
|
-
"description": "selected menu button border"
|
|
296
|
-
},
|
|
297
|
-
"500": {
|
|
298
|
-
"value": "#d9e0e4ff",
|
|
299
|
-
"type": "color",
|
|
300
|
-
"description": "default menu button"
|
|
301
|
-
},
|
|
302
|
-
"600": {
|
|
303
|
-
"value": "#007e45ff",
|
|
304
|
-
"type": "color",
|
|
305
|
-
"description": "hover (with click action)"
|
|
306
|
-
},
|
|
307
|
-
"700": {
|
|
308
|
-
"value": "#d9e0e4ff",
|
|
309
|
-
"type": "color",
|
|
310
|
-
"description": "open menu item"
|
|
311
|
-
},
|
|
312
|
-
"800": {
|
|
313
|
-
"value": "#d9e0e4ff",
|
|
314
|
-
"type": "color",
|
|
315
|
-
"description": "selected menu button bg (use with 400 border)"
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
},
|
|
319
|
-
"autumn": {
|
|
320
|
-
"standard": {
|
|
321
|
-
"500": {
|
|
322
|
-
"value": "#00324cff",
|
|
323
|
-
"type": "color"
|
|
324
|
-
},
|
|
325
|
-
"600": {
|
|
326
|
-
"value": "#007e45ff",
|
|
327
|
-
"type": "color"
|
|
328
|
-
},
|
|
329
|
-
"700": {
|
|
330
|
-
"value": "#19475eff",
|
|
331
|
-
"type": "color",
|
|
332
|
-
"description": ""
|
|
333
|
-
}
|
|
334
|
-
},
|
|
335
|
-
"parent": {
|
|
336
|
-
"500": {
|
|
337
|
-
"value": "#00324cff",
|
|
338
|
-
"type": "color"
|
|
339
|
-
},
|
|
340
|
-
"600": {
|
|
341
|
-
"value": "#007e45ff",
|
|
342
|
-
"type": "color",
|
|
343
|
-
"description": ""
|
|
344
|
-
},
|
|
345
|
-
"700": {
|
|
346
|
-
"value": "#19475eff",
|
|
347
|
-
"type": "color",
|
|
348
|
-
"description": ""
|
|
349
|
-
}
|
|
350
|
-
},
|
|
351
|
-
"child": {
|
|
352
|
-
"400": {
|
|
353
|
-
"value": "#19475eff",
|
|
354
|
-
"type": "color"
|
|
355
|
-
},
|
|
356
|
-
"500": {
|
|
357
|
-
"value": "#001926ff",
|
|
358
|
-
"type": "color"
|
|
359
|
-
},
|
|
360
|
-
"600": {
|
|
361
|
-
"value": "#007e45ff",
|
|
362
|
-
"type": "color"
|
|
363
|
-
}
|
|
364
|
-
},
|
|
365
|
-
"childAlt": {
|
|
366
|
-
"400": {
|
|
367
|
-
"value": "#19475eff",
|
|
368
|
-
"type": "color"
|
|
369
|
-
},
|
|
370
|
-
"500": {
|
|
371
|
-
"value": "#00324cff",
|
|
372
|
-
"type": "color"
|
|
373
|
-
},
|
|
374
|
-
"600": {
|
|
375
|
-
"value": "#007e45ff",
|
|
376
|
-
"type": "color"
|
|
377
|
-
}
|
|
378
|
-
}
|
|
379
|
-
},
|
|
380
|
-
"winter": {
|
|
381
|
-
"standard": {
|
|
382
|
-
"400": {
|
|
383
|
-
"value": "#4d4d4dff",
|
|
384
|
-
"type": "color",
|
|
385
|
-
"description": "selected menu button border"
|
|
386
|
-
},
|
|
387
|
-
"500": {
|
|
388
|
-
"value": "#000000ff",
|
|
389
|
-
"type": "color",
|
|
390
|
-
"description": "default menu button (to sit on colors.gray.1000 nav bar)"
|
|
391
|
-
},
|
|
392
|
-
"600": {
|
|
393
|
-
"value": "#007e45ff",
|
|
394
|
-
"type": "color",
|
|
395
|
-
"description": "hover (with click action)"
|
|
396
|
-
},
|
|
397
|
-
"700": {
|
|
398
|
-
"value": "#262626ff",
|
|
399
|
-
"type": "color",
|
|
400
|
-
"description": "TO BE REMOVED"
|
|
401
|
-
},
|
|
402
|
-
"800": {
|
|
403
|
-
"value": "#262626ff",
|
|
404
|
-
"type": "color",
|
|
405
|
-
"description": "selected menu button bg (use with 400 border)"
|
|
406
|
-
}
|
|
407
|
-
},
|
|
408
|
-
"parent": {
|
|
409
|
-
"400": {
|
|
410
|
-
"value": "#4d4d4dff",
|
|
411
|
-
"type": "color",
|
|
412
|
-
"description": "selected menu button border (for parent with clickable action)"
|
|
413
|
-
},
|
|
414
|
-
"500": {
|
|
415
|
-
"value": "#000000ff",
|
|
416
|
-
"type": "color",
|
|
417
|
-
"description": "default menu button (to sit on colors.gray.1000 nav bar)"
|
|
418
|
-
},
|
|
419
|
-
"600": {
|
|
420
|
-
"value": "#007e45ff",
|
|
421
|
-
"type": "color",
|
|
422
|
-
"description": "hover (with click action)"
|
|
423
|
-
},
|
|
424
|
-
"700": {
|
|
425
|
-
"value": "#262626ff",
|
|
426
|
-
"type": "color",
|
|
427
|
-
"description": "open menu item (or hover non-clickable)"
|
|
428
|
-
},
|
|
429
|
-
"800": {
|
|
430
|
-
"value": "#262626ff",
|
|
431
|
-
"type": "color",
|
|
432
|
-
"description": "selected menu item (on parent with clickable action)"
|
|
433
|
-
}
|
|
434
|
-
},
|
|
435
|
-
"child": {
|
|
436
|
-
"300": {
|
|
437
|
-
"value": "#666666ff",
|
|
438
|
-
"type": "color",
|
|
439
|
-
"description": "menu divider"
|
|
440
|
-
},
|
|
441
|
-
"400": {
|
|
442
|
-
"value": "#4d4d4dff",
|
|
443
|
-
"type": "color",
|
|
444
|
-
"description": "selected menu button border (darker than divider)"
|
|
445
|
-
},
|
|
446
|
-
"500": {
|
|
447
|
-
"value": "#262626ff",
|
|
448
|
-
"type": "color",
|
|
449
|
-
"description": "default menu button"
|
|
450
|
-
},
|
|
451
|
-
"600": {
|
|
452
|
-
"value": "#007e45ff",
|
|
453
|
-
"type": "color",
|
|
454
|
-
"description": "hover (with click action)"
|
|
455
|
-
},
|
|
456
|
-
"700": {
|
|
457
|
-
"value": "#262626ff",
|
|
458
|
-
"type": "color",
|
|
459
|
-
"description": "open menu item"
|
|
460
|
-
},
|
|
461
|
-
"800": {
|
|
462
|
-
"value": "#262626ff",
|
|
463
|
-
"type": "color",
|
|
464
|
-
"description": "selected menu button bg (use with 400 border)"
|
|
465
|
-
}
|
|
466
|
-
},
|
|
467
|
-
"childAlt": {
|
|
468
|
-
"300": {
|
|
469
|
-
"value": "#666666ff",
|
|
470
|
-
"type": "color",
|
|
471
|
-
"description": "menu divider"
|
|
472
|
-
},
|
|
473
|
-
"400": {
|
|
474
|
-
"value": "#4d4d4dff",
|
|
475
|
-
"type": "color",
|
|
476
|
-
"description": "selected menu button border"
|
|
477
|
-
},
|
|
478
|
-
"500": {
|
|
479
|
-
"value": "#404040ff",
|
|
480
|
-
"type": "color",
|
|
481
|
-
"description": "default menu button"
|
|
482
|
-
},
|
|
483
|
-
"600": {
|
|
484
|
-
"value": "#007e45ff",
|
|
485
|
-
"type": "color",
|
|
486
|
-
"description": "hover (with click action)"
|
|
487
|
-
},
|
|
488
|
-
"700": {
|
|
489
|
-
"value": "#404040ff",
|
|
490
|
-
"type": "color",
|
|
491
|
-
"description": "open menu item"
|
|
492
|
-
},
|
|
493
|
-
"800": {
|
|
494
|
-
"value": "#404040ff",
|
|
495
|
-
"type": "color",
|
|
496
|
-
"description": "selected menu button bg (use with 400 border)"
|
|
497
|
-
}
|
|
498
|
-
}
|
|
499
|
-
},
|
|
500
|
-
"yin": {
|
|
501
|
-
"100": {
|
|
502
|
-
"value": "#000000ff",
|
|
503
|
-
"type": "color"
|
|
504
|
-
},
|
|
505
|
-
"065": {
|
|
506
|
-
"value": "#000000a6",
|
|
507
|
-
"type": "color"
|
|
508
|
-
},
|
|
509
|
-
"090": {
|
|
510
|
-
"value": "#000000e6",
|
|
511
|
-
"type": "color"
|
|
512
|
-
}
|
|
513
|
-
},
|
|
514
|
-
"yang": {
|
|
515
|
-
"100": {
|
|
516
|
-
"value": "#ffffffff",
|
|
517
|
-
"type": "color"
|
|
518
|
-
},
|
|
519
|
-
"080": {
|
|
520
|
-
"value": "#ffffffcc",
|
|
521
|
-
"type": "color"
|
|
522
|
-
}
|
|
523
|
-
},
|
|
524
|
-
"transparent": {
|
|
525
|
-
"value": "#00000000",
|
|
526
|
-
"type": "color"
|
|
527
|
-
}
|
|
528
|
-
}
|
|
529
|
-
},
|
|
530
14
|
"utility": {
|
|
531
15
|
"major": {
|
|
532
16
|
"100": {
|
|
@@ -786,7 +270,225 @@
|
|
|
786
270
|
"050": {
|
|
787
271
|
"value": "#f2f5f6ff",
|
|
788
272
|
"type": "color",
|
|
789
|
-
"description": "origin"
|
|
273
|
+
"description": "origin"
|
|
274
|
+
},
|
|
275
|
+
"transparent": {
|
|
276
|
+
"value": "#00000000",
|
|
277
|
+
"type": "color"
|
|
278
|
+
},
|
|
279
|
+
"yin": {
|
|
280
|
+
"030": {
|
|
281
|
+
"value": "#0000004d",
|
|
282
|
+
"type": "color"
|
|
283
|
+
},
|
|
284
|
+
"055": {
|
|
285
|
+
"value": "#0000008c",
|
|
286
|
+
"type": "color"
|
|
287
|
+
},
|
|
288
|
+
"065": {
|
|
289
|
+
"value": "#000000a6",
|
|
290
|
+
"type": "color"
|
|
291
|
+
},
|
|
292
|
+
"090": {
|
|
293
|
+
"value": "#000000e6",
|
|
294
|
+
"type": "color"
|
|
295
|
+
}
|
|
296
|
+
},
|
|
297
|
+
"yang": {
|
|
298
|
+
"100": {
|
|
299
|
+
"value": "#ffffffff",
|
|
300
|
+
"type": "color"
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
},
|
|
304
|
+
"disabled": {
|
|
305
|
+
"400": {
|
|
306
|
+
"value": "#f2f5f6ff",
|
|
307
|
+
"type": "color"
|
|
308
|
+
},
|
|
309
|
+
"500": {
|
|
310
|
+
"value": "#e6ebedff",
|
|
311
|
+
"type": "color"
|
|
312
|
+
},
|
|
313
|
+
"600": {
|
|
314
|
+
"value": "#ccd6dbff",
|
|
315
|
+
"type": "color"
|
|
316
|
+
}
|
|
317
|
+
},
|
|
318
|
+
"readOnly": {
|
|
319
|
+
"400": {
|
|
320
|
+
"value": "#f2f5f6ff",
|
|
321
|
+
"type": "color"
|
|
322
|
+
},
|
|
323
|
+
"500": {
|
|
324
|
+
"value": "#e6ebedff",
|
|
325
|
+
"type": "color"
|
|
326
|
+
},
|
|
327
|
+
"600": {
|
|
328
|
+
"value": "#ccd6dbff",
|
|
329
|
+
"type": "color"
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
},
|
|
333
|
+
"semantic": {
|
|
334
|
+
"neutral": {
|
|
335
|
+
"200": {
|
|
336
|
+
"value": "#ccd6dbff",
|
|
337
|
+
"type": "color"
|
|
338
|
+
},
|
|
339
|
+
"500": {
|
|
340
|
+
"value": "#335b70ff",
|
|
341
|
+
"type": "color",
|
|
342
|
+
"description": ""
|
|
343
|
+
},
|
|
344
|
+
"600": {
|
|
345
|
+
"value": "#00324cff",
|
|
346
|
+
"type": "color"
|
|
347
|
+
},
|
|
348
|
+
"transparent": {
|
|
349
|
+
"value": "#00000000",
|
|
350
|
+
"type": "color"
|
|
351
|
+
},
|
|
352
|
+
"yin": {
|
|
353
|
+
"030": {
|
|
354
|
+
"value": "#0000004d",
|
|
355
|
+
"type": "color"
|
|
356
|
+
},
|
|
357
|
+
"055": {
|
|
358
|
+
"value": "#0000008c",
|
|
359
|
+
"type": "color"
|
|
360
|
+
},
|
|
361
|
+
"065": {
|
|
362
|
+
"value": "#000000a6",
|
|
363
|
+
"type": "color"
|
|
364
|
+
},
|
|
365
|
+
"090": {
|
|
366
|
+
"value": "#000000e6",
|
|
367
|
+
"type": "color"
|
|
368
|
+
}
|
|
369
|
+
},
|
|
370
|
+
"yang": {
|
|
371
|
+
"100": {
|
|
372
|
+
"value": "#ffffffff",
|
|
373
|
+
"type": "color"
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
},
|
|
377
|
+
"focus": {
|
|
378
|
+
"250": {
|
|
379
|
+
"value": "#ffda80ff",
|
|
380
|
+
"type": "color"
|
|
381
|
+
},
|
|
382
|
+
"500": {
|
|
383
|
+
"value": "#ffb500ff",
|
|
384
|
+
"type": "color"
|
|
385
|
+
},
|
|
386
|
+
"transparent": {
|
|
387
|
+
"value": "#00000000",
|
|
388
|
+
"type": "color"
|
|
389
|
+
}
|
|
390
|
+
},
|
|
391
|
+
"positive": {
|
|
392
|
+
"500": {
|
|
393
|
+
"value": "#008a21ff",
|
|
394
|
+
"type": "color"
|
|
395
|
+
},
|
|
396
|
+
"600": {
|
|
397
|
+
"value": "#006e1aff",
|
|
398
|
+
"type": "color"
|
|
399
|
+
},
|
|
400
|
+
"transparent": {
|
|
401
|
+
"value": "#00000000",
|
|
402
|
+
"type": "color"
|
|
403
|
+
},
|
|
404
|
+
"yin": {
|
|
405
|
+
"030": {
|
|
406
|
+
"value": "#0000004d",
|
|
407
|
+
"type": "color"
|
|
408
|
+
},
|
|
409
|
+
"055": {
|
|
410
|
+
"value": "#0000008c",
|
|
411
|
+
"type": "color"
|
|
412
|
+
},
|
|
413
|
+
"065": {
|
|
414
|
+
"value": "#000000a6",
|
|
415
|
+
"type": "color"
|
|
416
|
+
},
|
|
417
|
+
"090": {
|
|
418
|
+
"value": "#000000e6",
|
|
419
|
+
"type": "color"
|
|
420
|
+
}
|
|
421
|
+
},
|
|
422
|
+
"yang": {
|
|
423
|
+
"100": {
|
|
424
|
+
"value": "#ffffffff",
|
|
425
|
+
"type": "color"
|
|
426
|
+
}
|
|
427
|
+
}
|
|
428
|
+
},
|
|
429
|
+
"negative": {
|
|
430
|
+
"350": {
|
|
431
|
+
"value": "#dc7481ff",
|
|
432
|
+
"type": "color"
|
|
433
|
+
},
|
|
434
|
+
"450": {
|
|
435
|
+
"value": "#d24c5dff",
|
|
436
|
+
"type": "color"
|
|
437
|
+
},
|
|
438
|
+
"500": {
|
|
439
|
+
"value": "#cd384bff",
|
|
440
|
+
"type": "color"
|
|
441
|
+
},
|
|
442
|
+
"600": {
|
|
443
|
+
"value": "#a42d3cff",
|
|
444
|
+
"type": "color"
|
|
445
|
+
},
|
|
446
|
+
"transparent": {
|
|
447
|
+
"value": "#00000000",
|
|
448
|
+
"type": "color"
|
|
449
|
+
},
|
|
450
|
+
"yin": {
|
|
451
|
+
"030": {
|
|
452
|
+
"value": "#0000004d",
|
|
453
|
+
"type": "color"
|
|
454
|
+
},
|
|
455
|
+
"055": {
|
|
456
|
+
"value": "#0000008c",
|
|
457
|
+
"type": "color"
|
|
458
|
+
},
|
|
459
|
+
"065": {
|
|
460
|
+
"value": "#000000a6",
|
|
461
|
+
"type": "color"
|
|
462
|
+
},
|
|
463
|
+
"090": {
|
|
464
|
+
"value": "#000000e6",
|
|
465
|
+
"type": "color"
|
|
466
|
+
}
|
|
467
|
+
},
|
|
468
|
+
"yang": {
|
|
469
|
+
"100": {
|
|
470
|
+
"value": "#ffffffff",
|
|
471
|
+
"type": "color"
|
|
472
|
+
}
|
|
473
|
+
}
|
|
474
|
+
},
|
|
475
|
+
"caution": {
|
|
476
|
+
"400": {
|
|
477
|
+
"value": "#f28533ff",
|
|
478
|
+
"type": "color"
|
|
479
|
+
},
|
|
480
|
+
"500": {
|
|
481
|
+
"value": "#ef6700ff",
|
|
482
|
+
"type": "color",
|
|
483
|
+
"description": "was #E96400"
|
|
484
|
+
},
|
|
485
|
+
"600": {
|
|
486
|
+
"value": "#bf5200ff",
|
|
487
|
+
"type": "color"
|
|
488
|
+
},
|
|
489
|
+
"650": {
|
|
490
|
+
"value": "#a74800ff",
|
|
491
|
+
"type": "color"
|
|
790
492
|
},
|
|
791
493
|
"transparent": {
|
|
792
494
|
"value": "#00000000",
|
|
@@ -817,48 +519,17 @@
|
|
|
817
519
|
}
|
|
818
520
|
}
|
|
819
521
|
},
|
|
820
|
-
"
|
|
821
|
-
"
|
|
822
|
-
"value": "#
|
|
823
|
-
"type": "color"
|
|
824
|
-
},
|
|
825
|
-
"500": {
|
|
826
|
-
"value": "#e6ebedff",
|
|
827
|
-
"type": "color"
|
|
828
|
-
},
|
|
829
|
-
"600": {
|
|
830
|
-
"value": "#ccd6dbff",
|
|
831
|
-
"type": "color"
|
|
832
|
-
}
|
|
833
|
-
},
|
|
834
|
-
"readOnly": {
|
|
835
|
-
"400": {
|
|
836
|
-
"value": "#f2f5f6ff",
|
|
522
|
+
"info": {
|
|
523
|
+
"150": {
|
|
524
|
+
"value": "#b3cfe5ff",
|
|
837
525
|
"type": "color"
|
|
838
526
|
},
|
|
839
527
|
"500": {
|
|
840
|
-
"value": "#
|
|
841
|
-
"type": "color"
|
|
842
|
-
},
|
|
843
|
-
"600": {
|
|
844
|
-
"value": "#ccd6dbff",
|
|
845
|
-
"type": "color"
|
|
846
|
-
}
|
|
847
|
-
}
|
|
848
|
-
},
|
|
849
|
-
"semantic": {
|
|
850
|
-
"neutral": {
|
|
851
|
-
"200": {
|
|
852
|
-
"value": "#ccd6dbff",
|
|
528
|
+
"value": "#0060a7ff",
|
|
853
529
|
"type": "color"
|
|
854
530
|
},
|
|
855
|
-
"500": {
|
|
856
|
-
"value": "#335b70ff",
|
|
857
|
-
"type": "color",
|
|
858
|
-
"description": ""
|
|
859
|
-
},
|
|
860
531
|
"600": {
|
|
861
|
-
"value": "#
|
|
532
|
+
"value": "#004d86ff",
|
|
862
533
|
"type": "color"
|
|
863
534
|
},
|
|
864
535
|
"transparent": {
|
|
@@ -870,153 +541,516 @@
|
|
|
870
541
|
"value": "#0000004d",
|
|
871
542
|
"type": "color"
|
|
872
543
|
},
|
|
873
|
-
"055": {
|
|
874
|
-
"value": "#0000008c",
|
|
875
|
-
"type": "color"
|
|
544
|
+
"055": {
|
|
545
|
+
"value": "#0000008c",
|
|
546
|
+
"type": "color"
|
|
547
|
+
},
|
|
548
|
+
"065": {
|
|
549
|
+
"value": "#000000a6",
|
|
550
|
+
"type": "color"
|
|
551
|
+
},
|
|
552
|
+
"090": {
|
|
553
|
+
"value": "#000000e6",
|
|
554
|
+
"type": "color"
|
|
555
|
+
}
|
|
556
|
+
},
|
|
557
|
+
"yang": {
|
|
558
|
+
"100": {
|
|
559
|
+
"value": "#ffffffff",
|
|
560
|
+
"type": "color"
|
|
561
|
+
}
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
},
|
|
565
|
+
"logo": {
|
|
566
|
+
"value": "#00d639ff",
|
|
567
|
+
"type": "color",
|
|
568
|
+
"description": "Reference only. Do not use in components."
|
|
569
|
+
},
|
|
570
|
+
"transparent": {
|
|
571
|
+
"value": "#00000000",
|
|
572
|
+
"type": "color",
|
|
573
|
+
"description": "Reference only. Do not use in components."
|
|
574
|
+
},
|
|
575
|
+
"yin": {
|
|
576
|
+
"030": {
|
|
577
|
+
"value": "#0000004d",
|
|
578
|
+
"type": "color",
|
|
579
|
+
"description": "Reference only. Do not use in components."
|
|
580
|
+
},
|
|
581
|
+
"055": {
|
|
582
|
+
"value": "#0000008c",
|
|
583
|
+
"type": "color",
|
|
584
|
+
"description": "Reference only. Do not use in components."
|
|
585
|
+
},
|
|
586
|
+
"065": {
|
|
587
|
+
"value": "#000000a6",
|
|
588
|
+
"type": "color",
|
|
589
|
+
"description": "Reference only. Do not use in components."
|
|
590
|
+
},
|
|
591
|
+
"075": {
|
|
592
|
+
"value": "#000000bf",
|
|
593
|
+
"type": "color",
|
|
594
|
+
"description": "Reference only. Do not use in components."
|
|
595
|
+
},
|
|
596
|
+
"090": {
|
|
597
|
+
"value": "#000000e6",
|
|
598
|
+
"type": "color",
|
|
599
|
+
"description": "Reference only. Do not use in components."
|
|
600
|
+
}
|
|
601
|
+
},
|
|
602
|
+
"yang": {
|
|
603
|
+
"100": {
|
|
604
|
+
"value": "#ffffffff",
|
|
605
|
+
"type": "color",
|
|
606
|
+
"description": "Reference only. Do not use in components."
|
|
607
|
+
},
|
|
608
|
+
"030": {
|
|
609
|
+
"value": "#ffffff4d",
|
|
610
|
+
"type": "color",
|
|
611
|
+
"description": "Reference only. Do not use in components."
|
|
612
|
+
},
|
|
613
|
+
"080": {
|
|
614
|
+
"value": "#ffffffcc",
|
|
615
|
+
"type": "color",
|
|
616
|
+
"description": "Reference only. Do not use in components."
|
|
617
|
+
}
|
|
618
|
+
},
|
|
619
|
+
"gray": {
|
|
620
|
+
"600": {
|
|
621
|
+
"value": "#666666ff",
|
|
622
|
+
"type": "color",
|
|
623
|
+
"description": "Reference only. Do not use in components."
|
|
624
|
+
},
|
|
625
|
+
"700": {
|
|
626
|
+
"value": "#4d4d4dff",
|
|
627
|
+
"type": "color",
|
|
628
|
+
"description": "Reference only. Do not use in components."
|
|
629
|
+
},
|
|
630
|
+
"750": {
|
|
631
|
+
"value": "#404040ff",
|
|
632
|
+
"type": "color",
|
|
633
|
+
"description": "Reference only. Do not use in components."
|
|
634
|
+
},
|
|
635
|
+
"850": {
|
|
636
|
+
"value": "#262626ff",
|
|
637
|
+
"type": "color",
|
|
638
|
+
"description": "Reference only. Do not use in components."
|
|
639
|
+
},
|
|
640
|
+
"900": {
|
|
641
|
+
"value": "#191919ff",
|
|
642
|
+
"type": "color",
|
|
643
|
+
"description": "Reference only. Do not use in components."
|
|
644
|
+
},
|
|
645
|
+
"1000": {
|
|
646
|
+
"value": "#000000ff",
|
|
647
|
+
"type": "color",
|
|
648
|
+
"description": "Reference only. Do not use in components."
|
|
649
|
+
},
|
|
650
|
+
"000": {
|
|
651
|
+
"value": "#ffffffff",
|
|
652
|
+
"description": "Reference only. Do not use in components.",
|
|
653
|
+
"type": "color"
|
|
654
|
+
}
|
|
655
|
+
},
|
|
656
|
+
"disabled": {
|
|
657
|
+
"400": {
|
|
658
|
+
"value": "#f2f5f6ff",
|
|
659
|
+
"type": "color",
|
|
660
|
+
"description": "Reference only. Do not use in components."
|
|
661
|
+
},
|
|
662
|
+
"500": {
|
|
663
|
+
"value": "#e6ebedff",
|
|
664
|
+
"type": "color",
|
|
665
|
+
"description": "Reference only. Do not use in components."
|
|
666
|
+
},
|
|
667
|
+
"600": {
|
|
668
|
+
"value": "#ccd6dbff",
|
|
669
|
+
"type": "color",
|
|
670
|
+
"description": "Reference only. Do not use in components."
|
|
671
|
+
}
|
|
672
|
+
},
|
|
673
|
+
"readOnly": {
|
|
674
|
+
"400": {
|
|
675
|
+
"value": "#f2f5f6ff",
|
|
676
|
+
"type": "color",
|
|
677
|
+
"description": "Reference only. Do not use in components."
|
|
678
|
+
},
|
|
679
|
+
"500": {
|
|
680
|
+
"value": "#e6ebedff",
|
|
681
|
+
"type": "color",
|
|
682
|
+
"description": "Reference only. Do not use in components."
|
|
683
|
+
},
|
|
684
|
+
"600": {
|
|
685
|
+
"value": "#ccd6dbff",
|
|
686
|
+
"type": "color",
|
|
687
|
+
"description": "Reference only. Do not use in components."
|
|
688
|
+
}
|
|
689
|
+
},
|
|
690
|
+
"components": {
|
|
691
|
+
"menu": {
|
|
692
|
+
"spring": {
|
|
693
|
+
"standard": {
|
|
694
|
+
"500": {
|
|
695
|
+
"value": "#e6ebedff",
|
|
696
|
+
"type": "color"
|
|
697
|
+
},
|
|
698
|
+
"600": {
|
|
699
|
+
"value": "#007e45ff",
|
|
700
|
+
"type": "color"
|
|
701
|
+
},
|
|
702
|
+
"700": {
|
|
703
|
+
"value": "#d9e0e4ff",
|
|
704
|
+
"type": "color"
|
|
705
|
+
}
|
|
706
|
+
},
|
|
707
|
+
"parent": {
|
|
708
|
+
"500": {
|
|
709
|
+
"value": "#e6ebedff",
|
|
710
|
+
"type": "color"
|
|
711
|
+
},
|
|
712
|
+
"600": {
|
|
713
|
+
"value": "#007e45ff",
|
|
714
|
+
"type": "color"
|
|
715
|
+
},
|
|
716
|
+
"700": {
|
|
717
|
+
"value": "#d9e0e4ff",
|
|
718
|
+
"type": "color"
|
|
719
|
+
}
|
|
720
|
+
},
|
|
721
|
+
"child": {
|
|
722
|
+
"400": {
|
|
723
|
+
"value": "#ccd6dbff",
|
|
724
|
+
"type": "color"
|
|
725
|
+
},
|
|
726
|
+
"500": {
|
|
727
|
+
"value": "#ffffffff",
|
|
728
|
+
"type": "color"
|
|
729
|
+
},
|
|
730
|
+
"600": {
|
|
731
|
+
"value": "#007e45ff",
|
|
732
|
+
"type": "color"
|
|
733
|
+
}
|
|
734
|
+
},
|
|
735
|
+
"childAlt": {
|
|
736
|
+
"400": {
|
|
737
|
+
"value": "#ccd6dbff",
|
|
738
|
+
"type": "color"
|
|
739
|
+
},
|
|
740
|
+
"500": {
|
|
741
|
+
"value": "#e6ebedff",
|
|
742
|
+
"type": "color"
|
|
743
|
+
},
|
|
744
|
+
"600": {
|
|
745
|
+
"value": "#007e45ff",
|
|
746
|
+
"type": "color"
|
|
747
|
+
}
|
|
748
|
+
}
|
|
749
|
+
},
|
|
750
|
+
"summer": {
|
|
751
|
+
"standard": {
|
|
752
|
+
"400": {
|
|
753
|
+
"value": "#ccd6dbff",
|
|
754
|
+
"type": "color",
|
|
755
|
+
"description": "selected menu button border"
|
|
756
|
+
},
|
|
757
|
+
"500": {
|
|
758
|
+
"value": "#ffffffff",
|
|
759
|
+
"type": "color",
|
|
760
|
+
"description": "default menu button (to sit on colors.gray.000 nav bar)"
|
|
761
|
+
},
|
|
762
|
+
"600": {
|
|
763
|
+
"value": "#007e45ff",
|
|
764
|
+
"type": "color",
|
|
765
|
+
"description": "hover (with click action)"
|
|
766
|
+
},
|
|
767
|
+
"700": {
|
|
768
|
+
"value": "#e6ebedff",
|
|
769
|
+
"type": "color",
|
|
770
|
+
"description": "TO BE REMOVED"
|
|
771
|
+
},
|
|
772
|
+
"800": {
|
|
773
|
+
"value": "#e6ebedff",
|
|
774
|
+
"type": "color",
|
|
775
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
776
|
+
}
|
|
777
|
+
},
|
|
778
|
+
"parent": {
|
|
779
|
+
"400": {
|
|
780
|
+
"value": "#ccd6dbff",
|
|
781
|
+
"type": "color",
|
|
782
|
+
"description": "selected menu button border (on parent with clickable action)"
|
|
783
|
+
},
|
|
784
|
+
"500": {
|
|
785
|
+
"value": "#ffffffff",
|
|
786
|
+
"type": "color",
|
|
787
|
+
"description": "default menu button (to sit on colors.gray.000 nav bar)"
|
|
788
|
+
},
|
|
789
|
+
"600": {
|
|
790
|
+
"value": "#007e45ff",
|
|
791
|
+
"type": "color",
|
|
792
|
+
"description": "hover (with click action)"
|
|
793
|
+
},
|
|
794
|
+
"700": {
|
|
795
|
+
"value": "#e6ebedff",
|
|
796
|
+
"type": "color",
|
|
797
|
+
"description": "open menu item (or hover non-clickable)"
|
|
798
|
+
},
|
|
799
|
+
"800": {
|
|
800
|
+
"value": "#e6ebedff",
|
|
801
|
+
"type": "color",
|
|
802
|
+
"description": "selected menu item (on parent with clickable action)"
|
|
803
|
+
}
|
|
876
804
|
},
|
|
877
|
-
"
|
|
878
|
-
"
|
|
879
|
-
|
|
805
|
+
"child": {
|
|
806
|
+
"300": {
|
|
807
|
+
"value": "#b3c2c9ff",
|
|
808
|
+
"type": "color",
|
|
809
|
+
"description": "menu divider"
|
|
810
|
+
},
|
|
811
|
+
"400": {
|
|
812
|
+
"value": "#ccd6dbff",
|
|
813
|
+
"type": "color",
|
|
814
|
+
"description": "selected menu button border"
|
|
815
|
+
},
|
|
816
|
+
"500": {
|
|
817
|
+
"value": "#e6ebedff",
|
|
818
|
+
"type": "color",
|
|
819
|
+
"description": "default menu button"
|
|
820
|
+
},
|
|
821
|
+
"600": {
|
|
822
|
+
"value": "#007e45ff",
|
|
823
|
+
"type": "color",
|
|
824
|
+
"description": "hover (with click action)"
|
|
825
|
+
},
|
|
826
|
+
"700": {
|
|
827
|
+
"value": "#e6ebedff",
|
|
828
|
+
"type": "color",
|
|
829
|
+
"description": "open menu item"
|
|
830
|
+
},
|
|
831
|
+
"800": {
|
|
832
|
+
"value": "#e6ebedff",
|
|
833
|
+
"type": "color",
|
|
834
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
835
|
+
}
|
|
880
836
|
},
|
|
881
|
-
"
|
|
882
|
-
"
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
837
|
+
"childAlt": {
|
|
838
|
+
"300": {
|
|
839
|
+
"value": "#b3c2c9ff",
|
|
840
|
+
"type": "color",
|
|
841
|
+
"description": "menu divider"
|
|
842
|
+
},
|
|
843
|
+
"400": {
|
|
844
|
+
"value": "#ccd6dbff",
|
|
845
|
+
"type": "color",
|
|
846
|
+
"description": "selected menu button border"
|
|
847
|
+
},
|
|
848
|
+
"500": {
|
|
849
|
+
"value": "#d9e0e4ff",
|
|
850
|
+
"type": "color",
|
|
851
|
+
"description": "default menu button"
|
|
852
|
+
},
|
|
853
|
+
"600": {
|
|
854
|
+
"value": "#007e45ff",
|
|
855
|
+
"type": "color",
|
|
856
|
+
"description": "hover (with click action)"
|
|
857
|
+
},
|
|
858
|
+
"700": {
|
|
859
|
+
"value": "#d9e0e4ff",
|
|
860
|
+
"type": "color",
|
|
861
|
+
"description": "open menu item"
|
|
862
|
+
},
|
|
863
|
+
"800": {
|
|
864
|
+
"value": "#d9e0e4ff",
|
|
865
|
+
"type": "color",
|
|
866
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
867
|
+
}
|
|
890
868
|
}
|
|
891
|
-
}
|
|
892
|
-
},
|
|
893
|
-
"focus": {
|
|
894
|
-
"250": {
|
|
895
|
-
"value": "#ffda80ff",
|
|
896
|
-
"type": "color"
|
|
897
|
-
},
|
|
898
|
-
"500": {
|
|
899
|
-
"value": "#ffb500ff",
|
|
900
|
-
"type": "color"
|
|
901
|
-
},
|
|
902
|
-
"transparent": {
|
|
903
|
-
"value": "#00000000",
|
|
904
|
-
"type": "color"
|
|
905
|
-
}
|
|
906
|
-
},
|
|
907
|
-
"positive": {
|
|
908
|
-
"500": {
|
|
909
|
-
"value": "#008a21ff",
|
|
910
|
-
"type": "color"
|
|
911
|
-
},
|
|
912
|
-
"600": {
|
|
913
|
-
"value": "#006e1aff",
|
|
914
|
-
"type": "color"
|
|
915
|
-
},
|
|
916
|
-
"transparent": {
|
|
917
|
-
"value": "#00000000",
|
|
918
|
-
"type": "color"
|
|
919
869
|
},
|
|
920
|
-
"
|
|
921
|
-
"
|
|
922
|
-
"
|
|
923
|
-
|
|
870
|
+
"autumn": {
|
|
871
|
+
"standard": {
|
|
872
|
+
"500": {
|
|
873
|
+
"value": "#00324cff",
|
|
874
|
+
"type": "color"
|
|
875
|
+
},
|
|
876
|
+
"600": {
|
|
877
|
+
"value": "#007e45ff",
|
|
878
|
+
"type": "color"
|
|
879
|
+
},
|
|
880
|
+
"700": {
|
|
881
|
+
"value": "#19475eff",
|
|
882
|
+
"type": "color",
|
|
883
|
+
"description": ""
|
|
884
|
+
}
|
|
924
885
|
},
|
|
925
|
-
"
|
|
926
|
-
"
|
|
927
|
-
|
|
886
|
+
"parent": {
|
|
887
|
+
"500": {
|
|
888
|
+
"value": "#00324cff",
|
|
889
|
+
"type": "color"
|
|
890
|
+
},
|
|
891
|
+
"600": {
|
|
892
|
+
"value": "#007e45ff",
|
|
893
|
+
"type": "color",
|
|
894
|
+
"description": ""
|
|
895
|
+
},
|
|
896
|
+
"700": {
|
|
897
|
+
"value": "#19475eff",
|
|
898
|
+
"type": "color",
|
|
899
|
+
"description": ""
|
|
900
|
+
}
|
|
928
901
|
},
|
|
929
|
-
"
|
|
930
|
-
"
|
|
931
|
-
|
|
902
|
+
"child": {
|
|
903
|
+
"400": {
|
|
904
|
+
"value": "#19475eff",
|
|
905
|
+
"type": "color"
|
|
906
|
+
},
|
|
907
|
+
"500": {
|
|
908
|
+
"value": "#001926ff",
|
|
909
|
+
"type": "color"
|
|
910
|
+
},
|
|
911
|
+
"600": {
|
|
912
|
+
"value": "#007e45ff",
|
|
913
|
+
"type": "color"
|
|
914
|
+
}
|
|
932
915
|
},
|
|
933
|
-
"
|
|
934
|
-
"
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
916
|
+
"childAlt": {
|
|
917
|
+
"400": {
|
|
918
|
+
"value": "#19475eff",
|
|
919
|
+
"type": "color"
|
|
920
|
+
},
|
|
921
|
+
"500": {
|
|
922
|
+
"value": "#00324cff",
|
|
923
|
+
"type": "color"
|
|
924
|
+
},
|
|
925
|
+
"600": {
|
|
926
|
+
"value": "#007e45ff",
|
|
927
|
+
"type": "color"
|
|
928
|
+
}
|
|
942
929
|
}
|
|
943
|
-
}
|
|
944
|
-
},
|
|
945
|
-
"negative": {
|
|
946
|
-
"350": {
|
|
947
|
-
"value": "#dc7481ff",
|
|
948
|
-
"type": "color"
|
|
949
|
-
},
|
|
950
|
-
"450": {
|
|
951
|
-
"value": "#d24c5dff",
|
|
952
|
-
"type": "color"
|
|
953
930
|
},
|
|
954
|
-
"
|
|
955
|
-
"
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
931
|
+
"winter": {
|
|
932
|
+
"standard": {
|
|
933
|
+
"400": {
|
|
934
|
+
"value": "#4d4d4dff",
|
|
935
|
+
"type": "color",
|
|
936
|
+
"description": "selected menu button border"
|
|
937
|
+
},
|
|
938
|
+
"500": {
|
|
939
|
+
"value": "#000000ff",
|
|
940
|
+
"type": "color",
|
|
941
|
+
"description": "default menu button (to sit on colors.gray.1000 nav bar)"
|
|
942
|
+
},
|
|
943
|
+
"600": {
|
|
944
|
+
"value": "#007e45ff",
|
|
945
|
+
"type": "color",
|
|
946
|
+
"description": "hover (with click action)"
|
|
947
|
+
},
|
|
948
|
+
"700": {
|
|
949
|
+
"value": "#262626ff",
|
|
950
|
+
"type": "color",
|
|
951
|
+
"description": "TO BE REMOVED"
|
|
952
|
+
},
|
|
953
|
+
"800": {
|
|
954
|
+
"value": "#262626ff",
|
|
955
|
+
"type": "color",
|
|
956
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
957
|
+
}
|
|
970
958
|
},
|
|
971
|
-
"
|
|
972
|
-
"
|
|
973
|
-
|
|
959
|
+
"parent": {
|
|
960
|
+
"400": {
|
|
961
|
+
"value": "#4d4d4dff",
|
|
962
|
+
"type": "color",
|
|
963
|
+
"description": "selected menu button border (for parent with clickable action)"
|
|
964
|
+
},
|
|
965
|
+
"500": {
|
|
966
|
+
"value": "#000000ff",
|
|
967
|
+
"type": "color",
|
|
968
|
+
"description": "default menu button (to sit on colors.gray.1000 nav bar)"
|
|
969
|
+
},
|
|
970
|
+
"600": {
|
|
971
|
+
"value": "#007e45ff",
|
|
972
|
+
"type": "color",
|
|
973
|
+
"description": "hover (with click action)"
|
|
974
|
+
},
|
|
975
|
+
"700": {
|
|
976
|
+
"value": "#262626ff",
|
|
977
|
+
"type": "color",
|
|
978
|
+
"description": "open menu item (or hover non-clickable)"
|
|
979
|
+
},
|
|
980
|
+
"800": {
|
|
981
|
+
"value": "#262626ff",
|
|
982
|
+
"type": "color",
|
|
983
|
+
"description": "selected menu item (on parent with clickable action)"
|
|
984
|
+
}
|
|
974
985
|
},
|
|
975
|
-
"
|
|
976
|
-
"
|
|
977
|
-
|
|
986
|
+
"child": {
|
|
987
|
+
"300": {
|
|
988
|
+
"value": "#666666ff",
|
|
989
|
+
"type": "color",
|
|
990
|
+
"description": "menu divider"
|
|
991
|
+
},
|
|
992
|
+
"400": {
|
|
993
|
+
"value": "#4d4d4dff",
|
|
994
|
+
"type": "color",
|
|
995
|
+
"description": "selected menu button border (darker than divider)"
|
|
996
|
+
},
|
|
997
|
+
"500": {
|
|
998
|
+
"value": "#262626ff",
|
|
999
|
+
"type": "color",
|
|
1000
|
+
"description": "default menu button"
|
|
1001
|
+
},
|
|
1002
|
+
"600": {
|
|
1003
|
+
"value": "#007e45ff",
|
|
1004
|
+
"type": "color",
|
|
1005
|
+
"description": "hover (with click action)"
|
|
1006
|
+
},
|
|
1007
|
+
"700": {
|
|
1008
|
+
"value": "#262626ff",
|
|
1009
|
+
"type": "color",
|
|
1010
|
+
"description": "open menu item"
|
|
1011
|
+
},
|
|
1012
|
+
"800": {
|
|
1013
|
+
"value": "#262626ff",
|
|
1014
|
+
"type": "color",
|
|
1015
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
1016
|
+
}
|
|
978
1017
|
},
|
|
979
|
-
"
|
|
980
|
-
"
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
1018
|
+
"childAlt": {
|
|
1019
|
+
"300": {
|
|
1020
|
+
"value": "#666666ff",
|
|
1021
|
+
"type": "color",
|
|
1022
|
+
"description": "menu divider"
|
|
1023
|
+
},
|
|
1024
|
+
"400": {
|
|
1025
|
+
"value": "#4d4d4dff",
|
|
1026
|
+
"type": "color",
|
|
1027
|
+
"description": "selected menu button border"
|
|
1028
|
+
},
|
|
1029
|
+
"500": {
|
|
1030
|
+
"value": "#404040ff",
|
|
1031
|
+
"type": "color",
|
|
1032
|
+
"description": "default menu button"
|
|
1033
|
+
},
|
|
1034
|
+
"600": {
|
|
1035
|
+
"value": "#007e45ff",
|
|
1036
|
+
"type": "color",
|
|
1037
|
+
"description": "hover (with click action)"
|
|
1038
|
+
},
|
|
1039
|
+
"700": {
|
|
1040
|
+
"value": "#404040ff",
|
|
1041
|
+
"type": "color",
|
|
1042
|
+
"description": "open menu item"
|
|
1043
|
+
},
|
|
1044
|
+
"800": {
|
|
1045
|
+
"value": "#404040ff",
|
|
1046
|
+
"type": "color",
|
|
1047
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
1048
|
+
}
|
|
988
1049
|
}
|
|
989
|
-
}
|
|
990
|
-
},
|
|
991
|
-
"caution": {
|
|
992
|
-
"400": {
|
|
993
|
-
"value": "#f28533ff",
|
|
994
|
-
"type": "color"
|
|
995
|
-
},
|
|
996
|
-
"500": {
|
|
997
|
-
"value": "#ef6700ff",
|
|
998
|
-
"type": "color",
|
|
999
|
-
"description": "was #E96400"
|
|
1000
|
-
},
|
|
1001
|
-
"600": {
|
|
1002
|
-
"value": "#bf5200ff",
|
|
1003
|
-
"type": "color"
|
|
1004
|
-
},
|
|
1005
|
-
"650": {
|
|
1006
|
-
"value": "#a74800ff",
|
|
1007
|
-
"type": "color"
|
|
1008
|
-
},
|
|
1009
|
-
"transparent": {
|
|
1010
|
-
"value": "#00000000",
|
|
1011
|
-
"type": "color"
|
|
1012
1050
|
},
|
|
1013
1051
|
"yin": {
|
|
1014
|
-
"
|
|
1015
|
-
"value": "#
|
|
1016
|
-
"type": "color"
|
|
1017
|
-
},
|
|
1018
|
-
"055": {
|
|
1019
|
-
"value": "#0000008c",
|
|
1052
|
+
"100": {
|
|
1053
|
+
"value": "#000000ff",
|
|
1020
1054
|
"type": "color"
|
|
1021
1055
|
},
|
|
1022
1056
|
"065": {
|
|
@@ -1032,49 +1066,15 @@
|
|
|
1032
1066
|
"100": {
|
|
1033
1067
|
"value": "#ffffffff",
|
|
1034
1068
|
"type": "color"
|
|
1069
|
+
},
|
|
1070
|
+
"080": {
|
|
1071
|
+
"value": "#ffffffcc",
|
|
1072
|
+
"type": "color"
|
|
1035
1073
|
}
|
|
1036
|
-
}
|
|
1037
|
-
},
|
|
1038
|
-
"info": {
|
|
1039
|
-
"150": {
|
|
1040
|
-
"value": "#b3cfe5ff",
|
|
1041
|
-
"type": "color"
|
|
1042
|
-
},
|
|
1043
|
-
"500": {
|
|
1044
|
-
"value": "#0060a7ff",
|
|
1045
|
-
"type": "color"
|
|
1046
|
-
},
|
|
1047
|
-
"600": {
|
|
1048
|
-
"value": "#004d86ff",
|
|
1049
|
-
"type": "color"
|
|
1050
1074
|
},
|
|
1051
1075
|
"transparent": {
|
|
1052
1076
|
"value": "#00000000",
|
|
1053
1077
|
"type": "color"
|
|
1054
|
-
},
|
|
1055
|
-
"yin": {
|
|
1056
|
-
"030": {
|
|
1057
|
-
"value": "#0000004d",
|
|
1058
|
-
"type": "color"
|
|
1059
|
-
},
|
|
1060
|
-
"055": {
|
|
1061
|
-
"value": "#0000008c",
|
|
1062
|
-
"type": "color"
|
|
1063
|
-
},
|
|
1064
|
-
"065": {
|
|
1065
|
-
"value": "#000000a6",
|
|
1066
|
-
"type": "color"
|
|
1067
|
-
},
|
|
1068
|
-
"090": {
|
|
1069
|
-
"value": "#000000e6",
|
|
1070
|
-
"type": "color"
|
|
1071
|
-
}
|
|
1072
|
-
},
|
|
1073
|
-
"yang": {
|
|
1074
|
-
"100": {
|
|
1075
|
-
"value": "#ffffffff",
|
|
1076
|
-
"type": "color"
|
|
1077
|
-
}
|
|
1078
1078
|
}
|
|
1079
1079
|
}
|
|
1080
1080
|
}
|
|
@@ -1779,7 +1779,7 @@
|
|
|
1779
1779
|
"m": {
|
|
1780
1780
|
"value": {
|
|
1781
1781
|
"fontFamily": "Sage UI",
|
|
1782
|
-
"fontWeight": "
|
|
1782
|
+
"fontWeight": "Bold",
|
|
1783
1783
|
"lineHeight": "150%",
|
|
1784
1784
|
"fontSize": "14px",
|
|
1785
1785
|
"letterSpacing": "0%",
|
|
@@ -2654,19 +2654,6 @@
|
|
|
2654
2654
|
},
|
|
2655
2655
|
"profile": {
|
|
2656
2656
|
"emailText": {
|
|
2657
|
-
"xs": {
|
|
2658
|
-
"value": {
|
|
2659
|
-
"fontFamily": "Sage UI",
|
|
2660
|
-
"fontWeight": "Regular",
|
|
2661
|
-
"lineHeight": "100%",
|
|
2662
|
-
"fontSize": "12px",
|
|
2663
|
-
"letterSpacing": "0%",
|
|
2664
|
-
"paragraphSpacing": "0",
|
|
2665
|
-
"textDecoration": "none",
|
|
2666
|
-
"textCase": "none"
|
|
2667
|
-
},
|
|
2668
|
-
"type": "typography"
|
|
2669
|
-
},
|
|
2670
2657
|
"s": {
|
|
2671
2658
|
"value": {
|
|
2672
2659
|
"fontFamily": "Sage UI",
|
|
@@ -2747,19 +2734,6 @@
|
|
|
2747
2734
|
}
|
|
2748
2735
|
},
|
|
2749
2736
|
"emailLink": {
|
|
2750
|
-
"xs": {
|
|
2751
|
-
"value": {
|
|
2752
|
-
"fontFamily": "Sage UI",
|
|
2753
|
-
"fontWeight": "Regular",
|
|
2754
|
-
"lineHeight": "100%",
|
|
2755
|
-
"fontSize": "12px",
|
|
2756
|
-
"letterSpacing": "0%",
|
|
2757
|
-
"paragraphSpacing": "0",
|
|
2758
|
-
"textDecoration": "underline",
|
|
2759
|
-
"textCase": "none"
|
|
2760
|
-
},
|
|
2761
|
-
"type": "typography"
|
|
2762
|
-
},
|
|
2763
2737
|
"s": {
|
|
2764
2738
|
"value": {
|
|
2765
2739
|
"fontFamily": "Sage UI",
|
|
@@ -2840,19 +2814,6 @@
|
|
|
2840
2814
|
}
|
|
2841
2815
|
},
|
|
2842
2816
|
"initials": {
|
|
2843
|
-
"xs": {
|
|
2844
|
-
"value": {
|
|
2845
|
-
"fontFamily": "Sage UI",
|
|
2846
|
-
"fontWeight": "Medium",
|
|
2847
|
-
"lineHeight": "150%",
|
|
2848
|
-
"fontSize": "10px",
|
|
2849
|
-
"letterSpacing": "0%",
|
|
2850
|
-
"paragraphSpacing": "0",
|
|
2851
|
-
"textDecoration": "none",
|
|
2852
|
-
"textCase": "uppercase"
|
|
2853
|
-
},
|
|
2854
|
-
"type": "typography"
|
|
2855
|
-
},
|
|
2856
2817
|
"s": {
|
|
2857
2818
|
"value": {
|
|
2858
2819
|
"fontFamily": "Sage UI",
|
|
@@ -2934,19 +2895,6 @@
|
|
|
2934
2895
|
}
|
|
2935
2896
|
},
|
|
2936
2897
|
"name": {
|
|
2937
|
-
"xs": {
|
|
2938
|
-
"value": {
|
|
2939
|
-
"fontFamily": "Sage UI",
|
|
2940
|
-
"fontWeight": "Medium",
|
|
2941
|
-
"lineHeight": "100%",
|
|
2942
|
-
"fontSize": "13px",
|
|
2943
|
-
"letterSpacing": "0%",
|
|
2944
|
-
"paragraphSpacing": "0",
|
|
2945
|
-
"textDecoration": "none",
|
|
2946
|
-
"textCase": "none"
|
|
2947
|
-
},
|
|
2948
|
-
"type": "typography"
|
|
2949
|
-
},
|
|
2950
2898
|
"s": {
|
|
2951
2899
|
"value": {
|
|
2952
2900
|
"fontFamily": "Sage UI",
|
|
@@ -3070,23 +3018,6 @@
|
|
|
3070
3018
|
}
|
|
3071
3019
|
}
|
|
3072
3020
|
},
|
|
3073
|
-
"search": {
|
|
3074
|
-
"label": {
|
|
3075
|
-
"m": {
|
|
3076
|
-
"value": {
|
|
3077
|
-
"fontFamily": "Sage UI",
|
|
3078
|
-
"fontWeight": "Regular",
|
|
3079
|
-
"lineHeight": "150%",
|
|
3080
|
-
"fontSize": "14px",
|
|
3081
|
-
"letterSpacing": "0%",
|
|
3082
|
-
"paragraphSpacing": "0px",
|
|
3083
|
-
"textDecoration": "none",
|
|
3084
|
-
"textCase": "none"
|
|
3085
|
-
},
|
|
3086
|
-
"type": "typography"
|
|
3087
|
-
}
|
|
3088
|
-
}
|
|
3089
|
-
},
|
|
3090
3021
|
"sidebar": {
|
|
3091
3022
|
"title": {
|
|
3092
3023
|
"xs": {
|