@sage/design-tokens 2.19.2 → 2.20.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.
Files changed (16) hide show
  1. package/android/base.xml +7 -6
  2. package/css/base.css +7 -6
  3. package/data/tokens.json +26 -14
  4. package/docs/tokens/base/box-shadow/index.html +27 -6
  5. package/docs/tokens/base/colors/index.html +8 -8
  6. package/docs/tokens/base/index.html +35 -14
  7. package/docs/tokens/index.html +35 -14
  8. package/ios/base.h +7 -6
  9. package/js/base/common.d.ts +2 -1
  10. package/js/base/common.js +7 -6
  11. package/js/base/es6.d.ts +2 -1
  12. package/js/base/es6.js +6 -5
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.20.0.tgz +0 -0
  15. package/scss/base.scss +7 -6
  16. package/sage-design-tokens-2.19.2.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 Mon, 11 Apr 2022 15:44:45 GMT
5
+ Generated on Wed, 13 Apr 2022 10:51:51 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -43,12 +43,12 @@
43
43
  <string name="colorsComponentsMenuSpringChildAlt500">#e6ebedff</string>
44
44
  <string name="colorsComponentsMenuSpringChildAlt600">#007e45ff</string>
45
45
  <string name="colorsComponentsMenuSummerStandard400">#ccd6dbff</string>
46
- <string name="colorsComponentsMenuSummerStandard500">#ffffffff</string>
46
+ <string name="colorsComponentsMenuSummerStandard500">#00000000</string>
47
47
  <string name="colorsComponentsMenuSummerStandard600">#007e45ff</string>
48
48
  <string name="colorsComponentsMenuSummerStandard700">#e6ebedff</string>
49
49
  <string name="colorsComponentsMenuSummerStandard800">#e6ebedff</string>
50
50
  <string name="colorsComponentsMenuSummerParent400">#ccd6dbff</string>
51
- <string name="colorsComponentsMenuSummerParent500">#ffffffff</string>
51
+ <string name="colorsComponentsMenuSummerParent500">#00000000</string>
52
52
  <string name="colorsComponentsMenuSummerParent600">#007e45ff</string>
53
53
  <string name="colorsComponentsMenuSummerParent700">#e6ebedff</string>
54
54
  <string name="colorsComponentsMenuSummerParent800">#e6ebedff</string>
@@ -77,12 +77,12 @@
77
77
  <string name="colorsComponentsMenuAutumnChildAlt500">#00324cff</string>
78
78
  <string name="colorsComponentsMenuAutumnChildAlt600">#007e45ff</string>
79
79
  <string name="colorsComponentsMenuWinterStandard400">#4d4d4dff</string>
80
- <string name="colorsComponentsMenuWinterStandard500">#000000ff</string>
80
+ <string name="colorsComponentsMenuWinterStandard500">#00000000</string>
81
81
  <string name="colorsComponentsMenuWinterStandard600">#007e45ff</string>
82
82
  <string name="colorsComponentsMenuWinterStandard700">#262626ff</string>
83
83
  <string name="colorsComponentsMenuWinterStandard800">#262626ff</string>
84
84
  <string name="colorsComponentsMenuWinterParent400">#4d4d4dff</string>
85
- <string name="colorsComponentsMenuWinterParent500">#000000ff</string>
85
+ <string name="colorsComponentsMenuWinterParent500">#00000000</string>
86
86
  <string name="colorsComponentsMenuWinterParent600">#007e45ff</string>
87
87
  <string name="colorsComponentsMenuWinterParent700">#262626ff</string>
88
88
  <string name="colorsComponentsMenuWinterParent800">#262626ff</string>
@@ -282,8 +282,9 @@
282
282
  <string name="boxShadow200">0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a</string>
283
283
  <string name="boxShadow300">0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a</string>
284
284
  <string name="boxShadow400">0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a</string>
285
- <string name="boxShadow075">inset 0 6px 4px -4px #00141e0d</string>
285
+ <string name="boxShadow010">inset 0 -1px 0 0 #e6ebedff</string>
286
286
  <string name="boxShadow050">0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26</string>
287
+ <string name="boxShadow075">inset 0 6px 4px -4px #00141e0d</string>
287
288
  <string name="boxShadow090">0 4px 8px -4px #00141e1a</string>
288
289
  <string name="boxShadow091">4px 0 8px -4px #00141e1a</string>
289
290
  <string name="fontWeights400">Regular</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 Mon, 11 Apr 2022 15:44:44 GMT
7
+ * Generated on Wed, 13 Apr 2022 10:51:51 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -46,12 +46,12 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
46
46
  --colorsComponentsMenuSpringChildAlt500: #e6ebedff;
47
47
  --colorsComponentsMenuSpringChildAlt600: #007e45ff;
