@sage/design-tokens 2.16.0 → 2.19.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 +26 -21
- package/css/base.css +26 -21
- package/data/tokens.json +110 -85
- package/docs/tokens/base/colors/index.html +249 -144
- package/docs/tokens/base/index.html +249 -144
- package/docs/tokens/index.html +249 -144
- package/ios/base.h +26 -21
- package/js/base/common.d.ts +25 -20
- package/js/base/common.js +26 -21
- package/js/base/es6.d.ts +25 -20
- package/js/base/es6.js +25 -20
- package/package.json +1 -1
- package/sage-design-tokens-2.19.0.tgz +0 -0
- package/scss/base.scss +26 -21
- package/sage-design-tokens-2.16.0.tgz +0 -0
package/android/base.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Fri, 08 Apr 2022 10:20:57 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
<string name="colorsYang100">#ffffffff</string>
|
|
18
18
|
<string name="colorsYang030">#ffffff4d</string>
|
|
19
19
|
<string name="colorsYang080">#ffffffcc</string>
|
|
20
|
+
<string name="colorsGray600">#666666ff</string>
|
|
20
21
|
<string name="colorsGray700">#4d4d4dff</string>
|
|
21
22
|
<string name="colorsGray750">#404040ff</string>
|
|
22
23
|
<string name="colorsGray850">#262626ff</string>
|
|
@@ -46,9 +47,11 @@
|
|
|
46
47
|
<string name="colorsComponentsMenuSummerStandard600">#007e45ff</string>
|
|
47
48
|
<string name="colorsComponentsMenuSummerStandard700">#e6ebedff</string>
|
|
48
49
|
<string name="colorsComponentsMenuSummerStandard800">#e6ebedff</string>
|
|
50
|
+
<string name="colorsComponentsMenuSummerParent400">#ccd6dbff</string>
|
|
49
51
|
<string name="colorsComponentsMenuSummerParent500">#ffffffff</string>
|
|
50
52
|
<string name="colorsComponentsMenuSummerParent600">#007e45ff</string>
|
|
51
53
|
<string name="colorsComponentsMenuSummerParent700">#e6ebedff</string>
|
|
54
|
+
<string name="colorsComponentsMenuSummerParent800">#e6ebedff</string>
|
|
52
55
|
<string name="colorsComponentsMenuSummerChild300">#b3c2c9ff</string>
|
|
53
56
|
<string name="colorsComponentsMenuSummerChild400">#ccd6dbff</string>
|
|
54
57
|
<string name="colorsComponentsMenuSummerChild500">#e6ebedff</string>
|
|
@@ -61,26 +64,6 @@
|
|
|
61
64
|
<string name="colorsComponentsMenuSummerChildAlt600">#007e45ff</string>
|
|
62
65
|
<string name="colorsComponentsMenuSummerChildAlt700">#d9e0e4ff</string>
|
|
63
66
|
<string name="colorsComponentsMenuSummerChildAlt800">#d9e0e4ff</string>
|
|
64
|
-
<string name="colorsComponentsMenuWinterChild300">#4d4d4dff</string>
|
|
65
|
-
<string name="colorsComponentsMenuWinterChild400">#ff00ffff</string>
|
|
66
|
-
<string name="colorsComponentsMenuWinterChild500">#262626ff</string>
|
|
67
|
-
<string name="colorsComponentsMenuWinterChild600">#007e45ff</string>
|
|
68
|
-
<string name="colorsComponentsMenuWinterChild700">#262626ff</string>
|
|
69
|
-
<string name="colorsComponentsMenuWinterChild800">#262626ff</string>
|
|
70
|
-
<string name="colorsComponentsMenuWinterChildAlt300">#4d4d4dff</string>
|
|
71
|
-
<string name="colorsComponentsMenuWinterChildAlt400">#ff00ffff</string>
|
|
72
|
-
<string name="colorsComponentsMenuWinterChildAlt500">#404040ff</string>
|
|
73
|
-
<string name="colorsComponentsMenuWinterChildAlt600">#007e45ff</string>
|
|
74
|
-
<string name="colorsComponentsMenuWinterChildAlt700">#404040ff</string>
|
|
75
|
-
<string name="colorsComponentsMenuWinterChildAlt800">#404040ff</string>
|
|
76
|
-
<string name="colorsComponentsMenuWinterStandard400">#ff00ffff</string>
|
|
77
|
-
<string name="colorsComponentsMenuWinterStandard500">#000000ff</string>
|
|
78
|
-
<string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
|
|
79
|
-
<string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
|
|
80
|
-
<string name="colorsComponentsMenuWinterStandard800">#262626ff</string>
|
|
81
|
-
<string name="colorsComponentsMenuWinterParent500">#000000ff</string>
|
|
82
|
-
<string name="colorsComponentsMenuWinterParent600">#007e45ff</string>
|
|
83
|
-
<string name="colorsComponentsMenuWinterParent700">#262626ff</string>
|
|
84
67
|
<string name="colorsComponentsMenuAutumnStandard500">#00324cff</string>
|
|
85
68
|
<string name="colorsComponentsMenuAutumnStandard600">#007e45ff</string>
|
|
86
69
|
<string name="colorsComponentsMenuAutumnStandard700">#19475eff</string>
|
|
@@ -93,6 +76,28 @@
|
|
|
93
76
|
<string name="colorsComponentsMenuAutumnChildAlt400">#19475eff</string>
|
|
94
77
|
<string name="colorsComponentsMenuAutumnChildAlt500">#00324cff</string>
|
|
95
78
|
<string name="colorsComponentsMenuAutumnChildAlt600">#007e45ff</string>
|
|
79
|
+
<string name="colorsComponentsMenuWinterStandard400">#4d4d4dff</string>
|
|
80
|
+
<string name="colorsComponentsMenuWinterStandard500">#000000ff</string>
|
|
81
|
+
<string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
|
|
82
|
+
<string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
|
|
83
|
+
<string name="colorsComponentsMenuWinterStandard800">#262626ff</string>
|
|
84
|
+
<string name="colorsComponentsMenuWinterParent400">#4d4d4dff</string>
|
|
85
|
+
<string name="colorsComponentsMenuWinterParent500">#000000ff</string>
|
|
86
|
+
<string name="colorsComponentsMenuWinterParent600">#007e45ff</string>
|
|
87
|
+
<string name="colorsComponentsMenuWinterParent700">#262626ff</string>
|
|
88
|
+
<string name="colorsComponentsMenuWinterParent800">#262626ff</string>
|
|
89
|
+
<string name="colorsComponentsMenuWinterChild300">#666666ff</string>
|
|
90
|
+
<string name="colorsComponentsMenuWinterChild400">#4d4d4dff</string>
|
|
91
|
+
<string name="colorsComponentsMenuWinterChild500">#262626ff</string>
|
|
92
|
+
<string name="colorsComponentsMenuWinterChild600">#007e45ff</string>
|
|
93
|
+
<string name="colorsComponentsMenuWinterChild700">#262626ff</string>
|
|
94
|
+
<string name="colorsComponentsMenuWinterChild800">#262626ff</string>
|
|
95
|
+
<string name="colorsComponentsMenuWinterChildAlt300">#666666ff</string>
|
|
96
|
+
<string name="colorsComponentsMenuWinterChildAlt400">#4d4d4dff</string>
|
|
97
|
+
<string name="colorsComponentsMenuWinterChildAlt500">#404040ff</string>
|
|
98
|
+
<string name="colorsComponentsMenuWinterChildAlt600">#007e45ff</string>
|
|
99
|
+
<string name="colorsComponentsMenuWinterChildAlt700">#404040ff</string>
|
|
100
|
+
<string name="colorsComponentsMenuWinterChildAlt800">#404040ff</string>
|
|
96
101
|
<string name="colorsComponentsMenuYin100">#000000ff</string>
|
|
97
102
|
<string name="colorsComponentsMenuYin065">#000000a6</string>
|
|
98
103
|
<string name="colorsComponentsMenuYin090">#000000e6</string>
|
package/css/base.css
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Fri, 08 Apr 2022 10:20:57 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -20,6 +20,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
20
20
|
--colorsYang100: #ffffffff;
|
|
21
21
|
--colorsYang030: #ffffff4d;
|
|
22
22
|
--colorsYang080: #ffffffcc;
|
|
23
|
+
--colorsGray600: #666666ff;
|
|
23
24
|
--colorsGray700: #4d4d4dff;
|
|
24
25
|
--colorsGray750: #404040ff;
|
|
25
26
|
--colorsGray850: #262626ff;
|
|
@@ -49,9 +50,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
49
50
|
--colorsComponentsMenuSummerStandard600: #007e45ff;
|
|
50
51
|
--colorsComponentsMenuSummerStandard700: #e6ebedff;
|
|
51
52
|
--colorsComponentsMenuSummerStandard800: #e6ebedff;
|
|
53
|
+
--colorsComponentsMenuSummerParent400: #ccd6dbff;
|
|
52
54
|
--colorsComponentsMenuSummerParent500: #ffffffff;
|
|
53
55
|
--colorsComponentsMenuSummerParent600: #007e45ff;
|
|
54
56
|
--colorsComponentsMenuSummerParent700: #e6ebedff;
|
|
57
|
+
--colorsComponentsMenuSummerParent800: #e6ebedff;
|
|
55
58
|
--colorsComponentsMenuSummerChild300: #b3c2c9ff;
|
|
56
59
|
--colorsComponentsMenuSummerChild400: #ccd6dbff;
|
|
57
60
|
--colorsComponentsMenuSummerChild500: #e6ebedff;
|
|
@@ -64,26 +67,6 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
64
67
|
--colorsComponentsMenuSummerChildAlt600: #007e45ff;
|
|
65
68
|
--colorsComponentsMenuSummerChildAlt700: #d9e0e4ff;
|
|
66
69
|
--colorsComponentsMenuSummerChildAlt800: #d9e0e4ff;
|
|
67
|
-
--colorsComponentsMenuWinterChild300: #4d4d4dff;
|
|
68
|
-
--colorsComponentsMenuWinterChild400: #ff00ffff;
|
|
69
|
-
--colorsComponentsMenuWinterChild500: #262626ff;
|
|
70
|
-
--colorsComponentsMenuWinterChild600: #007e45ff;
|
|
71
|
-
--colorsComponentsMenuWinterChild700: #262626ff;
|
|
72
|
-
--colorsComponentsMenuWinterChild800: #262626ff;
|
|
73
|
-
--colorsComponentsMenuWinterChildAlt300: #4d4d4dff;
|
|
74
|
-
--colorsComponentsMenuWinterChildAlt400: #ff00ffff;
|
|
75
|
-
--colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
76
|
-
--colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
77
|
-
--colorsComponentsMenuWinterChildAlt700: #404040ff;
|
|
78
|
-
--colorsComponentsMenuWinterChildAlt800: #404040ff;
|
|
79
|
-
--colorsComponentsMenuWinterStandard400: #ff00ffff;
|
|
80
|
-
--colorsComponentsMenuWinterStandard500: #000000ff;
|
|
81
|
-
--colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
82
|
-
--colorsComponentsMenuWinterStandard700: #262626ff;
|
|
83
|
-
--colorsComponentsMenuWinterStandard800: #262626ff;
|
|
84
|
-
--colorsComponentsMenuWinterParent500: #000000ff;
|
|
85
|
-
--colorsComponentsMenuWinterParent600: #007e45ff;
|
|
86
|
-
--colorsComponentsMenuWinterParent700: #262626ff;
|
|
87
70
|
--colorsComponentsMenuAutumnStandard500: #00324cff;
|
|
88
71
|
--colorsComponentsMenuAutumnStandard600: #007e45ff;
|
|
89
72
|
--colorsComponentsMenuAutumnStandard700: #19475eff;
|
|
@@ -96,6 +79,28 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
96
79
|
--colorsComponentsMenuAutumnChildAlt400: #19475eff;
|
|
97
80
|
--colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
98
81
|
--colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
82
|
+
--colorsComponentsMenuWinterStandard400: #4d4d4dff;
|
|
83
|
+
--colorsComponentsMenuWinterStandard500: #000000ff;
|
|
84
|
+
--colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
85
|
+
--colorsComponentsMenuWinterStandard700: #262626ff;
|
|
86
|
+
--colorsComponentsMenuWinterStandard800: #262626ff;
|
|
87
|
+
--colorsComponentsMenuWinterParent400: #4d4d4dff;
|
|
88
|
+
--colorsComponentsMenuWinterParent500: #000000ff;
|
|
89
|
+
--colorsComponentsMenuWinterParent600: #007e45ff;
|
|
90
|
+
--colorsComponentsMenuWinterParent700: #262626ff;
|
|
91
|
+
--colorsComponentsMenuWinterParent800: #262626ff;
|
|
92
|
+
--colorsComponentsMenuWinterChild300: #666666ff;
|
|
93
|
+
--colorsComponentsMenuWinterChild400: #4d4d4dff;
|
|
94
|
+
--colorsComponentsMenuWinterChild500: #262626ff;
|
|
95
|
+
--colorsComponentsMenuWinterChild600: #007e45ff;
|
|
96
|
+
--colorsComponentsMenuWinterChild700: #262626ff;
|
|
97
|
+
--colorsComponentsMenuWinterChild800: #262626ff;
|
|
98
|
+
--colorsComponentsMenuWinterChildAlt300: #666666ff;
|
|
99
|
+
--colorsComponentsMenuWinterChildAlt400: #4d4d4dff;
|
|
100
|
+
--colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
101
|
+
--colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
102
|
+
--colorsComponentsMenuWinterChildAlt700: #404040ff;
|
|
103
|
+
--colorsComponentsMenuWinterChildAlt800: #404040ff;
|
|
99
104
|
--colorsComponentsMenuYin100: #000000ff;
|
|
100
105
|
--colorsComponentsMenuYin065: #000000a6;
|
|
101
106
|
--colorsComponentsMenuYin090: #000000e6;
|
package/data/tokens.json
CHANGED
|
@@ -66,6 +66,11 @@
|
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
"gray": {
|
|
69
|
+
"600": {
|
|
70
|
+
"value": "#666666ff",
|
|
71
|
+
"type": "color",
|
|
72
|
+
"description": "origin"
|
|
73
|
+
},
|
|
69
74
|
"700": {
|
|
70
75
|
"value": "#4d4d4dff",
|
|
71
76
|
"type": "color",
|
|
@@ -220,6 +225,11 @@
|
|
|
220
225
|
}
|
|
221
226
|
},
|
|
222
227
|
"parent": {
|
|
228
|
+
"400": {
|
|
229
|
+
"value": "#ccd6dbff",
|
|
230
|
+
"type": "color",
|
|
231
|
+
"description": "selected menu button border (on parent with clickable action)"
|
|
232
|
+
},
|
|
223
233
|
"500": {
|
|
224
234
|
"value": "#ffffffff",
|
|
225
235
|
"type": "color",
|
|
@@ -234,6 +244,11 @@
|
|
|
234
244
|
"value": "#e6ebedff",
|
|
235
245
|
"type": "color",
|
|
236
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)"
|
|
237
252
|
}
|
|
238
253
|
},
|
|
239
254
|
"child": {
|
|
@@ -301,76 +316,73 @@
|
|
|
301
316
|
}
|
|
302
317
|
}
|
|
303
318
|
},
|
|
304
|
-
"
|
|
305
|
-
"
|
|
306
|
-
"
|
|
307
|
-
"value": "#
|
|
308
|
-
"type": "color"
|
|
309
|
-
"description": "menu divider"
|
|
319
|
+
"autumn": {
|
|
320
|
+
"standard": {
|
|
321
|
+
"500": {
|
|
322
|
+
"value": "#00324cff",
|
|
323
|
+
"type": "color"
|
|
310
324
|
},
|
|
311
|
-
"
|
|
312
|
-
"value": "#
|
|
313
|
-
"type": "color"
|
|
314
|
-
"description": "TBD selected menu button border (darker than divider)"
|
|
325
|
+
"600": {
|
|
326
|
+
"value": "#007e45ff",
|
|
327
|
+
"type": "color"
|
|
315
328
|
},
|
|
316
|
-
"
|
|
317
|
-
"value": "#
|
|
329
|
+
"700": {
|
|
330
|
+
"value": "#19475eff",
|
|
318
331
|
"type": "color",
|
|
319
|
-
"description": "
|
|
332
|
+
"description": ""
|
|
333
|
+
}
|
|
334
|
+
},
|
|
335
|
+
"parent": {
|
|
336
|
+
"500": {
|
|
337
|
+
"value": "#00324cff",
|
|
338
|
+
"type": "color"
|
|
320
339
|
},
|
|
321
340
|
"600": {
|
|
322
341
|
"value": "#007e45ff",
|
|
323
342
|
"type": "color",
|
|
324
|
-
"description": "
|
|
343
|
+
"description": ""
|
|
325
344
|
},
|
|
326
345
|
"700": {
|
|
327
|
-
"value": "#
|
|
328
|
-
"type": "color",
|
|
329
|
-
"description": "open menu item"
|
|
330
|
-
},
|
|
331
|
-
"800": {
|
|
332
|
-
"value": "#262626ff",
|
|
346
|
+
"value": "#19475eff",
|
|
333
347
|
"type": "color",
|
|
334
|
-
"description": "
|
|
348
|
+
"description": ""
|
|
335
349
|
}
|
|
336
350
|
},
|
|
337
|
-
"
|
|
338
|
-
"300": {
|
|
339
|
-
"value": "#4d4d4dff",
|
|
340
|
-
"type": "color",
|
|
341
|
-
"description": "menu divider"
|
|
342
|
-
},
|
|
351
|
+
"child": {
|
|
343
352
|
"400": {
|
|
344
|
-
"value": "#
|
|
345
|
-
"type": "color"
|
|
346
|
-
"description": "TBD selected menu button border"
|
|
353
|
+
"value": "#19475eff",
|
|
354
|
+
"type": "color"
|
|
347
355
|
},
|
|
348
356
|
"500": {
|
|
349
|
-
"value": "#
|
|
350
|
-
"type": "color"
|
|
351
|
-
"description": "default menu button"
|
|
357
|
+
"value": "#001926ff",
|
|
358
|
+
"type": "color"
|
|
352
359
|
},
|
|
353
360
|
"600": {
|
|
354
361
|
"value": "#007e45ff",
|
|
355
|
-
"type": "color"
|
|
356
|
-
|
|
362
|
+
"type": "color"
|
|
363
|
+
}
|
|
364
|
+
},
|
|
365
|
+
"childAlt": {
|
|
366
|
+
"400": {
|
|
367
|
+
"value": "#19475eff",
|
|
368
|
+
"type": "color"
|
|
357
369
|
},
|
|
358
|
-
"
|
|
359
|
-
"value": "#
|
|
360
|
-
"type": "color"
|
|
361
|
-
"description": "open menu item"
|
|
370
|
+
"500": {
|
|
371
|
+
"value": "#00324cff",
|
|
372
|
+
"type": "color"
|
|
362
373
|
},
|
|
363
|
-
"
|
|
364
|
-
"value": "#
|
|
365
|
-
"type": "color"
|
|
366
|
-
"description": "selected menu button bg (use with 400 border)"
|
|
374
|
+
"600": {
|
|
375
|
+
"value": "#007e45ff",
|
|
376
|
+
"type": "color"
|
|
367
377
|
}
|
|
368
|
-
}
|
|
378
|
+
}
|
|
379
|
+
},
|
|
380
|
+
"winter": {
|
|
369
381
|
"standard": {
|
|
370
382
|
"400": {
|
|
371
|
-
"value": "#
|
|
383
|
+
"value": "#4d4d4dff",
|
|
372
384
|
"type": "color",
|
|
373
|
-
"description": "
|
|
385
|
+
"description": "selected menu button border"
|
|
374
386
|
},
|
|
375
387
|
"500": {
|
|
376
388
|
"value": "#000000ff",
|
|
@@ -394,6 +406,11 @@
|
|
|
394
406
|
}
|
|
395
407
|
},
|
|
396
408
|
"parent": {
|
|
409
|
+
"400": {
|
|
410
|
+
"value": "#4d4d4dff",
|
|
411
|
+
"type": "color",
|
|
412
|
+
"description": "selected menu button border (for parent with clickable action)"
|
|
413
|
+
},
|
|
397
414
|
"500": {
|
|
398
415
|
"value": "#000000ff",
|
|
399
416
|
"type": "color",
|
|
@@ -408,67 +425,75 @@
|
|
|
408
425
|
"value": "#262626ff",
|
|
409
426
|
"type": "color",
|
|
410
427
|
"description": "open menu item (or hover non-clickable)"
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
},
|
|
414
|
-
"autumn": {
|
|
415
|
-
"standard": {
|
|
416
|
-
"500": {
|
|
417
|
-
"value": "#00324cff",
|
|
418
|
-
"type": "color"
|
|
419
428
|
},
|
|
420
|
-
"
|
|
421
|
-
"value": "#
|
|
422
|
-
"type": "color"
|
|
423
|
-
},
|
|
424
|
-
"700": {
|
|
425
|
-
"value": "#19475eff",
|
|
429
|
+
"800": {
|
|
430
|
+
"value": "#262626ff",
|
|
426
431
|
"type": "color",
|
|
427
|
-
"description": ""
|
|
432
|
+
"description": "selected menu item (on parent with clickable action)"
|
|
428
433
|
}
|
|
429
434
|
},
|
|
430
|
-
"
|
|
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
|
+
},
|
|
431
446
|
"500": {
|
|
432
|
-
"value": "#
|
|
433
|
-
"type": "color"
|
|
447
|
+
"value": "#262626ff",
|
|
448
|
+
"type": "color",
|
|
449
|
+
"description": "default menu button"
|
|
434
450
|
},
|
|
435
451
|
"600": {
|
|
436
452
|
"value": "#007e45ff",
|
|
437
453
|
"type": "color",
|
|
438
|
-
"description": ""
|
|
454
|
+
"description": "hover (with click action)"
|
|
439
455
|
},
|
|
440
456
|
"700": {
|
|
441
|
-
"value": "#
|
|
457
|
+
"value": "#262626ff",
|
|
442
458
|
"type": "color",
|
|
443
|
-
"description": ""
|
|
444
|
-
}
|
|
445
|
-
},
|
|
446
|
-
"child": {
|
|
447
|
-
"400": {
|
|
448
|
-
"value": "#19475eff",
|
|
449
|
-
"type": "color"
|
|
450
|
-
},
|
|
451
|
-
"500": {
|
|
452
|
-
"value": "#001926ff",
|
|
453
|
-
"type": "color"
|
|
459
|
+
"description": "open menu item"
|
|
454
460
|
},
|
|
455
|
-
"
|
|
456
|
-
"value": "#
|
|
457
|
-
"type": "color"
|
|
461
|
+
"800": {
|
|
462
|
+
"value": "#262626ff",
|
|
463
|
+
"type": "color",
|
|
464
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
458
465
|
}
|
|
459
466
|
},
|
|
460
467
|
"childAlt": {
|
|
468
|
+
"300": {
|
|
469
|
+
"value": "#666666ff",
|
|
470
|
+
"type": "color",
|
|
471
|
+
"description": "menu divider"
|
|
472
|
+
},
|
|
461
473
|
"400": {
|
|
462
|
-
"value": "#
|
|
463
|
-
"type": "color"
|
|
474
|
+
"value": "#4d4d4dff",
|
|
475
|
+
"type": "color",
|
|
476
|
+
"description": "selected menu button border"
|
|
464
477
|
},
|
|
465
478
|
"500": {
|
|
466
|
-
"value": "#
|
|
467
|
-
"type": "color"
|
|
479
|
+
"value": "#404040ff",
|
|
480
|
+
"type": "color",
|
|
481
|
+
"description": "default menu button"
|
|
468
482
|
},
|
|
469
483
|
"600": {
|
|
470
484
|
"value": "#007e45ff",
|
|
471
|
-
"type": "color"
|
|
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)"
|
|
472
497
|
}
|
|
473
498
|
}
|
|
474
499
|
},
|