@sage/design-tokens 2.14.0 → 2.17.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 +14 -5
- package/css/base.css +14 -5
- package/data/tokens.json +84 -19
- package/docs/tokens/base/colors/index.html +176 -8
- package/docs/tokens/base/index.html +197 -8
- package/docs/tokens/base/typography/index.html +21 -0
- package/docs/tokens/index.html +197 -8
- package/ios/base.h +14 -5
- package/js/base/common.d.ts +9 -0
- package/js/base/common.js +14 -5
- package/js/base/es6.d.ts +9 -0
- package/js/base/es6.js +13 -4
- package/package.json +1 -1
- package/sage-design-tokens-2.17.0.tgz +0 -0
- package/scss/base.scss +14 -5
- package/sage-design-tokens-2.14.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 Thu, 07 Apr 2022 11:06:14 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -73,18 +73,26 @@
|
|
|
73
73
|
<string name="colorsComponentsMenuAutumnChildAlt400">#19475eff</string>
|
|
74
74
|
<string name="colorsComponentsMenuAutumnChildAlt500">#00324cff</string>
|
|
75
75
|
<string name="colorsComponentsMenuAutumnChildAlt600">#007e45ff</string>
|
|
76
|
+
<string name="colorsComponentsMenuWinterStandard400">#ff00ffff</string>
|
|
76
77
|
<string name="colorsComponentsMenuWinterStandard500">#000000ff</string>
|
|
77
78
|
<string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
|
|
78
79
|
<string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
|
|
80
|
+
<string name="colorsComponentsMenuWinterStandard800">#262626ff</string>
|
|
79
81
|
<string name="colorsComponentsMenuWinterParent500">#000000ff</string>
|
|
80
82
|
<string name="colorsComponentsMenuWinterParent600">#007e45ff</string>
|
|
81
83
|
<string name="colorsComponentsMenuWinterParent700">#262626ff</string>
|
|
82
|
-
<string name="
|
|
83
|
-
<string name="
|
|
84
|
+
<string name="colorsComponentsMenuWinterChild300">#4d4d4dff</string>
|
|
85
|
+
<string name="colorsComponentsMenuWinterChild400">#ff00ffff</string>
|
|
86
|
+
<string name="colorsComponentsMenuWinterChild500">#262626ff</string>
|
|
84
87
|
<string name="colorsComponentsMenuWinterChild600">#007e45ff</string>
|
|
85
|
-
<string name="
|
|
86
|
-
<string name="
|
|
88
|
+
<string name="colorsComponentsMenuWinterChild700">#262626ff</string>
|
|
89
|
+
<string name="colorsComponentsMenuWinterChild800">#262626ff</string>
|
|
90
|
+
<string name="colorsComponentsMenuWinterChildAlt300">#4d4d4dff</string>
|
|
91
|
+
<string name="colorsComponentsMenuWinterChildAlt400">#ff00ffff</string>
|
|
92
|
+
<string name="colorsComponentsMenuWinterChildAlt500">#404040ff</string>
|
|
87
93
|
<string name="colorsComponentsMenuWinterChildAlt600">#007e45ff</string>
|
|
94
|
+
<string name="colorsComponentsMenuWinterChildAlt700">#404040ff</string>
|
|
95
|
+
<string name="colorsComponentsMenuWinterChildAlt800">#404040ff</string>
|
|
88
96
|
<string name="colorsComponentsMenuYin100">#000000ff</string>
|
|
89
97
|
<string name="colorsComponentsMenuYin065">#000000a6</string>
|
|
90
98
|
<string name="colorsComponentsMenuYin090">#000000e6</string>
|
|
@@ -293,6 +301,7 @@
|
|
|
293
301
|
<string name="typographyButtonLabelS">Bold 14px/150% Sage UI</string>
|
|
294
302
|
<string name="typographyButtonLabelM">Bold 14px/150% Sage UI</string>
|
|
295
303
|
<string name="typographyButtonLabelL">Bold 16px/150% Sage UI</string>
|
|
304
|
+
<string name="typographyCardParagraphM">Regular 14px/150% Sage UI</string>
|
|
296
305
|
<string name="typographyCardSelectTitleM">Bold 16px/150% Sage UI</string>
|
|
297
306
|
<string name="typographyCardSelectSubtitleM">Medium 14px/150% Sage UI</string>
|
|
298
307
|
<string name="typographyCardSelectParagraphM">Regular 14px/150% Sage UI</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 Thu, 07 Apr 2022 11:06:14 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -76,18 +76,26 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
76
76
|
--colorsComponentsMenuAutumnChildAlt400: #19475eff;
|
|
77
77
|
--colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
78
78
|
--colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
79
|
+
--colorsComponentsMenuWinterStandard400: #ff00ffff;
|
|
79
80
|
--colorsComponentsMenuWinterStandard500: #000000ff;
|
|
80
81
|
--colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
81
82
|
--colorsComponentsMenuWinterStandard700: #262626ff;
|
|
83
|
+
--colorsComponentsMenuWinterStandard800: #262626ff;
|
|
82
84
|
--colorsComponentsMenuWinterParent500: #000000ff;
|
|
83
85
|
--colorsComponentsMenuWinterParent600: #007e45ff;
|
|
84
86
|
--colorsComponentsMenuWinterParent700: #262626ff;
|
|
85
|
-
--
|
|
86
|
-
--
|
|
87
|
+
--colorsComponentsMenuWinterChild300: #4d4d4dff;
|
|
88
|
+
--colorsComponentsMenuWinterChild400: #ff00ffff;
|
|
89
|
+
--colorsComponentsMenuWinterChild500: #262626ff;
|
|
87
90
|
--colorsComponentsMenuWinterChild600: #007e45ff;
|
|
88
|
-
--
|
|
89
|
-
--
|
|
91
|
+
--colorsComponentsMenuWinterChild700: #262626ff;
|
|
92
|
+
--colorsComponentsMenuWinterChild800: #262626ff;
|
|
93
|
+
--colorsComponentsMenuWinterChildAlt300: #4d4d4dff;
|
|
94
|
+
--colorsComponentsMenuWinterChildAlt400: #ff00ffff;
|
|
95
|
+
--colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
90
96
|
--colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
97
|
+
--colorsComponentsMenuWinterChildAlt700: #404040ff;
|
|
98
|
+
--colorsComponentsMenuWinterChildAlt800: #404040ff;
|
|
91
99
|
--colorsComponentsMenuYin100: #000000ff;
|
|
92
100
|
--colorsComponentsMenuYin065: #000000a6;
|
|
93
101
|
--colorsComponentsMenuYin090: #000000e6;
|
|
@@ -296,6 +304,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
296
304
|
--typographyButtonLabelS: 700 14px/150% Sage UI;
|
|
297
305
|
--typographyButtonLabelM: 700 14px/150% Sage UI;
|
|
298
306
|
--typographyButtonLabelL: 700 16px/150% Sage UI;
|
|
307
|
+
--typographyCardParagraphM: 400 14px/150% Sage UI;
|
|
299
308
|
--typographyCardSelectTitleM: 700 16px/150% Sage UI;
|
|
300
309
|
--typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
|
|
301
310
|
--typographyCardSelectParagraphM: 400 14px/150% Sage UI;
|
package/data/tokens.json
CHANGED
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
"400": {
|
|
197
197
|
"value": "#ccd6dbff",
|
|
198
198
|
"type": "color",
|
|
199
|
-
"description": "menu button border"
|
|
199
|
+
"description": "selected menu button border"
|
|
200
200
|
},
|
|
201
201
|
"500": {
|
|
202
202
|
"value": "#ffffffff",
|
|
@@ -245,7 +245,7 @@
|
|
|
245
245
|
"400": {
|
|
246
246
|
"value": "#ccd6dbff",
|
|
247
247
|
"type": "color",
|
|
248
|
-
"description": "menu button border"
|
|
248
|
+
"description": "selected menu button border"
|
|
249
249
|
},
|
|
250
250
|
"500": {
|
|
251
251
|
"value": "#e6ebedff",
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
"400": {
|
|
278
278
|
"value": "#ccd6dbff",
|
|
279
279
|
"type": "color",
|
|
280
|
-
"description": "menu button border"
|
|
280
|
+
"description": "selected menu button border"
|
|
281
281
|
},
|
|
282
282
|
"500": {
|
|
283
283
|
"value": "#d9e0e4ff",
|
|
@@ -364,63 +364,111 @@
|
|
|
364
364
|
},
|
|
365
365
|
"winter": {
|
|
366
366
|
"standard": {
|
|
367
|
+
"400": {
|
|
368
|
+
"value": "#ff00ffff",
|
|
369
|
+
"type": "color",
|
|
370
|
+
"description": "to be decided. selected menu button border"
|
|
371
|
+
},
|
|
367
372
|
"500": {
|
|
368
373
|
"value": "#000000ff",
|
|
369
374
|
"type": "color",
|
|
370
|
-
"description": ""
|
|
375
|
+
"description": "default menu button"
|
|
371
376
|
},
|
|
372
377
|
"600": {
|
|
373
378
|
"value": "#007e45ff",
|
|
374
|
-
"type": "color"
|
|
379
|
+
"type": "color",
|
|
380
|
+
"description": "hover (with click action)"
|
|
375
381
|
},
|
|
376
382
|
"700": {
|
|
377
383
|
"value": "#262626ff",
|
|
378
384
|
"type": "color",
|
|
379
|
-
"description": ""
|
|
385
|
+
"description": "TO BE REMOVED"
|
|
386
|
+
},
|
|
387
|
+
"800": {
|
|
388
|
+
"value": "#262626ff",
|
|
389
|
+
"type": "color",
|
|
390
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
380
391
|
}
|
|
381
392
|
},
|
|
382
393
|
"parent": {
|
|
383
394
|
"500": {
|
|
384
395
|
"value": "#000000ff",
|
|
385
|
-
"type": "color"
|
|
396
|
+
"type": "color",
|
|
397
|
+
"description": "default menu button"
|
|
386
398
|
},
|
|
387
399
|
"600": {
|
|
388
400
|
"value": "#007e45ff",
|
|
389
|
-
"type": "color"
|
|
401
|
+
"type": "color",
|
|
402
|
+
"description": "hover (with click action)"
|
|
390
403
|
},
|
|
391
404
|
"700": {
|
|
392
405
|
"value": "#262626ff",
|
|
393
406
|
"type": "color",
|
|
394
|
-
"description": ""
|
|
407
|
+
"description": "open menu item (or hover non-clickable)"
|
|
395
408
|
}
|
|
396
409
|
},
|
|
397
410
|
"child": {
|
|
411
|
+
"300": {
|
|
412
|
+
"value": "#4d4d4dff",
|
|
413
|
+
"type": "color",
|
|
414
|
+
"description": "menu divider"
|
|
415
|
+
},
|
|
398
416
|
"400": {
|
|
399
|
-
"value": "#
|
|
400
|
-
"type": "color"
|
|
417
|
+
"value": "#ff00ffff",
|
|
418
|
+
"type": "color",
|
|
419
|
+
"description": "TBD selected menu button border (darker than divider)"
|
|
401
420
|
},
|
|
402
421
|
"500": {
|
|
403
|
-
"value": "#
|
|
404
|
-
"type": "color"
|
|
422
|
+
"value": "#262626ff",
|
|
423
|
+
"type": "color",
|
|
424
|
+
"description": "default menu button"
|
|
405
425
|
},
|
|
406
426
|
"600": {
|
|
407
427
|
"value": "#007e45ff",
|
|
408
|
-
"type": "color"
|
|
428
|
+
"type": "color",
|
|
429
|
+
"description": "hover (with click action)"
|
|
430
|
+
},
|
|
431
|
+
"700": {
|
|
432
|
+
"value": "#262626ff",
|
|
433
|
+
"type": "color",
|
|
434
|
+
"description": "open menu item"
|
|
435
|
+
},
|
|
436
|
+
"800": {
|
|
437
|
+
"value": "#262626ff",
|
|
438
|
+
"type": "color",
|
|
439
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
409
440
|
}
|
|
410
441
|
},
|
|
411
442
|
"childAlt": {
|
|
443
|
+
"300": {
|
|
444
|
+
"value": "#4d4d4dff",
|
|
445
|
+
"type": "color",
|
|
446
|
+
"description": "menu divider"
|
|
447
|
+
},
|
|
412
448
|
"400": {
|
|
413
|
-
"value": "#
|
|
414
|
-
"type": "color"
|
|
449
|
+
"value": "#ff00ffff",
|
|
450
|
+
"type": "color",
|
|
451
|
+
"description": "TBD selected menu button border"
|
|
415
452
|
},
|
|
416
453
|
"500": {
|
|
417
|
-
"value": "#
|
|
454
|
+
"value": "#404040ff",
|
|
418
455
|
"type": "color",
|
|
419
|
-
"description": ""
|
|
456
|
+
"description": "default menu button"
|
|
420
457
|
},
|
|
421
458
|
"600": {
|
|
422
459
|
"value": "#007e45ff",
|
|
423
|
-
"type": "color"
|
|
460
|
+
"type": "color",
|
|
461
|
+
"description": "hover (with click action)"
|
|
462
|
+
},
|
|
463
|
+
"700": {
|
|
464
|
+
"value": "#404040ff",
|
|
465
|
+
"type": "color",
|
|
466
|
+
"description": "open menu item"
|
|
467
|
+
},
|
|
468
|
+
"800": {
|
|
469
|
+
"value": "#404040ff",
|
|
470
|
+
"type": "color",
|
|
471
|
+
"description": "selected menu button bg (use with 400 border)"
|
|
424
472
|
}
|
|
425
473
|
}
|
|
426
474
|
},
|
|
@@ -1602,6 +1650,23 @@
|
|
|
1602
1650
|
}
|
|
1603
1651
|
}
|
|
1604
1652
|
},
|
|
1653
|
+
"card": {
|
|
1654
|
+
"paragraph": {
|
|
1655
|
+
"m": {
|
|
1656
|
+
"value": {
|
|
1657
|
+
"fontFamily": "Sage UI",
|
|
1658
|
+
"fontWeight": "Regular",
|
|
1659
|
+
"lineHeight": "150%",
|
|
1660
|
+
"fontSize": "14px",
|
|
1661
|
+
"letterSpacing": "0%",
|
|
1662
|
+
"paragraphSpacing": "0",
|
|
1663
|
+
"textDecoration": "none",
|
|
1664
|
+
"textCase": "none"
|
|
1665
|
+
},
|
|
1666
|
+
"type": "typography"
|
|
1667
|
+
}
|
|
1668
|
+
}
|
|
1669
|
+
},
|
|
1605
1670
|
"cardSelect": {
|
|
1606
1671
|
"title": {
|
|
1607
1672
|
"m": {
|
|
@@ -1671,6 +1671,27 @@
|
|
|
1671
1671
|
|
|
1672
1672
|
</td>
|
|
1673
1673
|
</tr>
|
|
1674
|
+
<tr>
|
|
1675
|
+
<td class="with-icons is-vcentered"
|
|
1676
|
+
id="base-colorsComponentsMenuWinterStandard400"
|
|
1677
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: standard; variant: 400; ">
|
|
1678
|
+
colorsComponentsMenuWinterStandard400
|
|
1679
|
+
<a href="#base-colorsComponentsMenuWinterStandard400"
|
|
1680
|
+
title="permalink"
|
|
1681
|
+
class="permalink">
|
|
1682
|
+
🔗
|
|
1683
|
+
</a>
|
|
1684
|
+
</td>
|
|
1685
|
+
<td class="is-vcentered">
|
|
1686
|
+
<pre>#ff00ffff</pre>
|
|
1687
|
+
</td>
|
|
1688
|
+
<td class="is-vcentered">
|
|
1689
|
+
<div class="table__color-preview"
|
|
1690
|
+
style="background-color: #ff00ffff;">
|
|
1691
|
+
</div>
|
|
1692
|
+
|
|
1693
|
+
</td>
|
|
1694
|
+
</tr>
|
|
1674
1695
|
<tr>
|
|
1675
1696
|
<td class="with-icons is-vcentered"
|
|
1676
1697
|
id="base-colorsComponentsMenuWinterStandard500"
|
|
@@ -1734,6 +1755,27 @@
|
|
|
1734
1755
|
|
|
1735
1756
|
</td>
|
|
1736
1757
|
</tr>
|
|
1758
|
+
<tr>
|
|
1759
|
+
<td class="with-icons is-vcentered"
|
|
1760
|
+
id="base-colorsComponentsMenuWinterStandard800"
|
|
1761
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: standard; variant: 800; ">
|
|
1762
|
+
colorsComponentsMenuWinterStandard800
|
|
1763
|
+
<a href="#base-colorsComponentsMenuWinterStandard800"
|
|
1764
|
+
title="permalink"
|
|
1765
|
+
class="permalink">
|
|
1766
|
+
🔗
|
|
1767
|
+
</a>
|
|
1768
|
+
</td>
|
|
1769
|
+
<td class="is-vcentered">
|
|
1770
|
+
<pre>#262626ff</pre>
|
|
1771
|
+
</td>
|
|
1772
|
+
<td class="is-vcentered">
|
|
1773
|
+
<div class="table__color-preview"
|
|
1774
|
+
style="background-color: #262626ff;">
|
|
1775
|
+
</div>
|
|
1776
|
+
|
|
1777
|
+
</td>
|
|
1778
|
+
</tr>
|
|
1737
1779
|
<tr>
|
|
1738
1780
|
<td class="with-icons is-vcentered"
|
|
1739
1781
|
id="base-colorsComponentsMenuWinterParent500"
|
|
@@ -1797,6 +1839,27 @@
|
|
|
1797
1839
|
|
|
1798
1840
|
</td>
|
|
1799
1841
|
</tr>
|
|
1842
|
+
<tr>
|
|
1843
|
+
<td class="with-icons is-vcentered"
|
|
1844
|
+
id="base-colorsComponentsMenuWinterChild300"
|
|
1845
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 300; ">
|
|
1846
|
+
colorsComponentsMenuWinterChild300
|
|
1847
|
+
<a href="#base-colorsComponentsMenuWinterChild300"
|
|
1848
|
+
title="permalink"
|
|
1849
|
+
class="permalink">
|
|
1850
|
+
🔗
|
|
1851
|
+
</a>
|
|
1852
|
+
</td>
|
|
1853
|
+
<td class="is-vcentered">
|
|
1854
|
+
<pre>#4d4d4dff</pre>
|
|
1855
|
+
</td>
|
|
1856
|
+
<td class="is-vcentered">
|
|
1857
|
+
<div class="table__color-preview"
|
|
1858
|
+
style="background-color: #4d4d4dff;">
|
|
1859
|
+
</div>
|
|
1860
|
+
|
|
1861
|
+
</td>
|
|
1862
|
+
</tr>
|
|
1800
1863
|
<tr>
|
|
1801
1864
|
<td class="with-icons is-vcentered"
|
|
1802
1865
|
id="base-colorsComponentsMenuWinterChild400"
|
|
@@ -1809,11 +1872,11 @@
|
|
|
1809
1872
|
</a>
|
|
1810
1873
|
</td>
|
|
1811
1874
|
<td class="is-vcentered">
|
|
1812
|
-
<pre>#
|
|
1875
|
+
<pre>#ff00ffff</pre>
|
|
1813
1876
|
</td>
|
|
1814
1877
|
<td class="is-vcentered">
|
|
1815
1878
|
<div class="table__color-preview"
|
|
1816
|
-
style="background-color: #
|
|
1879
|
+
style="background-color: #ff00ffff;">
|
|
1817
1880
|
</div>
|
|
1818
1881
|
|
|
1819
1882
|
</td>
|
|
@@ -1830,11 +1893,11 @@
|
|
|
1830
1893
|
</a>
|
|
1831
1894
|
</td>
|
|
1832
1895
|
<td class="is-vcentered">
|
|
1833
|
-
<pre>#
|
|
1896
|
+
<pre>#262626ff</pre>
|
|
1834
1897
|
</td>
|
|
1835
1898
|
<td class="is-vcentered">
|
|
1836
1899
|
<div class="table__color-preview"
|
|
1837
|
-
style="background-color: #
|
|
1900
|
+
style="background-color: #262626ff;">
|
|
1838
1901
|
</div>
|
|
1839
1902
|
|
|
1840
1903
|
</td>
|
|
@@ -1860,6 +1923,69 @@
|
|
|
1860
1923
|
|
|
1861
1924
|
</td>
|
|
1862
1925
|
</tr>
|
|
1926
|
+
<tr>
|
|
1927
|
+
<td class="with-icons is-vcentered"
|
|
1928
|
+
id="base-colorsComponentsMenuWinterChild700"
|
|
1929
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 700; ">
|
|
1930
|
+
colorsComponentsMenuWinterChild700
|
|
1931
|
+
<a href="#base-colorsComponentsMenuWinterChild700"
|
|
1932
|
+
title="permalink"
|
|
1933
|
+
class="permalink">
|
|
1934
|
+
🔗
|
|
1935
|
+
</a>
|
|
1936
|
+
</td>
|
|
1937
|
+
<td class="is-vcentered">
|
|
1938
|
+
<pre>#262626ff</pre>
|
|
1939
|
+
</td>
|
|
1940
|
+
<td class="is-vcentered">
|
|
1941
|
+
<div class="table__color-preview"
|
|
1942
|
+
style="background-color: #262626ff;">
|
|
1943
|
+
</div>
|
|
1944
|
+
|
|
1945
|
+
</td>
|
|
1946
|
+
</tr>
|
|
1947
|
+
<tr>
|
|
1948
|
+
<td class="with-icons is-vcentered"
|
|
1949
|
+
id="base-colorsComponentsMenuWinterChild800"
|
|
1950
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: child; variant: 800; ">
|
|
1951
|
+
colorsComponentsMenuWinterChild800
|
|
1952
|
+
<a href="#base-colorsComponentsMenuWinterChild800"
|
|
1953
|
+
title="permalink"
|
|
1954
|
+
class="permalink">
|
|
1955
|
+
🔗
|
|
1956
|
+
</a>
|
|
1957
|
+
</td>
|
|
1958
|
+
<td class="is-vcentered">
|
|
1959
|
+
<pre>#262626ff</pre>
|
|
1960
|
+
</td>
|
|
1961
|
+
<td class="is-vcentered">
|
|
1962
|
+
<div class="table__color-preview"
|
|
1963
|
+
style="background-color: #262626ff;">
|
|
1964
|
+
</div>
|
|
1965
|
+
|
|
1966
|
+
</td>
|
|
1967
|
+
</tr>
|
|
1968
|
+
<tr>
|
|
1969
|
+
<td class="with-icons is-vcentered"
|
|
1970
|
+
id="base-colorsComponentsMenuWinterChildAlt300"
|
|
1971
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 300; ">
|
|
1972
|
+
colorsComponentsMenuWinterChildAlt300
|
|
1973
|
+
<a href="#base-colorsComponentsMenuWinterChildAlt300"
|
|
1974
|
+
title="permalink"
|
|
1975
|
+
class="permalink">
|
|
1976
|
+
🔗
|
|
1977
|
+
</a>
|
|
1978
|
+
</td>
|
|
1979
|
+
<td class="is-vcentered">
|
|
1980
|
+
<pre>#4d4d4dff</pre>
|
|
1981
|
+
</td>
|
|
1982
|
+
<td class="is-vcentered">
|
|
1983
|
+
<div class="table__color-preview"
|
|
1984
|
+
style="background-color: #4d4d4dff;">
|
|
1985
|
+
</div>
|
|
1986
|
+
|
|
1987
|
+
</td>
|
|
1988
|
+
</tr>
|
|
1863
1989
|
<tr>
|
|
1864
1990
|
<td class="with-icons is-vcentered"
|
|
1865
1991
|
id="base-colorsComponentsMenuWinterChildAlt400"
|
|
@@ -1872,11 +1998,11 @@
|
|
|
1872
1998
|
</a>
|
|
1873
1999
|
</td>
|
|
1874
2000
|
<td class="is-vcentered">
|
|
1875
|
-
<pre>#
|
|
2001
|
+
<pre>#ff00ffff</pre>
|
|
1876
2002
|
</td>
|
|
1877
2003
|
<td class="is-vcentered">
|
|
1878
2004
|
<div class="table__color-preview"
|
|
1879
|
-
style="background-color: #
|
|
2005
|
+
style="background-color: #ff00ffff;">
|
|
1880
2006
|
</div>
|
|
1881
2007
|
|
|
1882
2008
|
</td>
|
|
@@ -1893,11 +2019,11 @@
|
|
|
1893
2019
|
</a>
|
|
1894
2020
|
</td>
|
|
1895
2021
|
<td class="is-vcentered">
|
|
1896
|
-
<pre>#
|
|
2022
|
+
<pre>#404040ff</pre>
|
|
1897
2023
|
</td>
|
|
1898
2024
|
<td class="is-vcentered">
|
|
1899
2025
|
<div class="table__color-preview"
|
|
1900
|
-
style="background-color: #
|
|
2026
|
+
style="background-color: #404040ff;">
|
|
1901
2027
|
</div>
|
|
1902
2028
|
|
|
1903
2029
|
</td>
|
|
@@ -1923,6 +2049,48 @@
|
|
|
1923
2049
|
|
|
1924
2050
|
</td>
|
|
1925
2051
|
</tr>
|
|
2052
|
+
<tr>
|
|
2053
|
+
<td class="with-icons is-vcentered"
|
|
2054
|
+
id="base-colorsComponentsMenuWinterChildAlt700"
|
|
2055
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 700; ">
|
|
2056
|
+
colorsComponentsMenuWinterChildAlt700
|
|
2057
|
+
<a href="#base-colorsComponentsMenuWinterChildAlt700"
|
|
2058
|
+
title="permalink"
|
|
2059
|
+
class="permalink">
|
|
2060
|
+
🔗
|
|
2061
|
+
</a>
|
|
2062
|
+
</td>
|
|
2063
|
+
<td class="is-vcentered">
|
|
2064
|
+
<pre>#404040ff</pre>
|
|
2065
|
+
</td>
|
|
2066
|
+
<td class="is-vcentered">
|
|
2067
|
+
<div class="table__color-preview"
|
|
2068
|
+
style="background-color: #404040ff;">
|
|
2069
|
+
</div>
|
|
2070
|
+
|
|
2071
|
+
</td>
|
|
2072
|
+
</tr>
|
|
2073
|
+
<tr>
|
|
2074
|
+
<td class="with-icons is-vcentered"
|
|
2075
|
+
id="base-colorsComponentsMenuWinterChildAlt800"
|
|
2076
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: childAlt; variant: 800; ">
|
|
2077
|
+
colorsComponentsMenuWinterChildAlt800
|
|
2078
|
+
<a href="#base-colorsComponentsMenuWinterChildAlt800"
|
|
2079
|
+
title="permalink"
|
|
2080
|
+
class="permalink">
|
|
2081
|
+
🔗
|
|
2082
|
+
</a>
|
|
2083
|
+
</td>
|
|
2084
|
+
<td class="is-vcentered">
|
|
2085
|
+
<pre>#404040ff</pre>
|
|
2086
|
+
</td>
|
|
2087
|
+
<td class="is-vcentered">
|
|
2088
|
+
<div class="table__color-preview"
|
|
2089
|
+
style="background-color: #404040ff;">
|
|
2090
|
+
</div>
|
|
2091
|
+
|
|
2092
|
+
</td>
|
|
2093
|
+
</tr>
|
|
1926
2094
|
<tr>
|
|
1927
2095
|
<td class="with-icons is-vcentered"
|
|
1928
2096
|
id="base-colorsComponentsMenuYin100"
|