48
48
  --colorsComponentsMenuSummerStandard400: #ccd6dbff;
49
- --colorsComponentsMenuSummerStandard500: #ffffffff;
49
+ --colorsComponentsMenuSummerStandard500: #00000000;
50
50
  --colorsComponentsMenuSummerStandard600: #007e45ff;
51
51
  --colorsComponentsMenuSummerStandard700: #e6ebedff;
52
52
  --colorsComponentsMenuSummerStandard800: #e6ebedff;
53
53
  --colorsComponentsMenuSummerParent400: #ccd6dbff;
54
- --colorsComponentsMenuSummerParent500: #ffffffff;
54
+ --colorsComponentsMenuSummerParent500: #00000000;
55
55
  --colorsComponentsMenuSummerParent600: #007e45ff;
56
56
  --colorsComponentsMenuSummerParent700: #e6ebedff;
57
57
  --colorsComponentsMenuSummerParent800: #e6ebedff;
@@ -80,12 +80,12 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
80
80
  --colorsComponentsMenuAutumnChildAlt500: #00324cff;
81
81
  --colorsComponentsMenuAutumnChildAlt600: #007e45ff;
82
82
  --colorsComponentsMenuWinterStandard400: #4d4d4dff;
83
- --colorsComponentsMenuWinterStandard500: #000000ff;
83
+ --colorsComponentsMenuWinterStandard500: #00000000;
84
84
  --colorsComponentsMenuWinterStandard600: #007e45ff;
85
85
  --colorsComponentsMenuWinterStandard700: #262626ff;
86
86
  --colorsComponentsMenuWinterStandard800: #262626ff;
87
87
  --colorsComponentsMenuWinterParent400: #4d4d4dff;
88
- --colorsComponentsMenuWinterParent500: #000000ff;
88
+ --colorsComponentsMenuWinterParent500: #00000000;
89
89
  --colorsComponentsMenuWinterParent600: #007e45ff;
90
90
  --colorsComponentsMenuWinterParent700: #262626ff;
91
91
  --colorsComponentsMenuWinterParent800: #262626ff;
@@ -285,8 +285,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
285
285
  --boxShadow200: 0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a;
286
286
  --boxShadow300: 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a;
287
287
  --boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
288
- --boxShadow075: inset 0 6px 4px -4px #00141e0d;
288
+ --boxShadow010: inset 0 -1px 0 0 #e6ebedff;
289
289
  --boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
290
+ --boxShadow075: inset 0 6px 4px -4px #00141e0d;
290
291
  --boxShadow090: 0 4px 8px -4px #00141e1a;
291
292
  --boxShadow091: 4px 0 8px -4px #00141e1a;
292
293
  --fontWeights400: 400;
package/data/tokens.json CHANGED
@@ -204,9 +204,9 @@
204
204
  "description": "selected menu button border"
205
205
  },
206
206
  "500": {
207
- "value": "#ffffffff",
207
+ "value": "#00000000",
208
208
  "type": "color",
209
- "description": "default menu button"
209
+ "description": "default menu button (to sit on colors.gray.000 nav bar)"
210
210
  },
211
211
  "600": {
212
212
  "value": "#007e45ff",
@@ -231,9 +231,9 @@
231
231
  "description": "selected menu button border (on parent with clickable action)"
232
232
  },
233
233
  "500": {
234
- "value": "#ffffffff",
234
+ "value": "#00000000",
235
235
  "type": "color",
236
- "description": "default menu button"
236
+ "description": "default menu button (to sit on colors.gray.000 nav bar)"
237
237
  },
238
238
  "600": {
239
239
  "value": "#007e45ff",
@@ -385,9 +385,9 @@
385
385
  "description": "selected menu button border"
386
386
  },
387
387
  "500": {
388
- "value": "#000000ff",
388
+ "value": "#00000000",
389
389
  "type": "color",
390
- "description": "default menu button"
390
+ "description": "default menu button (to sit on colors.gray.1000 nav bar)"
391
391
  },
392
392
  "600": {
393
393
  "value": "#007e45ff",
@@ -412,9 +412,9 @@
412
412
  "description": "selected menu button border (for parent with clickable action)"
413
413
  },
414
414
  "500": {
415
- "value": "#000000ff",
415
+ "value": "#00000000",
416
416
  "type": "color",
417
- "description": "default menu button"
417
+ "description": "default menu button (to sit on colors.gray.1000 nav bar)"
418
418
  },
419
419
  "600": {
420
420
  "value": "#007e45ff",
@@ -1428,16 +1428,16 @@
1428
1428
  ],
1429
1429
  "type": "boxShadow"
1430
1430
  },
