@sage/design-tokens 2.17.0 → 2.18.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 +7 -6
- package/css/base.css +7 -6
- package/data/tokens.json +13 -8
- package/docs/tokens/base/colors/index.html +31 -10
- package/docs/tokens/base/index.html +31 -10
- package/docs/tokens/index.html +31 -10
- package/ios/base.h +7 -6
- package/js/base/common.d.ts +1 -0
- package/js/base/common.js +7 -6
- package/js/base/es6.d.ts +1 -0
- package/js/base/es6.js +6 -5
- package/package.json +1 -1
- package/sage-design-tokens-2.18.0.tgz +0 -0
- package/scss/base.scss +7 -6
- package/sage-design-tokens-2.17.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 Thu, 07 Apr 2022
|
|
5
|
+
Generated on Thu, 07 Apr 2022 12:54:23 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>
|
|
@@ -73,7 +74,7 @@
|
|
|
73
74
|
<string name="colorsComponentsMenuAutumnChildAlt400">#19475eff</string>
|
|
74
75
|
<string name="colorsComponentsMenuAutumnChildAlt500">#00324cff</string>
|
|
75
76
|
<string name="colorsComponentsMenuAutumnChildAlt600">#007e45ff</string>
|
|
76
|
-
<string name="colorsComponentsMenuWinterStandard400">#
|
|
77
|
+
<string name="colorsComponentsMenuWinterStandard400">#4d4d4dff</string>
|
|
77
78
|
<string name="colorsComponentsMenuWinterStandard500">#000000ff</string>
|
|
78
79
|
<string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
|
|
79
80
|
<string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
|
|
@@ -81,14 +82,14 @@
|
|
|
81
82
|
<string name="colorsComponentsMenuWinterParent500">#000000ff</string>
|
|
82
83
|
<string name="colorsComponentsMenuWinterParent600">#007e45ff</string>
|
|
83
84
|
<string name="colorsComponentsMenuWinterParent700">#262626ff</string>
|
|
84
|
-
<string name="colorsComponentsMenuWinterChild300">#
|
|
85
|
-
<string name="colorsComponentsMenuWinterChild400">#
|
|
85
|
+
<string name="colorsComponentsMenuWinterChild300">#666666ff</string>
|
|
86
|
+
<string name="colorsComponentsMenuWinterChild400">#4d4d4dff</string>
|
|
86
87
|
<string name="colorsComponentsMenuWinterChild500">#262626ff</string>
|
|
87
88
|
<string name="colorsComponentsMenuWinterChild600">#007e45ff</string>
|
|
88
89
|
<string name="colorsComponentsMenuWinterChild700">#262626ff</string>
|
|
89
90
|
<string name="colorsComponentsMenuWinterChild800">#262626ff</string>
|
|
90
|
-
<string name="colorsComponentsMenuWinterChildAlt300">#
|
|
91
|
-
<string name="colorsComponentsMenuWinterChildAlt400">#
|
|
91
|
+
<string name="colorsComponentsMenuWinterChildAlt300">#666666ff</string>
|
|
92
|
+
<string name="colorsComponentsMenuWinterChildAlt400">#4d4d4dff</string>
|
|
92
93
|
<string name="colorsComponentsMenuWinterChildAlt500">#404040ff</string>
|
|
93
94
|
<string name="colorsComponentsMenuWinterChildAlt600">#007e45ff</string>
|
|
94
95
|
<string name="colorsComponentsMenuWinterChildAlt700">#404040ff</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 Thu, 07 Apr 2022
|
|
7
|
+
* Generated on Thu, 07 Apr 2022 12:54:23 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;
|
|
@@ -76,7 +77,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
76
77
|
--colorsComponentsMenuAutumnChildAlt400: #19475eff;
|
|
77
78
|
--colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
78
79
|
--colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
79
|
-
--colorsComponentsMenuWinterStandard400: #
|
|
80
|
+
--colorsComponentsMenuWinterStandard400: #4d4d4dff;
|
|
80
81
|
--colorsComponentsMenuWinterStandard500: #000000ff;
|
|
81
82
|
--colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
82
83
|
--colorsComponentsMenuWinterStandard700: #262626ff;
|
|
@@ -84,14 +85,14 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
84
85
|
--colorsComponentsMenuWinterParent500: #000000ff;
|
|
85
86
|
--colorsComponentsMenuWinterParent600: #007e45ff;
|
|
86
87
|
--colorsComponentsMenuWinterParent700: #262626ff;
|
|
87
|
-
--colorsComponentsMenuWinterChild300: #
|
|
88
|
-
--colorsComponentsMenuWinterChild400: #
|
|
88
|
+
--colorsComponentsMenuWinterChild300: #666666ff;
|
|
89
|
+
--colorsComponentsMenuWinterChild400: #4d4d4dff;
|
|
89
90
|
--colorsComponentsMenuWinterChild500: #262626ff;
|
|
90
91
|
--colorsComponentsMenuWinterChild600: #007e45ff;
|
|
91
92
|
--colorsComponentsMenuWinterChild700: #262626ff;
|
|
92
93
|
--colorsComponentsMenuWinterChild800: #262626ff;
|
|
93
|
-
--colorsComponentsMenuWinterChildAlt300: #
|
|
94
|
-
--colorsComponentsMenuWinterChildAlt400: #
|
|
94
|
+
--colorsComponentsMenuWinterChildAlt300: #666666ff;
|
|
95
|
+
--colorsComponentsMenuWinterChildAlt400: #4d4d4dff;
|
|
95
96
|
--colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
96
97
|
--colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
97
98
|
--colorsComponentsMenuWinterChildAlt700: #404040ff;
|
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",
|
|
@@ -365,9 +370,9 @@
|
|
|
365
370
|
"winter": {
|
|
366
371
|
"standard": {
|
|
367
372
|
"400": {
|
|
368
|
-
"value": "#
|
|
373
|
+
"value": "#4d4d4dff",
|
|
369
374
|
"type": "color",
|
|
370
|
-
"description": "
|
|
375
|
+
"description": "selected menu button border"
|
|
371
376
|
},
|
|
372
377
|
"500": {
|
|
373
378
|
"value": "#000000ff",
|
|
@@ -409,14 +414,14 @@
|
|
|
409
414
|
},
|
|
410
415
|
"child": {
|
|
411
416
|
"300": {
|
|
412
|
-
"value": "#
|
|
417
|
+
"value": "#666666ff",
|
|
413
418
|
"type": "color",
|
|
414
419
|
"description": "menu divider"
|
|
415
420
|
},
|
|
416
421
|
"400": {
|
|
417
|
-
"value": "#
|
|
422
|
+
"value": "#4d4d4dff",
|
|
418
423
|
"type": "color",
|
|
419
|
-
"description": "
|
|
424
|
+
"description": "selected menu button border (darker than divider)"
|
|
420
425
|
},
|
|
421
426
|
"500": {
|
|
422
427
|
"value": "#262626ff",
|
|
@@ -441,14 +446,14 @@
|
|
|
441
446
|
},
|
|
442
447
|
"childAlt": {
|
|
443
448
|
"300": {
|
|
444
|
-
"value": "#
|
|
449
|
+
"value": "#666666ff",
|
|
445
450
|
"type": "color",
|
|
446
451
|
"description": "menu divider"
|
|
447
452
|
},
|
|
448
453
|
"400": {
|
|
449
|
-
"value": "#
|
|
454
|
+
"value": "#4d4d4dff",
|
|
450
455
|
"type": "color",
|
|
451
|
-
"description": "
|
|
456
|
+
"description": "selected menu button border"
|
|
452
457
|
},
|
|
453
458
|
"500": {
|
|
454
459
|
"value": "#404040ff",
|
|
@@ -495,6 +495,27 @@
|
|
|
495
495
|
|
|
496
496
|
</td>
|
|
497
497
|
</tr>
|
|
498
|
+
<tr>
|
|
499
|
+
<td class="with-icons is-vcentered"
|
|
500
|
+
id="base-colorsGray600"
|
|
501
|
+
title="theme: base; category: colors; name: gray; variant: 600; ">
|
|
502
|
+
colorsGray600
|
|
503
|
+
<a href="#base-colorsGray600"
|
|
504
|
+
title="permalink"
|
|
505
|
+
class="permalink">
|
|
506
|
+
🔗
|
|
507
|
+
</a>
|
|
508
|
+
</td>
|
|
509
|
+
<td class="is-vcentered">
|
|
510
|
+
<pre>#666666ff</pre>
|
|
511
|
+
</td>
|
|
512
|
+
<td class="is-vcentered">
|
|
513
|
+
<div class="table__color-preview"
|
|
514
|
+
style="background-color: #666666ff;">
|
|
515
|
+
</div>
|
|
516
|
+
|
|
517
|
+
</td>
|
|
518
|
+
</tr>
|
|
498
519
|
<tr>
|
|
499
520
|
<td class="with-icons is-vcentered"
|
|
500
521
|
id="base-colorsGray700"
|
|
@@ -1683,11 +1704,11 @@
|
|
|
1683
1704
|
</a>
|
|
1684
1705
|
</td>
|
|
1685
1706
|
<td class="is-vcentered">
|
|
1686
|
-
<pre>#
|
|
1707
|
+
<pre>#4d4d4dff</pre>
|
|
1687
1708
|
</td>
|
|
1688
1709
|
<td class="is-vcentered">
|
|
1689
1710
|
<div class="table__color-preview"
|
|
1690
|
-
style="background-color: #
|
|
1711
|
+
style="background-color: #4d4d4dff;">
|
|
1691
1712
|
</div>
|
|
1692
1713
|
|
|
1693
1714
|
</td>
|
|
@@ -1851,11 +1872,11 @@
|
|
|
1851
1872
|
</a>
|
|
1852
1873
|
</td>
|
|
1853
1874
|
<td class="is-vcentered">
|
|
1854
|
-
<pre>#
|
|
1875
|
+
<pre>#666666ff</pre>
|
|
1855
1876
|
</td>
|
|
1856
1877
|
<td class="is-vcentered">
|
|
1857
1878
|
<div class="table__color-preview"
|
|
1858
|
-
style="background-color: #
|
|
1879
|
+
style="background-color: #666666ff;">
|
|
1859
1880
|
</div>
|
|
1860
1881
|
|
|
1861
1882
|
</td>
|
|
@@ -1872,11 +1893,11 @@
|
|
|
1872
1893
|
</a>
|
|
1873
1894
|
</td>
|
|
1874
1895
|
<td class="is-vcentered">
|
|
1875
|
-
<pre>#
|
|
1896
|
+
<pre>#4d4d4dff</pre>
|
|
1876
1897
|
</td>
|
|
1877
1898
|
<td class="is-vcentered">
|
|
1878
1899
|
<div class="table__color-preview"
|
|
1879
|
-
style="background-color: #
|
|
1900
|
+
style="background-color: #4d4d4dff;">
|
|
1880
1901
|
</div>
|
|
1881
1902
|
|
|
1882
1903
|
</td>
|
|
@@ -1977,11 +1998,11 @@
|
|
|
1977
1998
|
</a>
|
|
1978
1999
|
</td>
|
|
1979
2000
|
<td class="is-vcentered">
|
|
1980
|
-
<pre>#
|
|
2001
|
+
<pre>#666666ff</pre>
|
|
1981
2002
|
</td>
|
|
1982
2003
|
<td class="is-vcentered">
|
|
1983
2004
|
<div class="table__color-preview"
|
|
1984
|
-
style="background-color: #
|
|
2005
|
+
style="background-color: #666666ff;">
|
|
1985
2006
|
</div>
|
|
1986
2007
|
|
|
1987
2008
|
</td>
|
|
@@ -1998,11 +2019,11 @@
|
|
|
1998
2019
|
</a>
|
|
1999
2020
|
</td>
|
|
2000
2021
|
<td class="is-vcentered">
|
|
2001
|
-
<pre>#
|
|
2022
|
+
<pre>#4d4d4dff</pre>
|
|
2002
2023
|
</td>
|
|
2003
2024
|
<td class="is-vcentered">
|
|
2004
2025
|
<div class="table__color-preview"
|
|
2005
|
-
style="background-color: #
|
|
2026
|
+
style="background-color: #4d4d4dff;">
|
|
2006
2027
|
</div>
|
|
2007
2028
|
|
|
2008
2029
|
</td>
|
|
@@ -491,6 +491,27 @@
|
|
|
491
491
|
|
|
492
492
|
</td>
|
|
493
493
|
</tr>
|
|
494
|
+
<tr>
|
|
495
|
+
<td class="with-icons is-vcentered"
|
|
496
|
+
id="base-colorsGray600"
|
|
497
|
+
title="theme: base; category: colors; name: gray; variant: 600; ">
|
|
498
|
+
colorsGray600
|
|
499
|
+
<a href="#base-colorsGray600"
|
|
500
|
+
title="permalink"
|
|
501
|
+
class="permalink">
|
|
502
|
+
🔗
|
|
503
|
+
</a>
|
|
504
|
+
</td>
|
|
505
|
+
<td class="is-vcentered">
|
|
506
|
+
<pre>#666666ff</pre>
|
|
507
|
+
</td>
|
|
508
|
+
<td class="is-vcentered">
|
|
509
|
+
<div class="table__color-preview"
|
|
510
|
+
style="background-color: #666666ff;">
|
|
511
|
+
</div>
|
|
512
|
+
|
|
513
|
+
</td>
|
|
514
|
+
</tr>
|
|
494
515
|
<tr>
|
|
495
516
|
<td class="with-icons is-vcentered"
|
|
496
517
|
id="base-colorsGray700"
|
|
@@ -1679,11 +1700,11 @@
|
|
|
1679
1700
|
</a>
|
|
1680
1701
|
</td>
|
|
1681
1702
|
<td class="is-vcentered">
|
|
1682
|
-
<pre>#
|
|
1703
|
+
<pre>#4d4d4dff</pre>
|
|
1683
1704
|
</td>
|
|
1684
1705
|
<td class="is-vcentered">
|
|
1685
1706
|
<div class="table__color-preview"
|
|
1686
|
-
style="background-color: #
|
|
1707
|
+
style="background-color: #4d4d4dff;">
|
|
1687
1708
|
</div>
|
|
1688
1709
|
|
|
1689
1710
|
</td>
|
|
@@ -1847,11 +1868,11 @@
|
|
|
1847
1868
|
</a>
|
|
1848
1869
|
</td>
|
|
1849
1870
|
<td class="is-vcentered">
|
|
1850
|
-
<pre>#
|
|
1871
|
+
<pre>#666666ff</pre>
|
|
1851
1872
|
</td>
|
|
1852
1873
|
<td class="is-vcentered">
|
|
1853
1874
|
<div class="table__color-preview"
|
|
1854
|
-
style="background-color: #
|
|
1875
|
+
style="background-color: #666666ff;">
|
|
1855
1876
|
</div>
|
|
1856
1877
|
|
|
1857
1878
|
</td>
|
|
@@ -1868,11 +1889,11 @@
|
|
|
1868
1889
|
</a>
|
|
1869
1890
|
</td>
|
|
1870
1891
|
<td class="is-vcentered">
|
|
1871
|
-
<pre>#
|
|
1892
|
+
<pre>#4d4d4dff</pre>
|
|
1872
1893
|
</td>
|
|
1873
1894
|
<td class="is-vcentered">
|
|
1874
1895
|
<div class="table__color-preview"
|
|
1875
|
-
style="background-color: #
|
|
1896
|
+
style="background-color: #4d4d4dff;">
|
|
1876
1897
|
</div>
|
|
1877
1898
|
|
|
1878
1899
|
</td>
|
|
@@ -1973,11 +1994,11 @@
|
|
|
1973
1994
|
</a>
|
|
1974
1995
|
</td>
|
|
1975
1996
|
<td class="is-vcentered">
|
|
1976
|
-
<pre>#
|
|
1997
|
+
<pre>#666666ff</pre>
|
|
1977
1998
|
</td>
|
|
1978
1999
|
<td class="is-vcentered">
|
|
1979
2000
|
<div class="table__color-preview"
|
|
1980
|
-
style="background-color: #
|
|
2001
|
+
style="background-color: #666666ff;">
|
|
1981
2002
|
</div>
|
|
1982
2003
|
|
|
1983
2004
|
</td>
|
|
@@ -1994,11 +2015,11 @@
|
|
|
1994
2015
|
</a>
|
|
1995
2016
|
</td>
|
|
1996
2017
|
<td class="is-vcentered">
|
|
1997
|
-
<pre>#
|
|
2018
|
+
<pre>#4d4d4dff</pre>
|
|
1998
2019
|
</td>
|
|
1999
2020
|
<td class="is-vcentered">
|
|
2000
2021
|
<div class="table__color-preview"
|
|
2001
|
-
style="background-color: #
|
|
2022
|
+
style="background-color: #4d4d4dff;">
|
|
2002
2023
|
</div>
|
|
2003
2024
|
|
|
2004
2025
|
</td>
|
package/docs/tokens/index.html
CHANGED
|
@@ -497,6 +497,27 @@
|
|
|
497
497
|
|
|
498
498
|
</td>
|
|
499
499
|
</tr>
|
|
500
|
+
<tr>
|
|
501
|
+
<td class="with-icons is-vcentered"
|
|
502
|
+
id="base-colorsGray600"
|
|
503
|
+
title="theme: base; category: colors; name: gray; variant: 600; ">
|
|
504
|
+
colorsGray600
|
|
505
|
+
<a href="#base-colorsGray600"
|
|
506
|
+
title="permalink"
|
|
507
|
+
class="permalink">
|
|
508
|
+
🔗
|
|
509
|
+
</a>
|
|
510
|
+
</td>
|
|
511
|
+
<td class="is-vcentered">
|
|
512
|
+
<pre>#666666ff</pre>
|
|
513
|
+
</td>
|
|
514
|
+
<td class="is-vcentered">
|
|
515
|
+
<div class="table__color-preview"
|
|
516
|
+
style="background-color: #666666ff;">
|
|
517
|
+
</div>
|
|
518
|
+
|
|
519
|
+
</td>
|
|
520
|
+
</tr>
|
|
500
521
|
<tr>
|
|
501
522
|
<td class="with-icons is-vcentered"
|
|
502
523
|
id="base-colorsGray700"
|
|
@@ -1685,11 +1706,11 @@
|
|
|
1685
1706
|
</a>
|
|
1686
1707
|
</td>
|
|
1687
1708
|
<td class="is-vcentered">
|
|
1688
|
-
<pre>#
|
|
1709
|
+
<pre>#4d4d4dff</pre>
|
|
1689
1710
|
</td>
|
|
1690
1711
|
<td class="is-vcentered">
|
|
1691
1712
|
<div class="table__color-preview"
|
|
1692
|
-
style="background-color: #
|
|
1713
|
+
style="background-color: #4d4d4dff;">
|
|
1693
1714
|
</div>
|
|
1694
1715
|
|
|
1695
1716
|
</td>
|
|
@@ -1853,11 +1874,11 @@
|
|
|
1853
1874
|
</a>
|
|
1854
1875
|
</td>
|
|
1855
1876
|
<td class="is-vcentered">
|
|
1856
|
-
<pre>#
|
|
1877
|
+
<pre>#666666ff</pre>
|
|
1857
1878
|
</td>
|
|
1858
1879
|
<td class="is-vcentered">
|
|
1859
1880
|
<div class="table__color-preview"
|
|
1860
|
-
style="background-color: #
|
|
1881
|
+
style="background-color: #666666ff;">
|
|
1861
1882
|
</div>
|
|
1862
1883
|
|
|
1863
1884
|
</td>
|
|
@@ -1874,11 +1895,11 @@
|
|
|
1874
1895
|
</a>
|
|
1875
1896
|
</td>
|
|
1876
1897
|
<td class="is-vcentered">
|
|
1877
|
-
<pre>#
|
|
1898
|
+
<pre>#4d4d4dff</pre>
|
|
1878
1899
|
</td>
|
|
1879
1900
|
<td class="is-vcentered">
|
|
1880
1901
|
<div class="table__color-preview"
|
|
1881
|
-
style="background-color: #
|
|
1902
|
+
style="background-color: #4d4d4dff;">
|
|
1882
1903
|
</div>
|
|
1883
1904
|
|
|
1884
1905
|
</td>
|
|
@@ -1979,11 +2000,11 @@
|
|
|
1979
2000
|
</a>
|
|
1980
2001
|
</td>
|
|
1981
2002
|
<td class="is-vcentered">
|
|
1982
|
-
<pre>#
|
|
2003
|
+
<pre>#666666ff</pre>
|
|
1983
2004
|
</td>
|
|
1984
2005
|
<td class="is-vcentered">
|
|
1985
2006
|
<div class="table__color-preview"
|
|
1986
|
-
style="background-color: #
|
|
2007
|
+
style="background-color: #666666ff;">
|
|
1987
2008
|
</div>
|
|
1988
2009
|
|
|
1989
2010
|
</td>
|
|
@@ -2000,11 +2021,11 @@
|
|
|
2000
2021
|
</a>
|
|
2001
2022
|
</td>
|
|
2002
2023
|
<td class="is-vcentered">
|
|
2003
|
-
<pre>#
|
|
2024
|
+
<pre>#4d4d4dff</pre>
|
|
2004
2025
|
</td>
|
|
2005
2026
|
<td class="is-vcentered">
|
|
2006
2027
|
<div class="table__color-preview"
|
|
2007
|
-
style="background-color: #
|
|
2028
|
+
style="background-color: #4d4d4dff;">
|
|
2008
2029
|
</div>
|
|
2009
2030
|
|
|
2010
2031
|
</td>
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Thu, 07 Apr 2022
|
|
7
|
+
// Generated on Thu, 07 Apr 2022 12:54:23 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
#define colorsYang100 #ffffffff
|
|
23
23
|
#define colorsYang030 #ffffff4d
|
|
24
24
|
#define colorsYang080 #ffffffcc
|
|
25
|
+
#define colorsGray600 #666666ff
|
|
25
26
|
#define colorsGray700 #4d4d4dff
|
|
26
27
|
#define colorsGray750 #404040ff
|
|
27
28
|
#define colorsGray850 #262626ff
|
|
@@ -78,7 +79,7 @@
|
|
|
78
79
|
#define colorsComponentsMenuAutumnChildAlt400 #19475eff
|
|
79
80
|
#define colorsComponentsMenuAutumnChildAlt500 #00324cff
|
|
80
81
|
#define colorsComponentsMenuAutumnChildAlt600 #007e45ff
|
|
81
|
-
#define colorsComponentsMenuWinterStandard400 #
|
|
82
|
+
#define colorsComponentsMenuWinterStandard400 #4d4d4dff
|
|
82
83
|
#define colorsComponentsMenuWinterStandard500 #000000ff
|
|
83
84
|
#define colorsComponentsMenuWinterStandard600 #007e45ff
|
|
84
85
|
#define colorsComponentsMenuWinterStandard700 #262626ff
|
|
@@ -86,14 +87,14 @@
|
|
|
86
87
|
#define colorsComponentsMenuWinterParent500 #000000ff
|
|
87
88
|
#define colorsComponentsMenuWinterParent600 #007e45ff
|
|
88
89
|
#define colorsComponentsMenuWinterParent700 #262626ff
|
|
89
|
-
#define colorsComponentsMenuWinterChild300 #
|
|
90
|
-
#define colorsComponentsMenuWinterChild400 #
|
|
90
|
+
#define colorsComponentsMenuWinterChild300 #666666ff
|
|
91
|
+
#define colorsComponentsMenuWinterChild400 #4d4d4dff
|
|
91
92
|
#define colorsComponentsMenuWinterChild500 #262626ff
|
|
92
93
|
#define colorsComponentsMenuWinterChild600 #007e45ff
|
|
93
94
|
#define colorsComponentsMenuWinterChild700 #262626ff
|
|
94
95
|
#define colorsComponentsMenuWinterChild800 #262626ff
|
|
95
|
-
#define colorsComponentsMenuWinterChildAlt300 #
|
|
96
|
-
#define colorsComponentsMenuWinterChildAlt400 #
|
|
96
|
+
#define colorsComponentsMenuWinterChildAlt300 #666666ff
|
|
97
|
+
#define colorsComponentsMenuWinterChildAlt400 #4d4d4dff
|
|
97
98
|
#define colorsComponentsMenuWinterChildAlt500 #404040ff
|
|
98
99
|
#define colorsComponentsMenuWinterChildAlt600 #007e45ff
|
|
99
100
|
#define colorsComponentsMenuWinterChildAlt700 #404040ff
|
package/js/base/common.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export const colorsYin090: string;
|
|
|
10
10
|
export const colorsYang100: string;
|
|
11
11
|
export const colorsYang030: string;
|
|
12
12
|
export const colorsYang080: string;
|
|
13
|
+
export const colorsGray600: string;
|
|
13
14
|
export const colorsGray700: string;
|
|
14
15
|
export const colorsGray750: string;
|
|
15
16
|
export const colorsGray850: string;
|
package/js/base/common.js
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 Thu, 07 Apr 2022
|
|
7
|
+
* Generated on Thu, 07 Apr 2022 12:54:23 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -20,6 +20,7 @@ module.exports = {
|
|
|
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',
|
|
@@ -76,7 +77,7 @@ module.exports = {
|
|
|
76
77
|
colorsComponentsMenuAutumnChildAlt400: '#19475eff',
|
|
77
78
|
colorsComponentsMenuAutumnChildAlt500: '#00324cff',
|
|
78
79
|
colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
|
|
79
|
-
colorsComponentsMenuWinterStandard400: '#
|
|
80
|
+
colorsComponentsMenuWinterStandard400: '#4d4d4dff',
|
|
80
81
|
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
81
82
|
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
82
83
|
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
@@ -84,14 +85,14 @@ module.exports = {
|
|
|
84
85
|
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
85
86
|
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
86
87
|
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
87
|
-
colorsComponentsMenuWinterChild300: '#
|
|
88
|
-
colorsComponentsMenuWinterChild400: '#
|
|
88
|
+
colorsComponentsMenuWinterChild300: '#666666ff',
|
|
89
|
+
colorsComponentsMenuWinterChild400: '#4d4d4dff',
|
|
89
90
|
colorsComponentsMenuWinterChild500: '#262626ff',
|
|
90
91
|
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
91
92
|
colorsComponentsMenuWinterChild700: '#262626ff',
|
|
92
93
|
colorsComponentsMenuWinterChild800: '#262626ff',
|
|
93
|
-
colorsComponentsMenuWinterChildAlt300: '#
|
|
94
|
-
colorsComponentsMenuWinterChildAlt400: '#
|
|
94
|
+
colorsComponentsMenuWinterChildAlt300: '#666666ff',
|
|
95
|
+
colorsComponentsMenuWinterChildAlt400: '#4d4d4dff',
|
|
95
96
|
colorsComponentsMenuWinterChildAlt500: '#404040ff',
|
|
96
97
|
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
97
98
|
colorsComponentsMenuWinterChildAlt700: '#404040ff',
|
package/js/base/es6.d.ts
CHANGED
package/js/base/es6.js
CHANGED
|
@@ -15,6 +15,7 @@ export default {
|
|
|
15
15
|
colorsYang100: '#ffffffff',
|
|
16
16
|
colorsYang030: '#ffffff4d',
|
|
17
17
|
colorsYang080: '#ffffffcc',
|
|
18
|
+
colorsGray600: '#666666ff',
|
|
18
19
|
colorsGray700: '#4d4d4dff',
|
|
19
20
|
colorsGray750: '#404040ff',
|
|
20
21
|
colorsGray850: '#262626ff',
|
|
@@ -71,7 +72,7 @@ export default {
|
|
|
71
72
|
colorsComponentsMenuAutumnChildAlt400: '#19475eff',
|
|
72
73
|
colorsComponentsMenuAutumnChildAlt500: '#00324cff',
|
|
73
74
|
colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
|
|
74
|
-
colorsComponentsMenuWinterStandard400: '#
|
|
75
|
+
colorsComponentsMenuWinterStandard400: '#4d4d4dff',
|
|
75
76
|
colorsComponentsMenuWinterStandard500: '#000000ff',
|
|
76
77
|
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
77
78
|
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
@@ -79,14 +80,14 @@ export default {
|
|
|
79
80
|
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
80
81
|
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
81
82
|
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
82
|
-
colorsComponentsMenuWinterChild300: '#
|
|
83
|
-
colorsComponentsMenuWinterChild400: '#
|
|
83
|
+
colorsComponentsMenuWinterChild300: '#666666ff',
|
|
84
|
+
colorsComponentsMenuWinterChild400: '#4d4d4dff',
|
|
84
85
|
colorsComponentsMenuWinterChild500: '#262626ff',
|
|
85
86
|
colorsComponentsMenuWinterChild600: '#007e45ff',
|
|
86
87
|
colorsComponentsMenuWinterChild700: '#262626ff',
|
|
87
88
|
colorsComponentsMenuWinterChild800: '#262626ff',
|
|
88
|
-
colorsComponentsMenuWinterChildAlt300: '#
|
|
89
|
-
colorsComponentsMenuWinterChildAlt400: '#
|
|
89
|
+
colorsComponentsMenuWinterChildAlt300: '#666666ff',
|
|
90
|
+
colorsComponentsMenuWinterChildAlt400: '#4d4d4dff',
|
|
90
91
|
colorsComponentsMenuWinterChildAlt500: '#404040ff',
|
|
91
92
|
colorsComponentsMenuWinterChildAlt600: '#007e45ff',
|
|
92
93
|
colorsComponentsMenuWinterChildAlt700: '#404040ff',
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
},
|
|
11
11
|
"description": "Design tokens for the Sage Design System.",
|
|
12
12
|
"author": "The Sage Group plc",
|
|
13
|
-
"version": "2.
|
|
13
|
+
"version": "2.18.0",
|
|
14
14
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
15
15
|
"tags": [
|
|
16
16
|
"design tokens",
|
|
Binary file
|
package/scss/base.scss
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 Thu, 07 Apr 2022
|
|
7
|
+
// Generated on Thu, 07 Apr 2022 12:54:23 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -18,6 +18,7 @@ $colorsYin090: #000000e6;
|
|
|
18
18
|
$colorsYang100: #ffffffff;
|
|
19
19
|
$colorsYang030: #ffffff4d;
|
|
20
20
|
$colorsYang080: #ffffffcc;
|
|
21
|
+
$colorsGray600: #666666ff;
|
|
21
22
|
$colorsGray700: #4d4d4dff;
|
|
22
23
|
$colorsGray750: #404040ff;
|
|
23
24
|
$colorsGray850: #262626ff;
|
|
@@ -74,7 +75,7 @@ $colorsComponentsMenuAutumnChild600: #007e45ff;
|
|
|
74
75
|
$colorsComponentsMenuAutumnChildAlt400: #19475eff;
|
|
75
76
|
$colorsComponentsMenuAutumnChildAlt500: #00324cff;
|
|
76
77
|
$colorsComponentsMenuAutumnChildAlt600: #007e45ff;
|
|
77
|
-
$colorsComponentsMenuWinterStandard400: #
|
|
78
|
+
$colorsComponentsMenuWinterStandard400: #4d4d4dff;
|
|
78
79
|
$colorsComponentsMenuWinterStandard500: #000000ff;
|
|
79
80
|
$colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
80
81
|
$colorsComponentsMenuWinterStandard700: #262626ff;
|
|
@@ -82,14 +83,14 @@ $colorsComponentsMenuWinterStandard800: #262626ff;
|
|
|
82
83
|
$colorsComponentsMenuWinterParent500: #000000ff;
|
|
83
84
|
$colorsComponentsMenuWinterParent600: #007e45ff;
|
|
84
85
|
$colorsComponentsMenuWinterParent700: #262626ff;
|
|
85
|
-
$colorsComponentsMenuWinterChild300: #
|
|
86
|
-
$colorsComponentsMenuWinterChild400: #
|
|
86
|
+
$colorsComponentsMenuWinterChild300: #666666ff;
|
|
87
|
+
$colorsComponentsMenuWinterChild400: #4d4d4dff;
|
|
87
88
|
$colorsComponentsMenuWinterChild500: #262626ff;
|
|
88
89
|
$colorsComponentsMenuWinterChild600: #007e45ff;
|
|
89
90
|
$colorsComponentsMenuWinterChild700: #262626ff;
|
|
90
91
|
$colorsComponentsMenuWinterChild800: #262626ff;
|
|
91
|
-
$colorsComponentsMenuWinterChildAlt300: #
|
|
92
|
-
$colorsComponentsMenuWinterChildAlt400: #
|
|
92
|
+
$colorsComponentsMenuWinterChildAlt300: #666666ff;
|
|
93
|
+
$colorsComponentsMenuWinterChildAlt400: #4d4d4dff;
|
|
93
94
|
$colorsComponentsMenuWinterChildAlt500: #404040ff;
|
|
94
95
|
$colorsComponentsMenuWinterChildAlt600: #007e45ff;
|
|
95
96
|
$colorsComponentsMenuWinterChildAlt700: #404040ff;
|
|
Binary file
|