@sage/design-tokens 2.18.0 → 2.19.2
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 +5 -1
- package/css/base.css +5 -1
- package/data/tokens.json +20 -0
- package/docs/tokens/base/colors/index.html +84 -0
- package/docs/tokens/base/index.html +84 -0
- package/docs/tokens/index.html +84 -0
- package/ios/base.h +5 -1
- package/js/base/common.d.ts +4 -0
- package/js/base/common.js +5 -1
- package/js/base/es6.d.ts +4 -0
- package/js/base/es6.js +4 -0
- package/package.json +1 -1
- package/sage-design-tokens-2.19.2.tgz +0 -0
- package/scss/base.scss +5 -1
- package/sage-design-tokens-2.18.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 Mon, 11 Apr 2022 15:44:45 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -47,9 +47,11 @@
|
|
|
47
47
|
<string name="colorsComponentsMenuSummerStandard600">#007e45ff</string>
|
|
48
48
|
<string name="colorsComponentsMenuSummerStandard700">#e6ebedff</string>
|
|
49
49
|
<string name="colorsComponentsMenuSummerStandard800">#e6ebedff</string>
|
|
50
|
+
<string name="colorsComponentsMenuSummerParent400">#ccd6dbff</string>
|
|
50
51
|
<string name="colorsComponentsMenuSummerParent500">#ffffffff</string>
|
|
51
52
|
<string name="colorsComponentsMenuSummerParent600">#007e45ff</string>
|
|
52
53
|
<string name="colorsComponentsMenuSummerParent700">#e6ebedff</string>
|
|
54
|
+
<string name="colorsComponentsMenuSummerParent800">#e6ebedff</string>
|
|
53
55
|
<string name="colorsComponentsMenuSummerChild300">#b3c2c9ff</string>
|
|
54
56
|
<string name="colorsComponentsMenuSummerChild400">#ccd6dbff</string>
|
|
55
57
|
<string name="colorsComponentsMenuSummerChild500">#e6ebedff</string>
|
|
@@ -79,9 +81,11 @@
|
|
|
79
81
|
<string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
|
|
80
82
|
<string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
|
|
81
83
|
<string name="colorsComponentsMenuWinterStandard800">#262626ff</string>
|
|
84
|
+
<string name="colorsComponentsMenuWinterParent400">#4d4d4dff</string>
|
|
82
85
|
<string name="colorsComponentsMenuWinterParent500">#000000ff</string>
|
|
83
86
|
<string name="colorsComponentsMenuWinterParent600">#007e45ff</string>
|
|
84
87
|
<string name="colorsComponentsMenuWinterParent700">#262626ff</string>
|
|
88
|
+
<string name="colorsComponentsMenuWinterParent800">#262626ff</string>
|
|
85
89
|
<string name="colorsComponentsMenuWinterChild300">#666666ff</string>
|
|
86
90
|
<string name="colorsComponentsMenuWinterChild400">#4d4d4dff</string>
|
|
87
91
|
<string name="colorsComponentsMenuWinterChild500">#262626ff</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 Mon, 11 Apr 2022 15:44:44 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -50,9 +50,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
50
50
|
--colorsComponentsMenuSummerStandard600: #007e45ff;
|
|
51
51
|
--colorsComponentsMenuSummerStandard700: #e6ebedff;
|
|
52
52
|
--colorsComponentsMenuSummerStandard800: #e6ebedff;
|
|
53
|
+
--colorsComponentsMenuSummerParent400: #ccd6dbff;
|
|
53
54
|
--colorsComponentsMenuSummerParent500: #ffffffff;
|
|
54
55
|
--colorsComponentsMenuSummerParent600: #007e45ff;
|
|
55
56
|
--colorsComponentsMenuSummerParent700: #e6ebedff;
|
|
57
|
+
--colorsComponentsMenuSummerParent800: #e6ebedff;
|
|
56
58
|
--colorsComponentsMenuSummerChild300: #b3c2c9ff;
|
|
57
59
|
--colorsComponentsMenuSummerChild400: #ccd6dbff;
|
|
58
60
|
--colorsComponentsMenuSummerChild500: #e6ebedff;
|
|
@@ -82,9 +84,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
82
84
|
--colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
83
85
|
--colorsComponentsMenuWinterStandard700: #262626ff;
|
|
84
86
|
--colorsComponentsMenuWinterStandard800: #262626ff;
|
|
87
|
+
--colorsComponentsMenuWinterParent400: #4d4d4dff;
|
|
85
88
|
--colorsComponentsMenuWinterParent500: #000000ff;
|
|
86
89
|
--colorsComponentsMenuWinterParent600: #007e45ff;
|
|
87
90
|
--colorsComponentsMenuWinterParent700: #262626ff;
|
|
91
|
+
--colorsComponentsMenuWinterParent800: #262626ff;
|
|
88
92
|
--colorsComponentsMenuWinterChild300: #666666ff;
|
|
89
93
|
--colorsComponentsMenuWinterChild400: #4d4d4dff;
|
|
90
94
|
--colorsComponentsMenuWinterChild500: #262626ff;
|
package/data/tokens.json
CHANGED
|
@@ -225,6 +225,11 @@
|
|
|
225
225
|
}
|
|
226
226
|
},
|
|
227
227
|
"parent": {
|
|
228
|
+
"400": {
|
|
229
|
+
"value": "#ccd6dbff",
|
|
230
|
+
"type": "color",
|
|
231
|
+
"description": "selected menu button border (on parent with clickable action)"
|
|
232
|
+
},
|
|
228
233
|
"500": {
|
|
229
234
|
"value": "#ffffffff",
|
|
230
235
|
"type": "color",
|
|
@@ -239,6 +244,11 @@
|
|
|
239
244
|
"value": "#e6ebedff",
|
|
240
245
|
"type": "color",
|
|
241
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)"
|
|
242
252
|
}
|
|
243
253
|
},
|
|
244
254
|
"child": {
|
|
@@ -396,6 +406,11 @@
|
|
|
396
406
|
}
|
|
397
407
|
},
|
|
398
408
|
"parent": {
|
|
409
|
+
"400": {
|
|
410
|
+
"value": "#4d4d4dff",
|
|
411
|
+
"type": "color",
|
|
412
|
+
"description": "selected menu button border (for parent with clickable action)"
|
|
413
|
+
},
|
|
399
414
|
"500": {
|
|
400
415
|
"value": "#000000ff",
|
|
401
416
|
"type": "color",
|
|
@@ -410,6 +425,11 @@
|
|
|
410
425
|
"value": "#262626ff",
|
|
411
426
|
"type": "color",
|
|
412
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)"
|
|
413
433
|
}
|
|
414
434
|
},
|
|
415
435
|
"child": {
|
|
@@ -1125,6 +1125,27 @@
|
|
|
1125
1125
|
|
|
1126
1126
|
</td>
|
|
1127
1127
|
</tr>
|
|
1128
|
+
<tr>
|
|
1129
|
+
<td class="with-icons is-vcentered"
|
|
1130
|
+
id="base-colorsComponentsMenuSummerParent400"
|
|
1131
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 400; ">
|
|
1132
|
+
colorsComponentsMenuSummerParent400
|
|
1133
|
+
<a href="#base-colorsComponentsMenuSummerParent400"
|
|
1134
|
+
title="permalink"
|
|
1135
|
+
class="permalink">
|
|
1136
|
+
🔗
|
|
1137
|
+
</a>
|
|
1138
|
+
</td>
|
|
1139
|
+
<td class="is-vcentered">
|
|
1140
|
+
<pre>#ccd6dbff</pre>
|
|
1141
|
+
</td>
|
|
1142
|
+
<td class="is-vcentered">
|
|
1143
|
+
<div class="table__color-preview"
|
|
1144
|
+
style="background-color: #ccd6dbff;">
|
|
1145
|
+
</div>
|
|
1146
|
+
|
|
1147
|
+
</td>
|
|
1148
|
+
</tr>
|
|
1128
1149
|
<tr>
|
|
1129
1150
|
<td class="with-icons is-vcentered"
|
|
1130
1151
|
id="base-colorsComponentsMenuSummerParent500"
|
|
@@ -1188,6 +1209,27 @@
|
|
|
1188
1209
|
|
|
1189
1210
|
</td>
|
|
1190
1211
|
</tr>
|
|
1212
|
+
<tr>
|
|
1213
|
+
<td class="with-icons is-vcentered"
|
|
1214
|
+
id="base-colorsComponentsMenuSummerParent800"
|
|
1215
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 800; ">
|
|
1216
|
+
colorsComponentsMenuSummerParent800
|
|
1217
|
+
<a href="#base-colorsComponentsMenuSummerParent800"
|
|
1218
|
+
title="permalink"
|
|
1219
|
+
class="permalink">
|
|
1220
|
+
🔗
|
|
1221
|
+
</a>
|
|
1222
|
+
</td>
|
|
1223
|
+
<td class="is-vcentered">
|
|
1224
|
+
<pre>#e6ebedff</pre>
|
|
1225
|
+
</td>
|
|
1226
|
+
<td class="is-vcentered">
|
|
1227
|
+
<div class="table__color-preview"
|
|
1228
|
+
style="background-color: #e6ebedff;">
|
|
1229
|
+
</div>
|
|
1230
|
+
|
|
1231
|
+
</td>
|
|
1232
|
+
</tr>
|
|
1191
1233
|
<tr>
|
|
1192
1234
|
<td class="with-icons is-vcentered"
|
|
1193
1235
|
id="base-colorsComponentsMenuSummerChild300"
|
|
@@ -1797,6 +1839,27 @@
|
|
|
1797
1839
|
|
|
1798
1840
|
</td>
|
|
1799
1841
|
</tr>
|
|
1842
|
+
<tr>
|
|
1843
|
+
<td class="with-icons is-vcentered"
|
|
1844
|
+
id="base-colorsComponentsMenuWinterParent400"
|
|
1845
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 400; ">
|
|
1846
|
+
colorsComponentsMenuWinterParent400
|
|
1847
|
+
<a href="#base-colorsComponentsMenuWinterParent400"
|
|
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-colorsComponentsMenuWinterParent500"
|
|
@@ -1860,6 +1923,27 @@
|
|
|
1860
1923
|
|
|
1861
1924
|
</td>
|
|
1862
1925
|
</tr>
|
|
1926
|
+
<tr>
|
|
1927
|
+
<td class="with-icons is-vcentered"
|
|
1928
|
+
id="base-colorsComponentsMenuWinterParent800"
|
|
1929
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 800; ">
|
|
1930
|
+
colorsComponentsMenuWinterParent800
|
|
1931
|
+
<a href="#base-colorsComponentsMenuWinterParent800"
|
|
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>
|
|
1863
1947
|
<tr>
|
|
1864
1948
|
<td class="with-icons is-vcentered"
|
|
1865
1949
|
id="base-colorsComponentsMenuWinterChild300"
|
|
@@ -1121,6 +1121,27 @@
|
|
|
1121
1121
|
|
|
1122
1122
|
</td>
|
|
1123
1123
|
</tr>
|
|
1124
|
+
<tr>
|
|
1125
|
+
<td class="with-icons is-vcentered"
|
|
1126
|
+
id="base-colorsComponentsMenuSummerParent400"
|
|
1127
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 400; ">
|
|
1128
|
+
colorsComponentsMenuSummerParent400
|
|
1129
|
+
<a href="#base-colorsComponentsMenuSummerParent400"
|
|
1130
|
+
title="permalink"
|
|
1131
|
+
class="permalink">
|
|
1132
|
+
🔗
|
|
1133
|
+
</a>
|
|
1134
|
+
</td>
|
|
1135
|
+
<td class="is-vcentered">
|
|
1136
|
+
<pre>#ccd6dbff</pre>
|
|
1137
|
+
</td>
|
|
1138
|
+
<td class="is-vcentered">
|
|
1139
|
+
<div class="table__color-preview"
|
|
1140
|
+
style="background-color: #ccd6dbff;">
|
|
1141
|
+
</div>
|
|
1142
|
+
|
|
1143
|
+
</td>
|
|
1144
|
+
</tr>
|
|
1124
1145
|
<tr>
|
|
1125
1146
|
<td class="with-icons is-vcentered"
|
|
1126
1147
|
id="base-colorsComponentsMenuSummerParent500"
|
|
@@ -1184,6 +1205,27 @@
|
|
|
1184
1205
|
|
|
1185
1206
|
</td>
|
|
1186
1207
|
</tr>
|
|
1208
|
+
<tr>
|
|
1209
|
+
<td class="with-icons is-vcentered"
|
|
1210
|
+
id="base-colorsComponentsMenuSummerParent800"
|
|
1211
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 800; ">
|
|
1212
|
+
colorsComponentsMenuSummerParent800
|
|
1213
|
+
<a href="#base-colorsComponentsMenuSummerParent800"
|
|
1214
|
+
title="permalink"
|
|
1215
|
+
class="permalink">
|
|
1216
|
+
🔗
|
|
1217
|
+
</a>
|
|
1218
|
+
</td>
|
|
1219
|
+
<td class="is-vcentered">
|
|
1220
|
+
<pre>#e6ebedff</pre>
|
|
1221
|
+
</td>
|
|
1222
|
+
<td class="is-vcentered">
|
|
1223
|
+
<div class="table__color-preview"
|
|
1224
|
+
style="background-color: #e6ebedff;">
|
|
1225
|
+
</div>
|
|
1226
|
+
|
|
1227
|
+
</td>
|
|
1228
|
+
</tr>
|
|
1187
1229
|
<tr>
|
|
1188
1230
|
<td class="with-icons is-vcentered"
|
|
1189
1231
|
id="base-colorsComponentsMenuSummerChild300"
|
|
@@ -1793,6 +1835,27 @@
|
|
|
1793
1835
|
|
|
1794
1836
|
</td>
|
|
1795
1837
|
</tr>
|
|
1838
|
+
<tr>
|
|
1839
|
+
<td class="with-icons is-vcentered"
|
|
1840
|
+
id="base-colorsComponentsMenuWinterParent400"
|
|
1841
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 400; ">
|
|
1842
|
+
colorsComponentsMenuWinterParent400
|
|
1843
|
+
<a href="#base-colorsComponentsMenuWinterParent400"
|
|
1844
|
+
title="permalink"
|
|
1845
|
+
class="permalink">
|
|
1846
|
+
🔗
|
|
1847
|
+
</a>
|
|
1848
|
+
</td>
|
|
1849
|
+
<td class="is-vcentered">
|
|
1850
|
+
<pre>#4d4d4dff</pre>
|
|
1851
|
+
</td>
|
|
1852
|
+
<td class="is-vcentered">
|
|
1853
|
+
<div class="table__color-preview"
|
|
1854
|
+
style="background-color: #4d4d4dff;">
|
|
1855
|
+
</div>
|
|
1856
|
+
|
|
1857
|
+
</td>
|
|
1858
|
+
</tr>
|
|
1796
1859
|
<tr>
|
|
1797
1860
|
<td class="with-icons is-vcentered"
|
|
1798
1861
|
id="base-colorsComponentsMenuWinterParent500"
|
|
@@ -1856,6 +1919,27 @@
|
|
|
1856
1919
|
|
|
1857
1920
|
</td>
|
|
1858
1921
|
</tr>
|
|
1922
|
+
<tr>
|
|
1923
|
+
<td class="with-icons is-vcentered"
|
|
1924
|
+
id="base-colorsComponentsMenuWinterParent800"
|
|
1925
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 800; ">
|
|
1926
|
+
colorsComponentsMenuWinterParent800
|
|
1927
|
+
<a href="#base-colorsComponentsMenuWinterParent800"
|
|
1928
|
+
title="permalink"
|
|
1929
|
+
class="permalink">
|
|
1930
|
+
🔗
|
|
1931
|
+
</a>
|
|
1932
|
+
</td>
|
|
1933
|
+
<td class="is-vcentered">
|
|
1934
|
+
<pre>#262626ff</pre>
|
|
1935
|
+
</td>
|
|
1936
|
+
<td class="is-vcentered">
|
|
1937
|
+
<div class="table__color-preview"
|
|
1938
|
+
style="background-color: #262626ff;">
|
|
1939
|
+
</div>
|
|
1940
|
+
|
|
1941
|
+
</td>
|
|
1942
|
+
</tr>
|
|
1859
1943
|
<tr>
|
|
1860
1944
|
<td class="with-icons is-vcentered"
|
|
1861
1945
|
id="base-colorsComponentsMenuWinterChild300"
|
package/docs/tokens/index.html
CHANGED
|
@@ -1127,6 +1127,27 @@
|
|
|
1127
1127
|
|
|
1128
1128
|
</td>
|
|
1129
1129
|
</tr>
|
|
1130
|
+
<tr>
|
|
1131
|
+
<td class="with-icons is-vcentered"
|
|
1132
|
+
id="base-colorsComponentsMenuSummerParent400"
|
|
1133
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 400; ">
|
|
1134
|
+
colorsComponentsMenuSummerParent400
|
|
1135
|
+
<a href="#base-colorsComponentsMenuSummerParent400"
|
|
1136
|
+
title="permalink"
|
|
1137
|
+
class="permalink">
|
|
1138
|
+
🔗
|
|
1139
|
+
</a>
|
|
1140
|
+
</td>
|
|
1141
|
+
<td class="is-vcentered">
|
|
1142
|
+
<pre>#ccd6dbff</pre>
|
|
1143
|
+
</td>
|
|
1144
|
+
<td class="is-vcentered">
|
|
1145
|
+
<div class="table__color-preview"
|
|
1146
|
+
style="background-color: #ccd6dbff;">
|
|
1147
|
+
</div>
|
|
1148
|
+
|
|
1149
|
+
</td>
|
|
1150
|
+
</tr>
|
|
1130
1151
|
<tr>
|
|
1131
1152
|
<td class="with-icons is-vcentered"
|
|
1132
1153
|
id="base-colorsComponentsMenuSummerParent500"
|
|
@@ -1190,6 +1211,27 @@
|
|
|
1190
1211
|
|
|
1191
1212
|
</td>
|
|
1192
1213
|
</tr>
|
|
1214
|
+
<tr>
|
|
1215
|
+
<td class="with-icons is-vcentered"
|
|
1216
|
+
id="base-colorsComponentsMenuSummerParent800"
|
|
1217
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: summer; element: parent; variant: 800; ">
|
|
1218
|
+
colorsComponentsMenuSummerParent800
|
|
1219
|
+
<a href="#base-colorsComponentsMenuSummerParent800"
|
|
1220
|
+
title="permalink"
|
|
1221
|
+
class="permalink">
|
|
1222
|
+
🔗
|
|
1223
|
+
</a>
|
|
1224
|
+
</td>
|
|
1225
|
+
<td class="is-vcentered">
|
|
1226
|
+
<pre>#e6ebedff</pre>
|
|
1227
|
+
</td>
|
|
1228
|
+
<td class="is-vcentered">
|
|
1229
|
+
<div class="table__color-preview"
|
|
1230
|
+
style="background-color: #e6ebedff;">
|
|
1231
|
+
</div>
|
|
1232
|
+
|
|
1233
|
+
</td>
|
|
1234
|
+
</tr>
|
|
1193
1235
|
<tr>
|
|
1194
1236
|
<td class="with-icons is-vcentered"
|
|
1195
1237
|
id="base-colorsComponentsMenuSummerChild300"
|
|
@@ -1799,6 +1841,27 @@
|
|
|
1799
1841
|
|
|
1800
1842
|
</td>
|
|
1801
1843
|
</tr>
|
|
1844
|
+
<tr>
|
|
1845
|
+
<td class="with-icons is-vcentered"
|
|
1846
|
+
id="base-colorsComponentsMenuWinterParent400"
|
|
1847
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 400; ">
|
|
1848
|
+
colorsComponentsMenuWinterParent400
|
|
1849
|
+
<a href="#base-colorsComponentsMenuWinterParent400"
|
|
1850
|
+
title="permalink"
|
|
1851
|
+
class="permalink">
|
|
1852
|
+
🔗
|
|
1853
|
+
</a>
|
|
1854
|
+
</td>
|
|
1855
|
+
<td class="is-vcentered">
|
|
1856
|
+
<pre>#4d4d4dff</pre>
|
|
1857
|
+
</td>
|
|
1858
|
+
<td class="is-vcentered">
|
|
1859
|
+
<div class="table__color-preview"
|
|
1860
|
+
style="background-color: #4d4d4dff;">
|
|
1861
|
+
</div>
|
|
1862
|
+
|
|
1863
|
+
</td>
|
|
1864
|
+
</tr>
|
|
1802
1865
|
<tr>
|
|
1803
1866
|
<td class="with-icons is-vcentered"
|
|
1804
1867
|
id="base-colorsComponentsMenuWinterParent500"
|
|
@@ -1862,6 +1925,27 @@
|
|
|
1862
1925
|
|
|
1863
1926
|
</td>
|
|
1864
1927
|
</tr>
|
|
1928
|
+
<tr>
|
|
1929
|
+
<td class="with-icons is-vcentered"
|
|
1930
|
+
id="base-colorsComponentsMenuWinterParent800"
|
|
1931
|
+
title="theme: base; category: colors; group: components; name: menu; subgroup: winter; element: parent; variant: 800; ">
|
|
1932
|
+
colorsComponentsMenuWinterParent800
|
|
1933
|
+
<a href="#base-colorsComponentsMenuWinterParent800"
|
|
1934
|
+
title="permalink"
|
|
1935
|
+
class="permalink">
|
|
1936
|
+
🔗
|
|
1937
|
+
</a>
|
|
1938
|
+
</td>
|
|
1939
|
+
<td class="is-vcentered">
|
|
1940
|
+
<pre>#262626ff</pre>
|
|
1941
|
+
</td>
|
|
1942
|
+
<td class="is-vcentered">
|
|
1943
|
+
<div class="table__color-preview"
|
|
1944
|
+
style="background-color: #262626ff;">
|
|
1945
|
+
</div>
|
|
1946
|
+
|
|
1947
|
+
</td>
|
|
1948
|
+
</tr>
|
|
1865
1949
|
<tr>
|
|
1866
1950
|
<td class="with-icons is-vcentered"
|
|
1867
1951
|
id="base-colorsComponentsMenuWinterChild300"
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Mon, 11 Apr 2022 15:44:45 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -52,9 +52,11 @@
|
|
|
52
52
|
#define colorsComponentsMenuSummerStandard600 #007e45ff
|
|
53
53
|
#define colorsComponentsMenuSummerStandard700 #e6ebedff
|
|
54
54
|
#define colorsComponentsMenuSummerStandard800 #e6ebedff
|
|
55
|
+
#define colorsComponentsMenuSummerParent400 #ccd6dbff
|
|
55
56
|
#define colorsComponentsMenuSummerParent500 #ffffffff
|
|
56
57
|
#define colorsComponentsMenuSummerParent600 #007e45ff
|
|
57
58
|
#define colorsComponentsMenuSummerParent700 #e6ebedff
|
|
59
|
+
#define colorsComponentsMenuSummerParent800 #e6ebedff
|
|
58
60
|
#define colorsComponentsMenuSummerChild300 #b3c2c9ff
|
|
59
61
|
#define colorsComponentsMenuSummerChild400 #ccd6dbff
|
|
60
62
|
#define colorsComponentsMenuSummerChild500 #e6ebedff
|
|
@@ -84,9 +86,11 @@
|
|
|
84
86
|
#define colorsComponentsMenuWinterStandard600 #007e45ff
|
|
85
87
|
#define colorsComponentsMenuWinterStandard700 #262626ff
|
|
86
88
|
#define colorsComponentsMenuWinterStandard800 #262626ff
|
|
89
|
+
#define colorsComponentsMenuWinterParent400 #4d4d4dff
|
|
87
90
|
#define colorsComponentsMenuWinterParent500 #000000ff
|
|
88
91
|
#define colorsComponentsMenuWinterParent600 #007e45ff
|
|
89
92
|
#define colorsComponentsMenuWinterParent700 #262626ff
|
|
93
|
+
#define colorsComponentsMenuWinterParent800 #262626ff
|
|
90
94
|
#define colorsComponentsMenuWinterChild300 #666666ff
|
|
91
95
|
#define colorsComponentsMenuWinterChild400 #4d4d4dff
|
|
92
96
|
#define colorsComponentsMenuWinterChild500 #262626ff
|
package/js/base/common.d.ts
CHANGED
|
@@ -40,9 +40,11 @@ export const colorsComponentsMenuSummerStandard500: string;
|
|
|
40
40
|
export const colorsComponentsMenuSummerStandard600: string;
|
|
41
41
|
export const colorsComponentsMenuSummerStandard700: string;
|
|
42
42
|
export const colorsComponentsMenuSummerStandard800: string;
|
|
43
|
+
export const colorsComponentsMenuSummerParent400: string;
|
|
43
44
|
export const colorsComponentsMenuSummerParent500: string;
|
|
44
45
|
export const colorsComponentsMenuSummerParent600: string;
|
|
45
46
|
export const colorsComponentsMenuSummerParent700: string;
|
|
47
|
+
export const colorsComponentsMenuSummerParent800: string;
|
|
46
48
|
export const colorsComponentsMenuSummerChild300: string;
|
|
47
49
|
export const colorsComponentsMenuSummerChild400: string;
|
|
48
50
|
export const colorsComponentsMenuSummerChild500: string;
|
|
@@ -72,9 +74,11 @@ export const colorsComponentsMenuWinterStandard500: string;
|
|
|
72
74
|
export const colorsComponentsMenuWinterStandard600: string;
|
|
73
75
|
export const colorsComponentsMenuWinterStandard700: string;
|
|
74
76
|
export const colorsComponentsMenuWinterStandard800: string;
|
|
77
|
+
export const colorsComponentsMenuWinterParent400: string;
|
|
75
78
|
export const colorsComponentsMenuWinterParent500: string;
|
|
76
79
|
export const colorsComponentsMenuWinterParent600: string;
|
|
77
80
|
export const colorsComponentsMenuWinterParent700: string;
|
|
81
|
+
export const colorsComponentsMenuWinterParent800: string;
|
|
78
82
|
export const colorsComponentsMenuWinterChild300: string;
|
|
79
83
|
export const colorsComponentsMenuWinterChild400: string;
|
|
80
84
|
export const colorsComponentsMenuWinterChild500: 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
|
|
7
|
+
* Generated on Mon, 11 Apr 2022 15:44:44 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -50,9 +50,11 @@ module.exports = {
|
|
|
50
50
|
colorsComponentsMenuSummerStandard600: '#007e45ff',
|
|
51
51
|
colorsComponentsMenuSummerStandard700: '#e6ebedff',
|
|
52
52
|
colorsComponentsMenuSummerStandard800: '#e6ebedff',
|
|
53
|
+
colorsComponentsMenuSummerParent400: '#ccd6dbff',
|
|
53
54
|
colorsComponentsMenuSummerParent500: '#ffffffff',
|
|
54
55
|
colorsComponentsMenuSummerParent600: '#007e45ff',
|
|
55
56
|
colorsComponentsMenuSummerParent700: '#e6ebedff',
|
|
57
|
+
colorsComponentsMenuSummerParent800: '#e6ebedff',
|
|
56
58
|
colorsComponentsMenuSummerChild300: '#b3c2c9ff',
|
|
57
59
|
colorsComponentsMenuSummerChild400: '#ccd6dbff',
|
|
58
60
|
colorsComponentsMenuSummerChild500: '#e6ebedff',
|
|
@@ -82,9 +84,11 @@ module.exports = {
|
|
|
82
84
|
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
83
85
|
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
84
86
|
colorsComponentsMenuWinterStandard800: '#262626ff',
|
|
87
|
+
colorsComponentsMenuWinterParent400: '#4d4d4dff',
|
|
85
88
|
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
86
89
|
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
87
90
|
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
91
|
+
colorsComponentsMenuWinterParent800: '#262626ff',
|
|
88
92
|
colorsComponentsMenuWinterChild300: '#666666ff',
|
|
89
93
|
colorsComponentsMenuWinterChild400: '#4d4d4dff',
|
|
90
94
|
colorsComponentsMenuWinterChild500: '#262626ff',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -41,9 +41,11 @@ declare namespace _default {
|
|
|
41
41
|
const colorsComponentsMenuSummerStandard600: string;
|
|
42
42
|
const colorsComponentsMenuSummerStandard700: string;
|
|
43
43
|
const colorsComponentsMenuSummerStandard800: string;
|
|
44
|
+
const colorsComponentsMenuSummerParent400: string;
|
|
44
45
|
const colorsComponentsMenuSummerParent500: string;
|
|
45
46
|
const colorsComponentsMenuSummerParent600: string;
|
|
46
47
|
const colorsComponentsMenuSummerParent700: string;
|
|
48
|
+
const colorsComponentsMenuSummerParent800: string;
|
|
47
49
|
const colorsComponentsMenuSummerChild300: string;
|
|
48
50
|
const colorsComponentsMenuSummerChild400: string;
|
|
49
51
|
const colorsComponentsMenuSummerChild500: string;
|
|
@@ -73,9 +75,11 @@ declare namespace _default {
|
|
|
73
75
|
const colorsComponentsMenuWinterStandard600: string;
|
|
74
76
|
const colorsComponentsMenuWinterStandard700: string;
|
|
75
77
|
const colorsComponentsMenuWinterStandard800: string;
|
|
78
|
+
const colorsComponentsMenuWinterParent400: string;
|
|
76
79
|
const colorsComponentsMenuWinterParent500: string;
|
|
77
80
|
const colorsComponentsMenuWinterParent600: string;
|
|
78
81
|
const colorsComponentsMenuWinterParent700: string;
|
|
82
|
+
const colorsComponentsMenuWinterParent800: string;
|
|
79
83
|
const colorsComponentsMenuWinterChild300: string;
|
|
80
84
|
const colorsComponentsMenuWinterChild400: string;
|
|
81
85
|
const colorsComponentsMenuWinterChild500: string;
|
package/js/base/es6.js
CHANGED
|
@@ -45,9 +45,11 @@ export default {
|
|
|
45
45
|
colorsComponentsMenuSummerStandard600: '#007e45ff',
|
|
46
46
|
colorsComponentsMenuSummerStandard700: '#e6ebedff',
|
|
47
47
|
colorsComponentsMenuSummerStandard800: '#e6ebedff',
|
|
48
|
+
colorsComponentsMenuSummerParent400: '#ccd6dbff',
|
|
48
49
|
colorsComponentsMenuSummerParent500: '#ffffffff',
|
|
49
50
|
colorsComponentsMenuSummerParent600: '#007e45ff',
|
|
50
51
|
colorsComponentsMenuSummerParent700: '#e6ebedff',
|
|
52
|
+
colorsComponentsMenuSummerParent800: '#e6ebedff',
|
|
51
53
|
colorsComponentsMenuSummerChild300: '#b3c2c9ff',
|
|
52
54
|
colorsComponentsMenuSummerChild400: '#ccd6dbff',
|
|
53
55
|
colorsComponentsMenuSummerChild500: '#e6ebedff',
|
|
@@ -77,9 +79,11 @@ export default {
|
|
|
77
79
|
colorsComponentsMenuWinterStandard600: '#007e45ff',
|
|
78
80
|
colorsComponentsMenuWinterStandard700: '#262626ff',
|
|
79
81
|
colorsComponentsMenuWinterStandard800: '#262626ff',
|
|
82
|
+
colorsComponentsMenuWinterParent400: '#4d4d4dff',
|
|
80
83
|
colorsComponentsMenuWinterParent500: '#000000ff',
|
|
81
84
|
colorsComponentsMenuWinterParent600: '#007e45ff',
|
|
82
85
|
colorsComponentsMenuWinterParent700: '#262626ff',
|
|
86
|
+
colorsComponentsMenuWinterParent800: '#262626ff',
|
|
83
87
|
colorsComponentsMenuWinterChild300: '#666666ff',
|
|
84
88
|
colorsComponentsMenuWinterChild400: '#4d4d4dff',
|
|
85
89
|
colorsComponentsMenuWinterChild500: '#262626ff',
|
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.19.2",
|
|
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
|
|
7
|
+
// Generated on Mon, 11 Apr 2022 15:44:44 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -48,9 +48,11 @@ $colorsComponentsMenuSummerStandard500: #ffffffff;
|
|
|
48
48
|
$colorsComponentsMenuSummerStandard600: #007e45ff;
|
|
49
49
|
$colorsComponentsMenuSummerStandard700: #e6ebedff;
|
|
50
50
|
$colorsComponentsMenuSummerStandard800: #e6ebedff;
|
|
51
|
+
$colorsComponentsMenuSummerParent400: #ccd6dbff;
|
|
51
52
|
$colorsComponentsMenuSummerParent500: #ffffffff;
|
|
52
53
|
$colorsComponentsMenuSummerParent600: #007e45ff;
|
|
53
54
|
$colorsComponentsMenuSummerParent700: #e6ebedff;
|
|
55
|
+
$colorsComponentsMenuSummerParent800: #e6ebedff;
|
|
54
56
|
$colorsComponentsMenuSummerChild300: #b3c2c9ff;
|
|
55
57
|
$colorsComponentsMenuSummerChild400: #ccd6dbff;
|
|
56
58
|
$colorsComponentsMenuSummerChild500: #e6ebedff;
|
|
@@ -80,9 +82,11 @@ $colorsComponentsMenuWinterStandard500: #000000ff;
|
|
|
80
82
|
$colorsComponentsMenuWinterStandard600: #007e45ff;
|
|
81
83
|
$colorsComponentsMenuWinterStandard700: #262626ff;
|
|
82
84
|
$colorsComponentsMenuWinterStandard800: #262626ff;
|
|
85
|
+
$colorsComponentsMenuWinterParent400: #4d4d4dff;
|
|
83
86
|
$colorsComponentsMenuWinterParent500: #000000ff;
|
|
84
87
|
$colorsComponentsMenuWinterParent600: #007e45ff;
|
|
85
88
|
$colorsComponentsMenuWinterParent700: #262626ff;
|
|
89
|
+
$colorsComponentsMenuWinterParent800: #262626ff;
|
|
86
90
|
$colorsComponentsMenuWinterChild300: #666666ff;
|
|
87
91
|
$colorsComponentsMenuWinterChild400: #4d4d4dff;
|
|
88
92
|
$colorsComponentsMenuWinterChild500: #262626ff;
|
|
Binary file
|