1431
- "075": {
1431
+ "010": {
1432
1432
  "value": {
1433
1433
  "x": "0",
1434
- "y": "6",
1435
- "blur": "4",
1436
- "spread": "-4",
1437
- "color": "#00141e0d",
1434
+ "y": "-1px",
1435
+ "blur": "0",
1436
+ "spread": "0",
1437
+ "color": "#e6ebedff",
1438
1438
  "type": "innerShadow"
1439
1439
  },
1440
- "description": "for table expandable row 1st child",
1440
+ "description": "bottom internal border",
1441
1441
  "type": "boxShadow"
1442
1442
  },
1443
1443
  "050": {
@@ -1462,6 +1462,18 @@
1462
1462
  "description": "",
1463
1463
  "type": "boxShadow"
1464
1464
  },
1465
+ "075": {
1466
+ "value": {
1467
+ "x": "0",
1468
+ "y": "6",
1469
+ "blur": "4",
1470
+ "spread": "-4",
1471
+ "color": "#00141e0d",
1472
+ "type": "innerShadow"
1473
+ },
1474
+ "description": "for table expandable row 1st child",
1475
+ "type": "boxShadow"
1476
+ },
1465
1477
  "090": {
1466
1478
  "value": {
1467
1479
  "x": "0",
package/docs/tokens/base/box-shadow/index.html CHANGED
@@ -392,21 +392,21 @@
392
392
  </tr>
393
393
  <tr>
394
394
  <td class="with-icons is-vcentered"
395
- id="base-boxShadow075"
396
- title="theme: base; category: boxShadow; variant: 075; ">
397
- boxShadow075
398
- <a href="#base-boxShadow075"
395
+ id="base-boxShadow010"
396
+ title="theme: base; category: boxShadow; variant: 010; ">
397
+ boxShadow010
398
+ <a href="#base-boxShadow010"
399
399
  title="permalink"
400
400
  class="permalink">
401
401
  🔗
402
402
  </a>
403
403
  </td>
404
404
  <td class="is-vcentered">
405
- <pre>inset 0 6px 4px -4px #00141e0d</pre>
405
+ <pre>inset 0 -1px 0 0 #e6ebedff</pre>
406
406
  </td>
407
407
  <td class="is-vcentered">
408
408
  <div class="table__box-shadow-preview"
409
- style="box-shadow: inset 0 6px 4px -4px #00141e0d">
409
+ style="box-shadow: inset 0 -1px 0 0 #e6ebedff">
410
410
  </div>
411
411
 
412
412
  </td>
@@ -432,6 +432,27 @@
432
432
 
433
433
  </td>
434
434
  </tr>
435
+ <tr>
436
+ <td class="with-icons is-vcentered"
437
+ id="base-boxShadow075"
438
+ title="theme: base; category: boxShadow; variant: 075; ">
439
+ boxShadow075
440
+ <a href="#base-boxShadow075"
441
+ title="permalink"
442
+ class="permalink">
443
+ 🔗
444
+ </a>
445
+ </td>
446
+ <td class="is-vcentered">
447
+ <pre>inset 0 6px 4px -4px #00141e0d</pre>
448
+ </td>
449
+ <td class="is-vcentered">
450
+ <div class="table__box-shadow-preview"
451
+ style="box-shadow: inset 0 6px 4px -4px #00141e0d">
452
+ </div>
453
+
454
+ </td>
455
+ </tr>
435
456
  <tr>
436
457
  <td class="with-icons is-vcentered"
437
458
  id="base-boxShadow090"
package/docs/tokens/base/colors/index.html CHANGED
@@ -1053,11 +1053,11 @@
1053
1053
  </a>
1054
1054
  </td>
1055
1055
  <td class="is-vcentered">
1056
- <pre>#ffffffff</pre>
1056
+ <pre>#00000000</pre>
1057
1057
  </td>
1058
1058
  <td class="is-vcentered">
1059
1059
  <div class="table__color-preview"
1060
- style="background-color: #ffffffff;">
1060
+ style="background-color: #00000000;">
1061
1061
  </div>
1062
1062
 
1063
1063
  </td>
@@ -1158,11 +1158,11 @@
1158
1158
  </a>
1159
1159
  </td>
1160
1160
  <td class="is-vcentered">
1161
- <pre>#ffffffff</pre>
1161
+ <pre>#00000000</pre>
1162
1162
  </td>
1163
1163
  <td class="is-vcentered">
1164
1164
  <div class="table__color-preview"
1165
- style="background-color: #ffffffff;">
1165
+ style="background-color: #00000000;">
1166
1166
  </div>
1167
1167
 
1168
1168
  </td>
@@ -1767,11 +1767,11 @@
1767
1767
  </a>
1768
1768
  </td>
1769
1769
  <td class="is-vcentered">
1770
- <pre>#000000ff</pre>
1770
+ <pre>#00000000</pre>
1771
1771
  </td>
1772
1772
  <td class="is-vcentered">
1773
1773
  <div class="table__color-preview"
1774
- style="background-color: #000000ff;">
1774
+ style="background-color: #00000000;">
1775
1775
  </div>
1776
1776
 
1777
1777
  </td>
@@ -1872,11 +1872,11 @@
1872
1872
  </a>
1873
1873
  </td>
1874
1874
  <td class="is-vcentered">
1875
- <pre>#000000ff</pre>
1875
+ <pre>#00000000</pre>
1876
1876
  </td>
1877
1877
  <td class="is-vcentered">
1878
1878
  <div class="table__color-preview"
1879
- style="background-color: #000000ff;">
1879
+ style="background-color: #00000000;">
1880
1880
  </div>
1881
1881
 
1882
1882
  </td>
package/docs/tokens/base/index.html CHANGED
@@ -1049,11 +1049,11 @@
1049
1049
  </a>
1050
1050
  </td>
1051
1051
  <td class="is-vcentered">
1052
- <pre>#ffffffff</pre>
1052
+ <pre>#00000000</pre>
1053
1053
  </td>
1054
1054
  <td class="is-vcentered">
1055
1055
  <div class="table__color-preview"
1056
- style="background-color: #ffffffff;">
1056
+ style="background-color: #00000000;">
1057
1057
  </div>
1058
1058
 
1059
1059
  </td>
@@ -1154,11 +1154,11 @@
1154
1154
  </a>
1155
1155
  </td>
1156
1156
  <td class="is-vcentered">
1157
- <pre>#ffffffff</pre>
1157
+ <pre>#00000000</pre>
1158
1158
  </td>
1159
1159
  <td class="is-vcentered">
1160
1160
  <div class="table__color-preview"
1161
- style="background-color: #ffffffff;">
1161
+ style="background-color: #00000000;">
1162
1162
  </div>
1163
1163
 
1164
1164
  </td>
@@ -1763,11 +1763,11 @@
1763
1763
  </a>
1764
1764
  </td>
1765
1765
  <td class="is-vcentered">
1766
- <pre>#000000ff</pre>
1766
+ <pre>#00000000</pre>
1767
1767
  </td>
1768
1768
  <td class="is-vcentered">
1769
1769
  <div class="table__color-preview"
1770
- style="background-color: #000000ff;">
1770
+ style="background-color: #00000000;">
1771
1771
  </div>
1772
1772
 
1773
1773
  </td>
@@ -1868,11 +1868,11 @@
1868
1868
  </a>
1869
1869
  </td>
1870
1870
  <td class="is-vcentered">
1871
- <pre>#000000ff</pre>
1871
+ <pre>#00000000</pre>
1872
1872
  </td>
1873
1873
  <td class="is-vcentered">
1874
1874
  <div class="table__color-preview"
1875
- style="background-color: #000000ff;">
1875
+ style="background-color: #00000000;">
1876
1876
  </div>
1877
1877
 
1878
1878
  </td>
@@ -6156,21 +6156,21 @@
6156
6156
  </tr>
6157
6157
  <tr>
6158
6158
  <td class="with-icons is-vcentered"
6159
- id="base-boxShadow075"
6160
- title="theme: base; category: boxShadow; variant: 075; ">
6161
- boxShadow075
6162
- <a href="#base-boxShadow075"
6159
+ id="base-boxShadow010"
6160
+ title="theme: base; category: boxShadow; variant: 010; ">
6161
+ boxShadow010
6162
+ <a href="#base-boxShadow010"
6163
6163
  title="permalink"
6164
6164
  class="permalink">
6165
6165
  🔗
6166
6166
  </a>
6167
6167
  </td>
6168
6168
  <td class="is-vcentered">
6169
- <pre>inset 0 6px 4px -4px #00141e0d</pre>
6169
+ <pre>inset 0 -1px 0 0 #e6ebedff</pre>
6170
6170
  </td>
6171
6171
  <td class="is-vcentered">
6172
6172
  <div class="table__box-shadow-preview"
6173
- style="box-shadow: inset 0 6px 4px -4px #00141e0d">
6173
+ style="box-shadow: inset 0 -1px 0 0 #e6ebedff">
6174
6174
  </div>
6175
6175
 
6176
6176
  </td>
@@ -6196,6 +6196,27 @@
6196
6196
 
6197
6197
  </td>
6198
6198
  </tr>
6199
+ <tr>
6200
+ <td class="with-icons is-vcentered"
6201
+ id="base-boxShadow075"
6202
+ title="theme: base; category: boxShadow; variant: 075; ">
6203
+ boxShadow075
6204
+ <a href="#base-boxShadow075"
6205
+ title="permalink"
6206
+ class="permalink">
6207
+ 🔗
6208
+ </a>
6209
+ </td>
6210
+ <td class="is-vcentered">
6211
+ <pre>inset 0 6px 4px -4px #00141e0d</pre>
6212
+ </td>
6213
+ <td class="is-vcentered">
6214
+ <div class="table__box-shadow-preview"
6215
+ style="box-shadow: inset 0 6px 4px -4px #00141e0d">
6216
+ </div>
6217
+
6218
+ </td>
6219
+ </tr>
6199
6220
  <tr>
6200
6221
  <td class="with-icons is-vcentered"
6201
6222
  id="base-boxShadow090"
package/docs/tokens/index.html CHANGED
@@ -1055,11 +1055,11 @@
1055
1055
  </a>
1056
1056
  </td>
1057
1057
  <td class="is-vcentered">
1058
- <pre>#ffffffff</pre>
1058
+ <pre>#00000000</pre>
1059
1059
  </td>
1060
1060
  <td class="is-vcentered">
1061
1061
  <div class="table__color-preview"
1062
- style="background-color: #ffffffff;">
1062
+ style="background-color: #00000000;">
1063
1063
  </div>
1064
1064
 
1065
1065
  </td>
@@ -1160,11 +1160,11 @@
1160
1160
  </a>
1161
1161
  </td>
1162
1162
  <td class="is-vcentered">
1163
- <pre>#ffffffff</pre>
1163
+ <pre>#00000000</pre>
1164
1164
  </td>
1165
1165
  <td class="is-vcentered">
1166
1166
  <div class="table__color-preview"
1167
- style="background-color: #ffffffff;">
1167
+ style="background-color: #00000000;">
1168
1168
  </div>
1169
1169
 
1170
1170
  </td>
@@ -1769,11 +1769,11 @@
1769
1769
  </a>
1770
1770
  </td>
1771
1771
  <td class="is-vcentered">
1772
- <pre>#000000ff</pre>
1772
+ <pre>#00000000</pre>
1773
1773
  </td>
1774
1774
  <td class="is-vcentered">
1775
1775
  <div class="table__color-preview"
1776
- style="background-color: #000000ff;">
1776
+ style="background-color: #00000000;">
1777
1777
  </div>
1778
1778
 
1779
1779
  </td>
@@ -1874,11 +1874,11 @@
1874
1874
  </a>
1875
1875
  </td>
1876
1876
  <td class="is-vcentered">
1877
- <pre>#000000ff</pre>
1877
+ <pre>#00000000</pre>
1878
1878
  </td>
1879
1879
  <td class="is-vcentered">
1880
1880
  <div class="table__color-preview"
1881
- style="background-color: #000000ff;">
1881
+ style="background-color: #00000000;">
1882
1882
  </div>
1883
1883
 
1884
1884
  </td>
@@ -6187,21 +6187,21 @@
6187
6187
  </tr>
6188
6188
  <tr>
6189
6189
  <td class="with-icons is-vcentered"
6190
- id="base-boxShadow075"
6191
- title="theme: base; category: boxShadow; variant: 075; ">
6192
- boxShadow075
6193
- <a href="#base-boxShadow075"
6190
+ id="base-boxShadow010"
6191
+ title="theme: base; category: boxShadow; variant: 010; ">
6192
+ boxShadow010
6193
+ <a href="#base-boxShadow010"
6194
6194
  title="permalink"
6195
6195
  class="permalink">
6196
6196
  🔗
6197
6197
  </a>
6198
6198
  </td>
6199
6199
  <td class="is-vcentered">
6200
- <pre>inset 0 6px 4px -4px #00141e0d</pre>
6200
+ <pre>inset 0 -1px 0 0 #e6ebedff</pre>
6201
6201
  </td>
6202
6202
  <td class="is-vcentered">
6203
6203
  <div class="table__box-shadow-preview"
6204
- style="box-shadow: inset 0 6px 4px -4px #00141e0d">
6204
+ style="box-shadow: inset 0 -1px 0 0 #e6ebedff">
6205
6205
  </div>
6206
6206
 
6207
6207
  </td>
@@ -6227,6 +6227,27 @@
6227
6227
 
6228
6228
  </td>
6229
6229
  </tr>
6230
+ <tr>
6231
+ <td class="with-icons is-vcentered"
6232
+ id="base-boxShadow075"
6233
+ title="theme: base; category: boxShadow; variant: 075; ">
6234
+ boxShadow075
6235
+ <a href="#base-boxShadow075"
6236
+ title="permalink"
6237
+ class="permalink">
6238
+ 🔗
6239
+ </a>
6240
+ </td>
6241
+ <td class="is-vcentered">
6242
+ <pre>inset 0 6px 4px -4px #00141e0d</pre>
6243
+ </td>
6244
+ <td class="is-vcentered">
6245
+ <div class="table__box-shadow-preview"
6246
+ style="box-shadow: inset 0 6px 4px -4px #00141e0d">
6247
+ </div>
6248
+
6249
+ </td>
6250
+ </tr>
6230
6251
  <tr>
6231
6252
  <td class="with-icons is-vcentered"
6232
6253
  id="base-boxShadow090"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 11 Apr 2022 15:44:45 GMT
7
+ // Generated on Wed, 13 Apr 2022 10:51:51 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -48,12 +48,12 @@
48
48
  #define colorsComponentsMenuSpringChildAlt500 #e6ebedff
49
49
  #define colorsComponentsMenuSpringChildAlt600 #007e45ff
50
50
  #define colorsComponentsMenuSummerStandard400 #ccd6dbff
51
- #define colorsComponentsMenuSummerStandard500 #ffffffff
51
+ #define colorsComponentsMenuSummerStandard500 #00000000
52
52
  #define colorsComponentsMenuSummerStandard600 #007e45ff
53
53
  #define colorsComponentsMenuSummerStandard700 #e6ebedff
54
54
  #define colorsComponentsMenuSummerStandard800 #e6ebedff
55
55
  #define colorsComponentsMenuSummerParent400 #ccd6dbff
56
- #define colorsComponentsMenuSummerParent500 #ffffffff
56
+ #define colorsComponentsMenuSummerParent500 #00000000
57
57
  #define colorsComponentsMenuSummerParent600 #007e45ff
58
58
  #define colorsComponentsMenuSummerParent700 #e6ebedff
59
59
  #define colorsComponentsMenuSummerParent800 #e6ebedff
@@ -82,12 +82,12 @@
82
82
  #define colorsComponentsMenuAutumnChildAlt500 #00324cff
83
83
  #define colorsComponentsMenuAutumnChildAlt600 #007e45ff
84
84
  #define colorsComponentsMenuWinterStandard400 #4d4d4dff
85
- #define colorsComponentsMenuWinterStandard500 #000000ff
85
+ #define colorsComponentsMenuWinterStandard500 #00000000
86
86
  #define colorsComponentsMenuWinterStandard600 #007e45ff
87
87
  #define colorsComponentsMenuWinterStandard700 #262626ff
88
88
  #define colorsComponentsMenuWinterStandard800 #262626ff
89
89
  #define colorsComponentsMenuWinterParent400 #4d4d4dff
90
- #define colorsComponentsMenuWinterParent500 #000000ff
90
+ #define colorsComponentsMenuWinterParent500 #00000000
91
91
  #define colorsComponentsMenuWinterParent600 #007e45ff
92
92
  #define colorsComponentsMenuWinterParent700 #262626ff
93
93
  #define colorsComponentsMenuWinterParent800 #262626ff
@@ -287,8 +287,9 @@
287
287
  #define boxShadow200 0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a
288
288
  #define boxShadow300 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a
289
289
  #define boxShadow400 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a
290
- #define boxShadow075 inset 0 6px 4px -4px #00141e0d
290
+ #define boxShadow010 inset 0 -1px 0 0 #e6ebedff
291
291
  #define boxShadow050 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26
292
+ #define boxShadow075 inset 0 6px 4px -4px #00141e0d
292
293
  #define boxShadow090 0 4px 8px -4px #00141e1a
293
294
  #define boxShadow091 4px 0 8px -4px #00141e1a
294
295
  #define fontWeights400 Regular
package/js/base/common.d.ts CHANGED
@@ -275,8 +275,9 @@ export const boxShadow150: string;
275
275
  export const boxShadow200: string;
276
276
  export const boxShadow300: string;
277
277
  export const boxShadow400: string;
278
- export const boxShadow075: string;
278
+ export const boxShadow010: string;
279
279
  export const boxShadow050: string;
280
+ export const boxShadow075: string;
280
281
  export const boxShadow090: string;
281
282
  export const boxShadow091: string;
282
283
  export const fontWeights400: 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 Mon, 11 Apr 2022 15:44:44 GMT
7
+ * Generated on Wed, 13 Apr 2022 10:51:51 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -46,12 +46,12 @@ module.exports = {
46
46
  colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
47
47
  colorsComponentsMenuSpringChildAlt600: '#007e45ff',
48
48
  colorsComponentsMenuSummerStandard400: '#ccd6dbff',
49
- colorsComponentsMenuSummerStandard500: '#ffffffff',
49
+ colorsComponentsMenuSummerStandard500: '#00000000',
50
50
  colorsComponentsMenuSummerStandard600: '#007e45ff',
51
51
  colorsComponentsMenuSummerStandard700: '#e6ebedff',
52
52
  colorsComponentsMenuSummerStandard800: '#e6ebedff',
53
53
  colorsComponentsMenuSummerParent400: '#ccd6dbff',
54
- colorsComponentsMenuSummerParent500: '#ffffffff',
54
+ colorsComponentsMenuSummerParent500: '#00000000',
55
55
  colorsComponentsMenuSummerParent600: '#007e45ff',
56
56
  colorsComponentsMenuSummerParent700: '#e6ebedff',
57
57
  colorsComponentsMenuSummerParent800: '#e6ebedff',
@@ -80,12 +80,12 @@ module.exports = {
80
80
  colorsComponentsMenuAutumnChildAlt500: '#00324cff',
81
81
  colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
82
82
  colorsComponentsMenuWinterStandard400: '#4d4d4dff',
83
- colorsComponentsMenuWinterStandard500: '#000000ff',
83
+ colorsComponentsMenuWinterStandard500: '#00000000',
84
84
  colorsComponentsMenuWinterStandard600: '#007e45ff',
85
85
  colorsComponentsMenuWinterStandard700: '#262626ff',
86
86
  colorsComponentsMenuWinterStandard800: '#262626ff',
87
87
  colorsComponentsMenuWinterParent400: '#4d4d4dff',
88
- colorsComponentsMenuWinterParent500: '#000000ff',
88
+ colorsComponentsMenuWinterParent500: '#00000000',
89
89
  colorsComponentsMenuWinterParent600: '#007e45ff',
90
90
  colorsComponentsMenuWinterParent700: '#262626ff',
91
91
  colorsComponentsMenuWinterParent800: '#262626ff',
@@ -285,8 +285,9 @@ module.exports = {
285
285
  boxShadow200: '0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a',
286
286
  boxShadow300: '0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a',
287
287
  boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
288
- boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
288
+ boxShadow010: 'inset 0 -1px 0 0 #e6ebedff',
289
289
  boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
290
+ boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
290
291
  boxShadow090: '0 4px 8px -4px #00141e1a',
291
292
  boxShadow091: '4px 0 8px -4px #00141e1a',
292
293
  fontWeights400: '400',
package/js/base/es6.d.ts CHANGED
@@ -276,8 +276,9 @@ declare namespace _default {
276
276
  const boxShadow200: string;
277
277
  const boxShadow300: string;
278
278
  const boxShadow400: string;
279
- const boxShadow075: string;
279
+ const boxShadow010: string;
280
280
  const boxShadow050: string;
281
+ const boxShadow075: string;
281
282
  const boxShadow090: string;
282
283
  const boxShadow091: string;
283
284
  const fontWeights400: string;
package/js/base/es6.js CHANGED
@@ -41,12 +41,12 @@ export default {
41
41
  colorsComponentsMenuSpringChildAlt500: '#e6ebedff',
42
42
  colorsComponentsMenuSpringChildAlt600: '#007e45ff',
43
43
  colorsComponentsMenuSummerStandard400: '#ccd6dbff',
44
- colorsComponentsMenuSummerStandard500: '#ffffffff',
44
+ colorsComponentsMenuSummerStandard500: '#00000000',
45
45
  colorsComponentsMenuSummerStandard600: '#007e45ff',
46
46
  colorsComponentsMenuSummerStandard700: '#e6ebedff',
47
47
  colorsComponentsMenuSummerStandard800: '#e6ebedff',
48
48
  colorsComponentsMenuSummerParent400: '#ccd6dbff',
49
- colorsComponentsMenuSummerParent500: '#ffffffff',
49
+ colorsComponentsMenuSummerParent500: '#00000000',
50
50
  colorsComponentsMenuSummerParent600: '#007e45ff',
51
51
  colorsComponentsMenuSummerParent700: '#e6ebedff',
52
52
  colorsComponentsMenuSummerParent800: '#e6ebedff',
@@ -75,12 +75,12 @@ export default {
75
75
  colorsComponentsMenuAutumnChildAlt500: '#00324cff',
76
76
  colorsComponentsMenuAutumnChildAlt600: '#007e45ff',
77
77
  colorsComponentsMenuWinterStandard400: '#4d4d4dff',
78
- colorsComponentsMenuWinterStandard500: '#000000ff',
78
+ colorsComponentsMenuWinterStandard500: '#00000000',
79
79
  colorsComponentsMenuWinterStandard600: '#007e45ff',
80
80
  colorsComponentsMenuWinterStandard700: '#262626ff',
81
81
  colorsComponentsMenuWinterStandard800: '#262626ff',
82
82
  colorsComponentsMenuWinterParent400: '#4d4d4dff',
83
- colorsComponentsMenuWinterParent500: '#000000ff',
83
+ colorsComponentsMenuWinterParent500: '#00000000',
84
84
  colorsComponentsMenuWinterParent600: '#007e45ff',
85
85
  colorsComponentsMenuWinterParent700: '#262626ff',
86
86
  colorsComponentsMenuWinterParent800: '#262626ff',
@@ -280,8 +280,9 @@ export default {
280
280
  boxShadow200: '0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a',
281
281
  boxShadow300: '0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a',
282
282
  boxShadow400: '0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a',
283
- boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
283
+ boxShadow010: 'inset 0 -1px 0 0 #e6ebedff',
284
284
  boxShadow050: '0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26',
285
+ boxShadow075: 'inset 0 6px 4px -4px #00141e0d',
285
286
  boxShadow090: '0 4px 8px -4px #00141e1a',
286
287
  boxShadow091: '4px 0 8px -4px #00141e1a',
287
288
  fontWeights400: '400',
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.19.2",
13
+ "version": "2.20.0",
14
14
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
15
15
  "tags": [
16
16
  "design tokens",
package/sage-design-tokens-2.20.0.tgz ADDED
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 Mon, 11 Apr 2022 15:44:44 GMT
7
+ // Generated on Wed, 13 Apr 2022 10:51:51 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -44,12 +44,12 @@ $colorsComponentsMenuSpringChildAlt400: #ccd6dbff;
44
44
  $colorsComponentsMenuSpringChildAlt500: #e6ebedff;
45
45
  $colorsComponentsMenuSpringChildAlt600: #007e45ff;
46
46
  $colorsComponentsMenuSummerStandard400: #ccd6dbff;
47
- $colorsComponentsMenuSummerStandard500: #ffffffff;
47
+ $colorsComponentsMenuSummerStandard500: #00000000;
48
48
  $colorsComponentsMenuSummerStandard600: #007e45ff;
49
49
  $colorsComponentsMenuSummerStandard700: #e6ebedff;
50
50
  $colorsComponentsMenuSummerStandard800: #e6ebedff;
51
51
  $colorsComponentsMenuSummerParent400: #ccd6dbff;
52
- $colorsComponentsMenuSummerParent500: #ffffffff;
52
+ $colorsComponentsMenuSummerParent500: #00000000;
53
53
  $colorsComponentsMenuSummerParent600: #007e45ff;
54
54
  $colorsComponentsMenuSummerParent700: #e6ebedff;
55
55
  $colorsComponentsMenuSummerParent800: #e6ebedff;
@@ -78,12 +78,12 @@ $colorsComponentsMenuAutumnChildAlt400: #19475eff;
78
78
  $colorsComponentsMenuAutumnChildAlt500: #00324cff;
79
79
  $colorsComponentsMenuAutumnChildAlt600: #007e45ff;
80
80
  $colorsComponentsMenuWinterStandard400: #4d4d4dff;
81
- $colorsComponentsMenuWinterStandard500: #000000ff;
81
+ $colorsComponentsMenuWinterStandard500: #00000000;
82
82
  $colorsComponentsMenuWinterStandard600: #007e45ff;
83
83
  $colorsComponentsMenuWinterStandard700: #262626ff;
84
84
  $colorsComponentsMenuWinterStandard800: #262626ff;
85
85
  $colorsComponentsMenuWinterParent400: #4d4d4dff;
86
- $colorsComponentsMenuWinterParent500: #000000ff;
86
+ $colorsComponentsMenuWinterParent500: #00000000;
87
87
  $colorsComponentsMenuWinterParent600: #007e45ff;
88
88
  $colorsComponentsMenuWinterParent700: #262626ff;
89
89
  $colorsComponentsMenuWinterParent800: #262626ff;
@@ -283,8 +283,9 @@ $boxShadow150: 0 -4px 12px 0 #00141e0d;
283
283
  $boxShadow200: 0 10px 20px 0 #00141e33, 0 20px 40px 0 #00141e1a;
284
284
  $boxShadow300: 0 10px 30px 0 #00141e1a, 0 30px 60px 0 #00141e1a;
285
285
  $boxShadow400: 0 10px 40px 0 #00141e0a, 0 50px 80px 0 #00141e1a;
286
- $boxShadow075: inset 0 6px 4px -4px #00141e0d;
286
+ $boxShadow010: inset 0 -1px 0 0 #e6ebedff;
287
287
  $boxShadow050: 0 3px 3px 0 #00141e33, 0 2px 4px 0 #00141e26;
288
+ $boxShadow075: inset 0 6px 4px -4px #00141e0d;
288
289
  $boxShadow090: 0 4px 8px -4px #00141e1a;
289
290
  $boxShadow091: 4px 0 8px -4px #00141e1a;
290
291
  $fontWeights400: 400;
package/sage-design-tokens-2.19.2.tgz DELETED
Binary file