@sage/design-tokens 1.92.7 → 1.93.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 (21) hide show
  1. package/android/base.xml +12 -18
  2. package/android/no-theme.xml +2 -1
  3. package/css/base.css +12 -18
  4. package/css/no-theme.css +2 -1
  5. package/data/tokens.json +80 -54
  6. package/docs/index.html +175 -207
  7. package/ios/base.h +12 -18
  8. package/ios/no-theme.h +2 -1
  9. package/js/base/common.d.ts +4 -10
  10. package/js/base/common.js +12 -18
  11. package/js/base/es6.d.ts +4 -10
  12. package/js/base/es6.js +11 -17
  13. package/js/no-theme/common.d.ts +1 -0
  14. package/js/no-theme/common.js +2 -1
  15. package/js/no-theme/es6.d.ts +1 -0
  16. package/js/no-theme/es6.js +1 -0
  17. package/package.json +4 -1
  18. package/sage-design-tokens-1.93.0.tgz +0 -0
  19. package/scss/base.scss +12 -18
  20. package/scss/no-theme.scss +2 -1
  21. package/sage-design-tokens-1.92.7.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 Fri, 11 Feb 2022 18:23:42 GMT
5
+ Generated on Mon, 28 Feb 2022 15:40:32 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -75,16 +75,6 @@
75
75
  <string name="colorsComponentsMenuYin090">#000000e6</string>
76
76
  <string name="colorsComponentsMenuYang100">#ffffffff</string>
77
77
  <string name="colorsComponentsMenuYang080">#ffffffcc</string>
78
- <string name="colorsComponentsNavigation500">#007e45ff</string>
79
- <string name="colorsComponentsNavigation600">#006738ff</string>
80
- <string name="colorsComponentsNavigation700">#004d2aff</string>
81
- <string name="colorsComponentsNavigationTransparent">#00000000</string>
82
- <string name="colorsComponentsNavigationYin100">#000000ff</string>
83
- <string name="colorsComponentsNavigationYin030">#0000004d</string>
84
- <string name="colorsComponentsNavigationYin055">#0000008c</string>
85
- <string name="colorsComponentsNavigationYin065">#000000a6</string>
86
- <string name="colorsComponentsNavigationYin090">#000000e6</string>
87
- <string name="colorsComponentsNavigationYang100">#ffffffff</string>
88
78
  <string name="colorsUtilityMajor100">#ccd6dbff</string>
89
79
  <string name="colorsUtilityMajor150">#b3c2c9ff</string>
90
80
  <string name="colorsUtilityMajor200">#99adb7ff</string>
@@ -229,6 +219,7 @@
229
219
  <string name="spacing700">56px</string>
230
220
  <string name="spacing800">64px</string>
231
221
  <string name="spacing900">72px</string>
222
+ <string name="spacing1000">80px</string>
232
223
  <string name="spacing000">0</string>
233
224
  <string name="spacing025">2px</string>
234
225
  <string name="spacing050">4px</string>
@@ -278,16 +269,19 @@
278
269
  <string name="typographyButtonLabelS">Bold 14px/150% Sage UI</string>
279
270
  <string name="typographyButtonLabelM">Bold 14px/150% Sage UI</string>
280
271
  <string name="typographyButtonLabelL">Bold 16px/150% Sage UI</string>
272
+ <string name="typographyCardSelectTitleM">Bold 16px/150% Sage UI</string>
273
+ <string name="typographyCardSelectSubtitleM">Medium 14px/150% Sage UI</string>
274
+ <string name="typographyCardSelectParagraphM">Regular 14px/150% Sage UI</string>
281
275
  <string name="typographyDatePickerCalendarDateM">Bold 14px/150% Sage UI</string>
282
276
  <string name="typographyDatePickerCalendarDayM">Bold 14px/150% Sage UI</string>
283
277
  <string name="typographyDatePickerCalendarMonthM">Bold 16px/125% Sage UI</string>
284
- <string name="typographyDialogTitleXs">Bold 20px/125% Sage UI</string>
285
- <string name="typographyDialogTitleS">Bold 20px/125% Sage UI</string>
286
- <string name="typographyDialogTitleMs">Bold 20px/125% Sage UI</string>
287
- <string name="typographyDialogTitleM">Bold 20px/125% Sage UI</string>
288
- <string name="typographyDialogTitleMl">Bold 20px/125% Sage UI</string>
289
- <string name="typographyDialogTitleL">Bold 20px/125% Sage UI</string>
290
- <string name="typographyDialogTitleXl">Bold 20px/125% Sage UI</string>
278
+ <string name="typographyDialogTitleXs">Bold 24px/125% Sage UI</string>
279
+ <string name="typographyDialogTitleS">Bold 24px/125% Sage UI</string>
280
+ <string name="typographyDialogTitleMs">Bold 24px/125% Sage UI</string>
281
+ <string name="typographyDialogTitleM">Bold 24px/125% Sage UI</string>
282
+ <string name="typographyDialogTitleMl">Bold 24px/125% Sage UI</string>
283
+ <string name="typographyDialogTitleL">Bold 24px/125% Sage UI</string>
284
+ <string name="typographyDialogTitleXl">Bold 24px/125% Sage UI</string>
291
285
  <string name="typographyDialogParagraphXs">Bold 14px/150% Sage UI</string>
292
286
  <string name="typographyDialogParagraphS">Bold 14px/150% Sage UI</string>
293
287
  <string name="typographyDrawerTitleM">Bold 22px/125% Sage UI</string>
package/android/no-theme.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 11 Feb 2022 18:23:42 GMT
5
+ Generated on Mon, 28 Feb 2022 15:40:32 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">No Theme</string>
@@ -164,6 +164,7 @@
164
164
  <string name="spacing700">56px</string>
165
165
  <string name="spacing800">64px</string>
166
166
  <string name="spacing900">72px</string>
167
+ <string name="spacing1000">80px</string>
167
168
  <string name="spacing000">0</string>
168
169
  <string name="spacing025">2px</string>
169
170
  <string name="spacing050">4px</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 Fri, 11 Feb 2022 18:23:42 GMT
7
+ * Generated on Mon, 28 Feb 2022 15:40:31 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -78,16 +78,6 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
78
78
  --colorsComponentsMenuYin090: #000000e6;
79
79
  --colorsComponentsMenuYang100: #ffffffff;
80
80
  --colorsComponentsMenuYang080: #ffffffcc;
81
- --colorsComponentsNavigation500: #007e45ff;
82
- --colorsComponentsNavigation600: #006738ff;
83
- --colorsComponentsNavigation700: #004d2aff;
84
- --colorsComponentsNavigationTransparent: #00000000;
85
- --colorsComponentsNavigationYin100: #000000ff;
86
- --colorsComponentsNavigationYin030: #0000004d;
87
- --colorsComponentsNavigationYin055: #0000008c;
88
- --colorsComponentsNavigationYin065: #000000a6;
89
- --colorsComponentsNavigationYin090: #000000e6;
90
- --colorsComponentsNavigationYang100: #ffffffff;
91
81
  --colorsUtilityMajor100: #ccd6dbff;
92
82
  --colorsUtilityMajor150: #b3c2c9ff;
93
83
  --colorsUtilityMajor200: #99adb7ff;
@@ -232,6 +222,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
232
222
  --spacing700: 56px;
233
223
  --spacing800: 64px;
234
224
  --spacing900: 72px;
225
+ --spacing1000: 80px;
235
226
  --spacing000: 0;
236
227
  --spacing025: 2px;
237
228
  --spacing050: 4px;
@@ -281,16 +272,19 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
281
272
  --typographyButtonLabelS: Bold 14px/150% Sage UI;
282
273
  --typographyButtonLabelM: Bold 14px/150% Sage UI;
283
274
  --typographyButtonLabelL: Bold 16px/150% Sage UI;
275
+ --typographyCardSelectTitleM: Bold 16px/150% Sage UI;
276
+ --typographyCardSelectSubtitleM: Medium 14px/150% Sage UI;
277
+ --typographyCardSelectParagraphM: Regular 14px/150% Sage UI;
284
278
  --typographyDatePickerCalendarDateM: Bold 14px/150% Sage UI;
285
279
  --typographyDatePickerCalendarDayM: Bold 14px/150% Sage UI;
286
280
  --typographyDatePickerCalendarMonthM: Bold 16px/125% Sage UI;
287
- --typographyDialogTitleXs: Bold 20px/125% Sage UI;
288
- --typographyDialogTitleS: Bold 20px/125% Sage UI;
289
- --typographyDialogTitleMs: Bold 20px/125% Sage UI;
290
- --typographyDialogTitleM: Bold 20px/125% Sage UI;
291
- --typographyDialogTitleMl: Bold 20px/125% Sage UI;
292
- --typographyDialogTitleL: Bold 20px/125% Sage UI;
293
- --typographyDialogTitleXl: Bold 20px/125% Sage UI;
281
+ --typographyDialogTitleXs: Bold 24px/125% Sage UI;
282
+ --typographyDialogTitleS: Bold 24px/125% Sage UI;
283
+ --typographyDialogTitleMs: Bold 24px/125% Sage UI;
284
+ --typographyDialogTitleM: Bold 24px/125% Sage UI;
285
+ --typographyDialogTitleMl: Bold 24px/125% Sage UI;
286
+ --typographyDialogTitleL: Bold 24px/125% Sage UI;
287
+ --typographyDialogTitleXl: Bold 24px/125% Sage UI;
294
288
  --typographyDialogParagraphXs: Bold 14px/150% Sage UI;
295
289
  --typographyDialogParagraphS: Bold 14px/150% Sage UI;
296
290
  --typographyDrawerTitleM: Bold 22px/125% Sage UI;
package/css/no-theme.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 Fri, 11 Feb 2022 18:23:42 GMT
7
+ * Generated on Mon, 28 Feb 2022 15:40:32 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -167,6 +167,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
167
167
  --spacing700: 56px;
168
168
  --spacing800: 64px;
169
169
  --spacing900: 72px;
170
+ --spacing1000: 80px;
170
171
  --spacing000: 0;
171
172
  --spacing025: 2px;
172
173
  --spacing050: 4px;
package/data/tokens.json CHANGED
@@ -350,53 +350,6 @@
350
350
  "type": "color"
351
351
  }
352
352
  }
353
- },
354
- "navigation": {
355
- "500": {
356
- "value": "#007e45ff",
357
- "type": "color",
358
- "description": "#008146"
359
- },
360
- "600": {
361
- "value": "#006738ff",
362
- "type": "color"
363
- },
364
- "700": {
365
- "value": "#004d2aff",
366
- "type": "color"
367
- },
368
- "transparent": {
369
- "value": "#00000000",
370
- "type": "color"
371
- },
372
- "yin": {
373
- "100": {
374
- "value": "#000000ff",
375
- "type": "color"
376
- },
377
- "030": {
378
- "value": "#0000004d",
379
- "type": "color"
380
- },
381
- "055": {
382
- "value": "#0000008c",
383
- "type": "color"
384
- },
385
- "065": {
386
- "value": "#000000a6",
387
- "type": "color"
388
- },
389
- "090": {
390
- "value": "#000000e6",
391
- "type": "color"
392
- }
393
- },
394
- "yang": {
395
- "100": {
396
- "value": "#ffffffff",
397
- "type": "color"
398
- }
399
- }
400
353
  }
401
354
  },
402
355
  "utility": {
@@ -1064,6 +1017,10 @@
1064
1017
  "value": "72px",
1065
1018
  "type": "spacing"
1066
1019
  },
1020
+ "1000": {
1021
+ "value": "80px",
1022
+ "type": "spacing"
1023
+ },
1067
1024
  "000": {
1068
1025
  "value": "0",
1069
1026
  "type": "spacing"
@@ -1477,6 +1434,53 @@
1477
1434
  }
1478
1435
  }
1479
1436
  },
1437
+ "cardSelect": {
1438
+ "title": {
1439
+ "m": {
1440
+ "value": {
1441
+ "fontFamily": "Sage UI",
1442
+ "fontWeight": "Bold",
1443
+ "lineHeight": "150%",
1444
+ "fontSize": "16px",
1445
+ "letterSpacing": "0%",
1446
+ "paragraphSpacing": "0",
1447
+ "textDecoration": "none",
1448
+ "textCase": "none"
1449
+ },
1450
+ "type": "typography"
1451
+ }
1452
+ },
1453
+ "subtitle": {
1454
+ "m": {
1455
+ "value": {
1456
+ "fontFamily": "Sage UI",
1457
+ "fontWeight": "Medium",
1458
+ "lineHeight": "150%",
1459
+ "fontSize": "14px",
1460
+ "letterSpacing": "0%",
1461
+ "paragraphSpacing": "0",
1462
+ "textDecoration": "none",
1463
+ "textCase": "none"
1464
+ },
1465
+ "type": "typography"
1466
+ }
1467
+ },
1468
+ "paragraph": {
1469
+ "m": {
1470
+ "value": {
1471
+ "fontFamily": "Sage UI",
1472
+ "fontWeight": "Regular",
1473
+ "lineHeight": "150%",
1474
+ "fontSize": "14px",
1475
+ "letterSpacing": "0%",
1476
+ "paragraphSpacing": "0",
1477
+ "textDecoration": "none",
1478
+ "textCase": "none"
1479
+ },
1480
+ "type": "typography"
1481
+ }
1482
+ }
1483
+ },
1480
1484
  "datePicker": {
1481
1485
  "calendar": {
1482
1486
  "date": {
@@ -1533,7 +1537,7 @@
1533
1537
  "fontFamily": "Sage UI",
1534
1538
  "fontWeight": "Bold",
1535
1539
  "lineHeight": "125%",
1536
- "fontSize": "20px",
1540
+ "fontSize": "24px",
1537
1541
  "letterSpacing": "0%",
1538
1542
  "paragraphSpacing": "0px"
1539
1543
  },
@@ -1544,7 +1548,7 @@
1544
1548
  "fontFamily": "Sage UI",
1545
1549
  "fontWeight": "Bold",
1546
1550
  "lineHeight": "125%",
1547
- "fontSize": "20px",
1551
+ "fontSize": "24px",
1548
1552
  "letterSpacing": "0%",
1549
1553
  "paragraphSpacing": "0px"
1550
1554
  },
@@ -1555,7 +1559,7 @@
1555
1559
  "fontFamily": "Sage UI",
1556
1560
  "fontWeight": "Bold",
1557
1561
  "lineHeight": "125%",
1558
- "fontSize": "20px",
1562
+ "fontSize": "24px",
1559
1563
  "letterSpacing": "0%",
1560
1564
  "paragraphSpacing": "0px"
1561
1565
  },
@@ -1566,7 +1570,7 @@
1566
1570
  "fontFamily": "Sage UI",
1567
1571
  "fontWeight": "Bold",
1568
1572
  "lineHeight": "125%",
1569
- "fontSize": "20px",
1573
+ "fontSize": "24px",
1570
1574
  "letterSpacing": "0%",
1571
1575
  "paragraphSpacing": "0px"
1572
1576
  },
@@ -1577,7 +1581,7 @@
1577
1581
  "fontFamily": "Sage UI",
1578
1582
  "fontWeight": "Bold",
1579
1583
  "lineHeight": "125%",
1580
- "fontSize": "20px",
1584
+ "fontSize": "24px",
1581
1585
  "letterSpacing": "0%",
1582
1586
  "paragraphSpacing": "0px"
1583
1587
  },
@@ -1588,7 +1592,7 @@
1588
1592
  "fontFamily": "Sage UI",
1589
1593
  "fontWeight": "Bold",
1590
1594
  "lineHeight": "125%",
1591
- "fontSize": "20px",
1595
+ "fontSize": "24px",
1592
1596
  "letterSpacing": "0%",
1593
1597
  "paragraphSpacing": "0px"
1594
1598
  },
@@ -1599,7 +1603,7 @@
1599
1603
  "fontFamily": "Sage UI",
1600
1604
  "fontWeight": "Bold",
1601
1605
  "lineHeight": "125%",
1602
- "fontSize": "20px",
1606
+ "fontSize": "24px",
1603
1607
  "letterSpacing": "0%",
1604
1608
  "paragraphSpacing": "0px"
1605
1609
  },
@@ -3479,6 +3483,10 @@
3479
3483
  "value": "72px",
3480
3484
  "type": "spacing"
3481
3485
  },
3486
+ "1000": {
3487
+ "value": "80px",
3488
+ "type": "spacing"
3489
+ },
3482
3490
  "000": {
3483
3491
  "value": "0",
3484
3492
  "type": "spacing"
@@ -4382,5 +4390,23 @@
4382
4390
  }
4383
4391
  }
4384
4392
  }
4393
+ },
4394
+ "figma-only": {
4395
+ "meta": {
4396
+ "name": {
4397
+ "value": "figma-only",
4398
+ "type": "other"
4399
+ },
4400
+ "public": {
4401
+ "value": "false",
4402
+ "type": "other"
4403
+ }
4404
+ },
4405
+ "sizing": {
4406
+ "0hack": {
4407
+ "value": "0.01",
4408
+ "type": "sizing"
4409
+ }
4410
+ }
4385
4411
  }
4386
4412
  }
package/docs/index.html CHANGED
@@ -2272,206 +2272,6 @@
2272
2272
  <td class="table__cell">
2273
2273
  <div class="table__color-preview"
2274
2274
  style="background-color: #000000ff;">
2275
- </div>
2276
- </td>
2277
- </tr>
2278
- <tr class="table__row">
2279
- <td class="table__cell with-icons"
2280
- id="base-colors-colorsComponentsNavigation500"
2281
- title="theme: base; category: colors; group: components; name: navigation; variant: 500; ">
2282
- colorsComponentsNavigation500
2283
- <a href="#base-colors-colorsComponentsNavigation500"
2284
- title="permalink"
2285
- class="permalink">
2286
- 🔗
2287
- </a>
2288
- </td>
2289
- <td class="table__cell">
2290
- <pre>#007e45ff</pre>
2291
- </td>
2292
- <td class="table__cell">
2293
- <div class="table__color-preview"
2294
- style="background-color: #007e45ff;">
2295
- </div>
2296
- </td>
2297
- </tr>
2298
- <tr class="table__row">
2299
- <td class="table__cell with-icons"
2300
- id="base-colors-colorsComponentsNavigation600"
2301
- title="theme: base; category: colors; group: components; name: navigation; variant: 600; ">
2302
- colorsComponentsNavigation600
2303
- <a href="#base-colors-colorsComponentsNavigation600"
2304
- title="permalink"
2305
- class="permalink">
2306
- 🔗
2307
- </a>
2308
- </td>
2309
- <td class="table__cell">
2310
- <pre>#006738ff</pre>
2311
- </td>
2312
- <td class="table__cell">
2313
- <div class="table__color-preview"
2314
- style="background-color: #006738ff;">
2315
- </div>
2316
- </td>
2317
- </tr>
2318
- <tr class="table__row">
2319
- <td class="table__cell with-icons"
2320
- id="base-colors-colorsComponentsNavigation700"
2321
- title="theme: base; category: colors; group: components; name: navigation; variant: 700; ">
2322
- colorsComponentsNavigation700
2323
- <a href="#base-colors-colorsComponentsNavigation700"
2324
- title="permalink"
2325
- class="permalink">
2326
- 🔗
2327
- </a>
2328
- </td>
2329
- <td class="table__cell">
2330
- <pre>#004d2aff</pre>
2331
- </td>
2332
- <td class="table__cell">
2333
- <div class="table__color-preview"
2334
- style="background-color: #004d2aff;">
2335
- </div>
2336
- </td>
2337
- </tr>
2338
- <tr class="table__row">
2339
- <td class="table__cell with-icons"
2340
- id="base-colors-colorsComponentsNavigationTransparent"
2341
- title="theme: base; category: colors; group: components; name: navigation; variant: transparent; ">
2342
- colorsComponentsNavigationTransparent
2343
- <a href="#base-colors-colorsComponentsNavigationTransparent"
2344
- title="permalink"
2345
- class="permalink">
2346
- 🔗
2347
- </a>
2348
- </td>
2349
- <td class="table__cell">
2350
- <pre>#00000000</pre>
2351
- </td>
2352
- <td class="table__cell">
2353
- <div class="table__color-preview"
2354
- style="background-color: #00000000;">
2355
- </div>
2356
- </td>
2357
- </tr>
2358
- <tr class="table__row">
2359
- <td class="table__cell with-icons"
2360
- id="base-colors-colorsComponentsNavigationYang100"
2361
- title="theme: base; category: colors; group: components; name: navigation; subgroup: yang; variant: 100; ">
2362
- colorsComponentsNavigationYang100
2363
- <a href="#base-colors-colorsComponentsNavigationYang100"
2364
- title="permalink"
2365
- class="permalink">
2366
- 🔗
2367
- </a>
2368
- </td>
2369
- <td class="table__cell">
2370
- <pre>#ffffffff</pre>
2371
- </td>
2372
- <td class="table__cell">
2373
- <div class="table__color-preview"
2374
- style="background-color: #ffffffff;">
2375
- </div>
2376
- </td>
2377
- </tr>
2378
- <tr class="table__row">
2379
- <td class="table__cell with-icons"
2380
- id="base-colors-colorsComponentsNavigationYin030"
2381
- title="theme: base; category: colors; group: components; name: navigation; subgroup: yin; variant: 030; ">
2382
- colorsComponentsNavigationYin030
2383
- <a href="#base-colors-colorsComponentsNavigationYin030"
2384
- title="permalink"
2385
- class="permalink">
2386
- 🔗
2387
- </a>
2388
- </td>
2389
- <td class="table__cell">
2390
- <pre>#0000004d</pre>
2391
- </td>
2392
- <td class="table__cell">
2393
- <div class="table__color-preview"
2394
- style="background-color: #0000004d;">
2395
- </div>
2396
- </td>
2397
- </tr>
2398
- <tr class="table__row">
2399
- <td class="table__cell with-icons"
2400
- id="base-colors-colorsComponentsNavigationYin055"
2401
- title="theme: base; category: colors; group: components; name: navigation; subgroup: yin; variant: 055; ">
2402
- colorsComponentsNavigationYin055
2403
- <a href="#base-colors-colorsComponentsNavigationYin055"
2404
- title="permalink"
2405
- class="permalink">
2406
- 🔗
2407
- </a>
2408
- </td>
2409
- <td class="table__cell">
2410
- <pre>#0000008c</pre>
2411
- </td>
2412
- <td class="table__cell">
2413
- <div class="table__color-preview"
2414
- style="background-color: #0000008c;">
2415
- </div>
2416
- </td>
2417
- </tr>
2418
- <tr class="table__row">
2419
- <td class="table__cell with-icons"
2420
- id="base-colors-colorsComponentsNavigationYin065"
2421
- title="theme: base; category: colors; group: components; name: navigation; subgroup: yin; variant: 065; ">
2422
- colorsComponentsNavigationYin065
2423
- <a href="#base-colors-colorsComponentsNavigationYin065"
2424
- title="permalink"
2425
- class="permalink">
2426
- 🔗
2427
- </a>
2428
- </td>
2429
- <td class="table__cell">
2430
- <pre>#000000a6</pre>
2431
- </td>
2432
- <td class="table__cell">
2433
- <div class="table__color-preview"
2434
- style="background-color: #000000a6;">
2435
- </div>
2436
- </td>
2437
- </tr>
2438
- <tr class="table__row">
2439
- <td class="table__cell with-icons"
2440
- id="base-colors-colorsComponentsNavigationYin090"
2441
- title="theme: base; category: colors; group: components; name: navigation; subgroup: yin; variant: 090; ">
2442
- colorsComponentsNavigationYin090
2443
- <a href="#base-colors-colorsComponentsNavigationYin090"
2444
- title="permalink"
2445
- class="permalink">
2446
- 🔗
2447
- </a>
2448
- </td>
2449
- <td class="table__cell">
2450
- <pre>#000000e6</pre>
2451
- </td>
2452
- <td class="table__cell">
2453
- <div class="table__color-preview"
2454
- style="background-color: #000000e6;">
2455
- </div>
2456
- </td>
2457
- </tr>
2458
- <tr class="table__row">
2459
- <td class="table__cell with-icons"
2460
- id="base-colors-colorsComponentsNavigationYin100"
2461
- title="theme: base; category: colors; group: components; name: navigation; subgroup: yin; variant: 100; ">
2462
- colorsComponentsNavigationYin100
2463
- <a href="#base-colors-colorsComponentsNavigationYin100"
2464
- title="permalink"
2465
- class="permalink">
2466
- 🔗
2467
- </a>
2468
- </td>
2469
- <td class="table__cell">
2470
- <pre>#000000ff</pre>
2471
- </td>
2472
- <td class="table__cell">
2473
- <div class="table__color-preview"
2474
- style="background-color: #000000ff;">
2475
2275
  </div>
2476
2276
  </td>
2477
2277
  </tr>
@@ -5806,6 +5606,26 @@
5806
5606
  <td class="table__cell">
5807
5607
  <div class="table__spacing-preview"
5808
5608
  style="width: 72px">
5609
+ </div>
5610
+ </td>
5611
+ </tr>
5612
+ <tr class="table__row">
5613
+ <td class="table__cell with-icons"
5614
+ id="base-spacing-spacing1000"
5615
+ title="theme: base; category: spacing; variant: 1000; ">
5616
+ spacing1000
5617
+ <a href="#base-spacing-spacing1000"
5618
+ title="permalink"
5619
+ class="permalink">
5620
+ 🔗
5621
+ </a>
5622
+ </td>
5623
+ <td class="table__cell">
5624
+ <pre>80px</pre>
5625
+ </td>
5626
+ <td class="table__cell">
5627
+ <div class="table__spacing-preview"
5628
+ style="width: 80px">
5809
5629
  </div>
5810
5630
  </td>
5811
5631
  </tr>
@@ -6011,6 +5831,66 @@
6011
5831
  <td class="table__cell">
6012
5832
  <div class="table__typography-preview">
6013
5833
  n/a
5834
+ </div>
5835
+ </td>
5836
+ </tr>
5837
+ <tr class="table__row">
5838
+ <td class="table__cell with-icons"
5839
+ id="base-typography-typographyCardSelectParagraphM"
5840
+ title="theme: base; category: typography; group: cardSelect; name: paragraph; variant: m; ">
5841
+ typographyCardSelectParagraphM
5842
+ <a href="#base-typography-typographyCardSelectParagraphM"
5843
+ title="permalink"
5844
+ class="permalink">
5845
+ 🔗
5846
+ </a>
5847
+ </td>
5848
+ <td class="table__cell">
5849
+ <pre>Regular 14px/150% Sage UI</pre>
5850
+ </td>
5851
+ <td class="table__cell">
5852
+ <div class="table__typography-preview">
5853
+ n/a
5854
+ </div>
5855
+ </td>
5856
+ </tr>
5857
+ <tr class="table__row">
5858
+ <td class="table__cell with-icons"
5859
+ id="base-typography-typographyCardSelectSubtitleM"
5860
+ title="theme: base; category: typography; group: cardSelect; name: subtitle; variant: m; ">
5861
+ typographyCardSelectSubtitleM
5862
+ <a href="#base-typography-typographyCardSelectSubtitleM"
5863
+ title="permalink"
5864
+ class="permalink">
5865
+ 🔗
5866
+ </a>
5867
+ </td>
5868
+ <td class="table__cell">
5869
+ <pre>Medium 14px/150% Sage UI</pre>
5870
+ </td>
5871
+ <td class="table__cell">
5872
+ <div class="table__typography-preview">
5873
+ n/a
5874
+ </div>
5875
+ </td>
5876
+ </tr>
5877
+ <tr class="table__row">
5878
+ <td class="table__cell with-icons"
5879
+ id="base-typography-typographyCardSelectTitleM"
5880
+ title="theme: base; category: typography; group: cardSelect; name: title; variant: m; ">
5881
+ typographyCardSelectTitleM
5882
+ <a href="#base-typography-typographyCardSelectTitleM"
5883
+ title="permalink"
5884
+ class="permalink">
5885
+ 🔗
5886
+ </a>
5887
+ </td>
5888
+ <td class="table__cell">
5889
+ <pre>Bold 16px/150% Sage UI</pre>
5890
+ </td>
5891
+ <td class="table__cell">
5892
+ <div class="table__typography-preview">
5893
+ n/a
6014
5894
  </div>
6015
5895
  </td>
6016
5896
  </tr>
@@ -6126,7 +6006,7 @@
6126
6006
  </a>
6127
6007
  </td>
6128
6008
  <td class="table__cell">
6129
- <pre>Bold 20px/125% Sage UI</pre>
6009
+ <pre>Bold 24px/125% Sage UI</pre>
6130
6010
  </td>
6131
6011
  <td class="table__cell">
6132
6012
  <div class="table__typography-preview">
@@ -6146,7 +6026,7 @@
6146
6026
  </a>
6147
6027
  </td>
6148
6028
  <td class="table__cell">
6149
- <pre>Bold 20px/125% Sage UI</pre>
6029
+ <pre>Bold 24px/125% Sage UI</pre>
6150
6030
  </td>
6151
6031
  <td class="table__cell">
6152
6032
  <div class="table__typography-preview">
@@ -6166,7 +6046,7 @@
6166
6046
  </a>
6167
6047
  </td>
6168
6048
  <td class="table__cell">
6169
- <pre>Bold 20px/125% Sage UI</pre>
6049
+ <pre>Bold 24px/125% Sage UI</pre>
6170
6050
  </td>
6171
6051
  <td class="table__cell">
6172
6052
  <div class="table__typography-preview">
@@ -6186,7 +6066,7 @@
6186
6066
  </a>
6187
6067
  </td>
6188
6068
  <td class="table__cell">
6189
- <pre>Bold 20px/125% Sage UI</pre>
6069
+ <pre>Bold 24px/125% Sage UI</pre>
6190
6070
  </td>
6191
6071
  <td class="table__cell">
6192
6072
  <div class="table__typography-preview">
@@ -6206,7 +6086,7 @@
6206
6086
  </a>
6207
6087
  </td>
6208
6088
  <td class="table__cell">
6209
- <pre>Bold 20px/125% Sage UI</pre>
6089
+ <pre>Bold 24px/125% Sage UI</pre>
6210
6090
  </td>
6211
6091
  <td class="table__cell">
6212
6092
  <div class="table__typography-preview">
@@ -6226,7 +6106,7 @@
6226
6106
  </a>
6227
6107
  </td>
6228
6108
  <td class="table__cell">
6229
- <pre>Bold 20px/125% Sage UI</pre>
6109
+ <pre>Bold 24px/125% Sage UI</pre>
6230
6110
  </td>
6231
6111
  <td class="table__cell">
6232
6112
  <div class="table__typography-preview">
@@ -6246,7 +6126,7 @@
6246
6126
  </a>
6247
6127
  </td>
6248
6128
  <td class="table__cell">
6249
- <pre>Bold 20px/125% Sage UI</pre>
6129
+ <pre>Bold 24px/125% Sage UI</pre>
6250
6130
  </td>
6251
6131
  <td class="table__cell">
6252
6132
  <div class="table__typography-preview">
@@ -12090,6 +11970,26 @@
12090
11970
  <td class="table__cell">
12091
11971
  <div class="table__spacing-preview"
12092
11972
  style="width: 72px">
11973
+ </div>
11974
+ </td>
11975
+ </tr>
11976
+ <tr class="table__row">
11977
+ <td class="table__cell with-icons"
11978
+ id="no-theme-spacing-spacing1000"
11979
+ title="theme: no-theme; category: spacing; variant: 1000; ">
11980
+ spacing1000
11981
+ <a href="#no-theme-spacing-spacing1000"
11982
+ title="permalink"
11983
+ class="permalink">
11984
+ 🔗
11985
+ </a>
11986
+ </td>
11987
+ <td class="table__cell">
11988
+ <pre>80px</pre>
11989
+ </td>
11990
+ <td class="table__cell">
11991
+ <div class="table__spacing-preview"
11992
+ style="width: 80px">
12093
11993
  </div>
12094
11994
  </td>
12095
11995
  </tr>
@@ -13315,6 +13215,62 @@
13315
13215
  <td class="table__cell">
13316
13216
  <div class="table__typography-preview">
13317
13217
  n/a
13218
+ </div>
13219
+ </td>
13220
+ </tr>
13221
+ </table>
13222
+ </section>
13223
+ </main>
13224
+ <main class="container">
13225
+ <h1 class="with-icons"
13226
+ id="figma-only">
13227
+ figma-only
13228
+ <a href="#figma-only"
13229
+ title="permalink"
13230
+ class="permalink">
13231
+ 🔗
13232
+ </a>
13233
+ </h1>
13234
+ <section>
13235
+ <h2 class="with-icons"
13236
+ id="figma-only-sizing">
13237
+ sizing
13238
+ <a href="#figma-only-sizing"
13239
+ title="permalink"
13240
+ class="permalink">
13241
+ 🔗
13242
+ </a>
13243
+ </h2>
13244
+ <table class="table">
13245
+ <colgroup>
13246
+ <col width="50%">
13247
+ <col width="25%">
13248
+ <col width="35%">
13249
+ </colgroup>
13250
+ <thead>
13251
+ <tr class="table__row">
13252
+ <th class="table__header-cell">Name</th>
13253
+ <th class="table__header-cell">Value</th>
13254
+ <th class="table__header-cell">Preview</th>
13255
+ </tr>
13256
+ </thead>
13257
+ <tr class="table__row">
13258
+ <td class="table__cell with-icons"
13259
+ id="figma-only-sizing-sizing0Hack"
13260
+ title="theme: figma-only; category: sizing; variant: 0hack; ">
13261
+ sizing0Hack
13262
+ <a href="#figma-only-sizing-sizing0Hack"
13263
+ title="permalink"
13264
+ class="permalink">
13265
+ 🔗
13266
+ </a>
13267
+ </td>
13268
+ <td class="table__cell">
13269
+ <pre>0.01</pre>
13270
+ </td>
13271
+ <td class="table__cell">
13272
+ <div class="table__sizing-preview"
13273
+ style="width: 0.01; height: 0.01">
13318
13274
  </div>
13319
13275
  </td>
13320
13276
  </tr>
@@ -13452,6 +13408,18 @@
13452
13408
  </li>
13453
13409
  </ul>
13454
13410
  </li>
13411
+ <li>
13412
+ <a href="#figma-only">
13413
+ figma-only
13414
+ </a>
13415
+ <ul>
13416
+ <li>
13417
+ <a href="#figma-only-sizing">
13418
+ sizing
13419
+ </a>
13420
+ </li>
13421
+ </ul>
13422
+ </li>
13455
13423
  </ul>
13456
13424
  </aside>
13457
13425
  </body>
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 11 Feb 2022 18:23:42 GMT
7
+ // Generated on Mon, 28 Feb 2022 15:40:32 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -80,16 +80,6 @@
80
80
  #define colorsComponentsMenuYin090 #000000e6
81
81
  #define colorsComponentsMenuYang100 #ffffffff
82
82
  #define colorsComponentsMenuYang080 #ffffffcc
83
- #define colorsComponentsNavigation500 #007e45ff
84
- #define colorsComponentsNavigation600 #006738ff
85
- #define colorsComponentsNavigation700 #004d2aff
86
- #define colorsComponentsNavigationTransparent #00000000
87
- #define colorsComponentsNavigationYin100 #000000ff
88
- #define colorsComponentsNavigationYin030 #0000004d
89
- #define colorsComponentsNavigationYin055 #0000008c
90
- #define colorsComponentsNavigationYin065 #000000a6
91
- #define colorsComponentsNavigationYin090 #000000e6
92
- #define colorsComponentsNavigationYang100 #ffffffff
93
83
  #define colorsUtilityMajor100 #ccd6dbff
94
84
  #define colorsUtilityMajor150 #b3c2c9ff
95
85
  #define colorsUtilityMajor200 #99adb7ff
@@ -234,6 +224,7 @@
234
224
  #define spacing700 56px
235
225
  #define spacing800 64px
236
226
  #define spacing900 72px
227
+ #define spacing1000 80px
237
228
  #define spacing000 0
238
229
  #define spacing025 2px
239
230
  #define spacing050 4px
@@ -283,16 +274,19 @@
283
274
  #define typographyButtonLabelS Bold 14px/150% Sage UI
284
275
  #define typographyButtonLabelM Bold 14px/150% Sage UI
285
276
  #define typographyButtonLabelL Bold 16px/150% Sage UI
277
+ #define typographyCardSelectTitleM Bold 16px/150% Sage UI
278
+ #define typographyCardSelectSubtitleM Medium 14px/150% Sage UI
279
+ #define typographyCardSelectParagraphM Regular 14px/150% Sage UI
286
280
  #define typographyDatePickerCalendarDateM Bold 14px/150% Sage UI
287
281
  #define typographyDatePickerCalendarDayM Bold 14px/150% Sage UI
288
282
  #define typographyDatePickerCalendarMonthM Bold 16px/125% Sage UI
289
- #define typographyDialogTitleXs Bold 20px/125% Sage UI
290
- #define typographyDialogTitleS Bold 20px/125% Sage UI
291
- #define typographyDialogTitleMs Bold 20px/125% Sage UI
292
- #define typographyDialogTitleM Bold 20px/125% Sage UI
293
- #define typographyDialogTitleMl Bold 20px/125% Sage UI
294
- #define typographyDialogTitleL Bold 20px/125% Sage UI
295
- #define typographyDialogTitleXl Bold 20px/125% Sage UI
283
+ #define typographyDialogTitleXs Bold 24px/125% Sage UI
284
+ #define typographyDialogTitleS Bold 24px/125% Sage UI
285
+ #define typographyDialogTitleMs Bold 24px/125% Sage UI
286
+ #define typographyDialogTitleM Bold 24px/125% Sage UI
287
+ #define typographyDialogTitleMl Bold 24px/125% Sage UI
288
+ #define typographyDialogTitleL Bold 24px/125% Sage UI
289
+ #define typographyDialogTitleXl Bold 24px/125% Sage UI
296
290
  #define typographyDialogParagraphXs Bold 14px/150% Sage UI
297
291
  #define typographyDialogParagraphS Bold 14px/150% Sage UI
298
292
  #define typographyDrawerTitleM Bold 22px/125% Sage UI
package/ios/no-theme.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Fri, 11 Feb 2022 18:23:42 GMT
7
+ // Generated on Mon, 28 Feb 2022 15:40:32 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -169,6 +169,7 @@
169
169
  #define spacing700 56px
170
170
  #define spacing800 64px
171
171
  #define spacing900 72px
172
+ #define spacing1000 80px
172
173
  #define spacing000 0
173
174
  #define spacing025 2px
174
175
  #define spacing050 4px
package/js/base/common.d.ts CHANGED
@@ -68,16 +68,6 @@ export const colorsComponentsMenuYin065: string;
68
68
  export const colorsComponentsMenuYin090: string;
69
69
  export const colorsComponentsMenuYang100: string;
70
70
  export const colorsComponentsMenuYang080: string;
71
- export const colorsComponentsNavigation500: string;
72
- export const colorsComponentsNavigation600: string;
73
- export const colorsComponentsNavigation700: string;
74
- export const colorsComponentsNavigationTransparent: string;
75
- export const colorsComponentsNavigationYin100: string;
76
- export const colorsComponentsNavigationYin030: string;
77
- export const colorsComponentsNavigationYin055: string;
78
- export const colorsComponentsNavigationYin065: string;
79
- export const colorsComponentsNavigationYin090: string;
80
- export const colorsComponentsNavigationYang100: string;
81
71
  export const colorsUtilityMajor100: string;
82
72
  export const colorsUtilityMajor150: string;
83
73
  export const colorsUtilityMajor200: string;
@@ -222,6 +212,7 @@ export const spacing600: string;
222
212
  export const spacing700: string;
223
213
  export const spacing800: string;
224
214
  export const spacing900: string;
215
+ export const spacing1000: string;
225
216
  export const spacing000: string;
226
217
  export const spacing025: string;
227
218
  export const spacing050: string;
@@ -271,6 +262,9 @@ export const typographyBadgeLabelM: string;
271
262
  export const typographyButtonLabelS: string;
272
263
  export const typographyButtonLabelM: string;
273
264
  export const typographyButtonLabelL: string;
265
+ export const typographyCardSelectTitleM: string;
266
+ export const typographyCardSelectSubtitleM: string;
267
+ export const typographyCardSelectParagraphM: string;
274
268
  export const typographyDatePickerCalendarDateM: string;
275
269
  export const typographyDatePickerCalendarDayM: string;
276
270
  export const typographyDatePickerCalendarMonthM: 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 Fri, 11 Feb 2022 18:23:42 GMT
7
+ * Generated on Mon, 28 Feb 2022 15:40:31 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -78,16 +78,6 @@ module.exports = {
78
78
  colorsComponentsMenuYin090: '#000000e6',
79
79
  colorsComponentsMenuYang100: '#ffffffff',
80
80
  colorsComponentsMenuYang080: '#ffffffcc',
81
- colorsComponentsNavigation500: '#007e45ff',
82
- colorsComponentsNavigation600: '#006738ff',
83
- colorsComponentsNavigation700: '#004d2aff',
84
- colorsComponentsNavigationTransparent: '#00000000',
85
- colorsComponentsNavigationYin100: '#000000ff',
86
- colorsComponentsNavigationYin030: '#0000004d',
87
- colorsComponentsNavigationYin055: '#0000008c',
88
- colorsComponentsNavigationYin065: '#000000a6',
89
- colorsComponentsNavigationYin090: '#000000e6',
90
- colorsComponentsNavigationYang100: '#ffffffff',
91
81
  colorsUtilityMajor100: '#ccd6dbff',
92
82
  colorsUtilityMajor150: '#b3c2c9ff',
93
83
  colorsUtilityMajor200: '#99adb7ff',
@@ -232,6 +222,7 @@ module.exports = {
232
222
  spacing700: '56px',
233
223
  spacing800: '64px',
234
224
  spacing900: '72px',
225
+ spacing1000: '80px',
235
226
  spacing000: '0',
236
227
  spacing025: '2px',
237
228
  spacing050: '4px',
@@ -281,16 +272,19 @@ module.exports = {
281
272
  typographyButtonLabelS: 'Bold 14px/150% Sage UI',
282
273
  typographyButtonLabelM: 'Bold 14px/150% Sage UI',
283
274
  typographyButtonLabelL: 'Bold 16px/150% Sage UI',
275
+ typographyCardSelectTitleM: 'Bold 16px/150% Sage UI',
276
+ typographyCardSelectSubtitleM: 'Medium 14px/150% Sage UI',
277
+ typographyCardSelectParagraphM: 'Regular 14px/150% Sage UI',
284
278
  typographyDatePickerCalendarDateM: 'Bold 14px/150% Sage UI',
285
279
  typographyDatePickerCalendarDayM: 'Bold 14px/150% Sage UI',
286
280
  typographyDatePickerCalendarMonthM: 'Bold 16px/125% Sage UI',
287
- typographyDialogTitleXs: 'Bold 20px/125% Sage UI',
288
- typographyDialogTitleS: 'Bold 20px/125% Sage UI',
289
- typographyDialogTitleMs: 'Bold 20px/125% Sage UI',
290
- typographyDialogTitleM: 'Bold 20px/125% Sage UI',
291
- typographyDialogTitleMl: 'Bold 20px/125% Sage UI',
292
- typographyDialogTitleL: 'Bold 20px/125% Sage UI',
293
- typographyDialogTitleXl: 'Bold 20px/125% Sage UI',
281
+ typographyDialogTitleXs: 'Bold 24px/125% Sage UI',
282
+ typographyDialogTitleS: 'Bold 24px/125% Sage UI',
283
+ typographyDialogTitleMs: 'Bold 24px/125% Sage UI',
284
+ typographyDialogTitleM: 'Bold 24px/125% Sage UI',
285
+ typographyDialogTitleMl: 'Bold 24px/125% Sage UI',
286
+ typographyDialogTitleL: 'Bold 24px/125% Sage UI',
287
+ typographyDialogTitleXl: 'Bold 24px/125% Sage UI',
294
288
  typographyDialogParagraphXs: 'Bold 14px/150% Sage UI',
295
289
  typographyDialogParagraphS: 'Bold 14px/150% Sage UI',
296
290
  typographyDrawerTitleM: 'Bold 22px/125% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -69,16 +69,6 @@ declare namespace _default {
69
69
  const colorsComponentsMenuYin090: string;
70
70
  const colorsComponentsMenuYang100: string;
71
71
  const colorsComponentsMenuYang080: string;
72
- const colorsComponentsNavigation500: string;
73
- const colorsComponentsNavigation600: string;
74
- const colorsComponentsNavigation700: string;
75
- const colorsComponentsNavigationTransparent: string;
76
- const colorsComponentsNavigationYin100: string;
77
- const colorsComponentsNavigationYin030: string;
78
- const colorsComponentsNavigationYin055: string;
79
- const colorsComponentsNavigationYin065: string;
80
- const colorsComponentsNavigationYin090: string;
81
- const colorsComponentsNavigationYang100: string;
82
72
  const colorsUtilityMajor100: string;
83
73
  const colorsUtilityMajor150: string;
84
74
  const colorsUtilityMajor200: string;
@@ -223,6 +213,7 @@ declare namespace _default {
223
213
  const spacing700: string;
224
214
  const spacing800: string;
225
215
  const spacing900: string;
216
+ const spacing1000: string;
226
217
  const spacing000: string;
227
218
  const spacing025: string;
228
219
  const spacing050: string;
@@ -272,6 +263,9 @@ declare namespace _default {
272
263
  const typographyButtonLabelS: string;
273
264
  const typographyButtonLabelM: string;
274
265
  const typographyButtonLabelL: string;
266
+ const typographyCardSelectTitleM: string;
267
+ const typographyCardSelectSubtitleM: string;
268
+ const typographyCardSelectParagraphM: string;
275
269
  const typographyDatePickerCalendarDateM: string;
276
270
  const typographyDatePickerCalendarDayM: string;
277
271
  const typographyDatePickerCalendarMonthM: string;
package/js/base/es6.js CHANGED
@@ -73,16 +73,6 @@ export default {
73
73
  colorsComponentsMenuYin090: '#000000e6',
74
74
  colorsComponentsMenuYang100: '#ffffffff',
75
75
  colorsComponentsMenuYang080: '#ffffffcc',
76
- colorsComponentsNavigation500: '#007e45ff',
77
- colorsComponentsNavigation600: '#006738ff',
78
- colorsComponentsNavigation700: '#004d2aff',
79
- colorsComponentsNavigationTransparent: '#00000000',
80
- colorsComponentsNavigationYin100: '#000000ff',
81
- colorsComponentsNavigationYin030: '#0000004d',
82
- colorsComponentsNavigationYin055: '#0000008c',
83
- colorsComponentsNavigationYin065: '#000000a6',
84
- colorsComponentsNavigationYin090: '#000000e6',
85
- colorsComponentsNavigationYang100: '#ffffffff',
86
76
  colorsUtilityMajor100: '#ccd6dbff',
87
77
  colorsUtilityMajor150: '#b3c2c9ff',
88
78
  colorsUtilityMajor200: '#99adb7ff',
@@ -227,6 +217,7 @@ export default {
227
217
  spacing700: '56px',
228
218
  spacing800: '64px',
229
219
  spacing900: '72px',
220
+ spacing1000: '80px',
230
221
  spacing000: '0',
231
222
  spacing025: '2px',
232
223
  spacing050: '4px',
@@ -276,16 +267,19 @@ export default {
276
267
  typographyButtonLabelS: 'Bold 14px/150% Sage UI',
277
268
  typographyButtonLabelM: 'Bold 14px/150% Sage UI',
278
269
  typographyButtonLabelL: 'Bold 16px/150% Sage UI',
270
+ typographyCardSelectTitleM: 'Bold 16px/150% Sage UI',
271
+ typographyCardSelectSubtitleM: 'Medium 14px/150% Sage UI',
272
+ typographyCardSelectParagraphM: 'Regular 14px/150% Sage UI',
279
273
  typographyDatePickerCalendarDateM: 'Bold 14px/150% Sage UI',
280
274
  typographyDatePickerCalendarDayM: 'Bold 14px/150% Sage UI',
281
275
  typographyDatePickerCalendarMonthM: 'Bold 16px/125% Sage UI',
282
- typographyDialogTitleXs: 'Bold 20px/125% Sage UI',
283
- typographyDialogTitleS: 'Bold 20px/125% Sage UI',
284
- typographyDialogTitleMs: 'Bold 20px/125% Sage UI',
285
- typographyDialogTitleM: 'Bold 20px/125% Sage UI',
286
- typographyDialogTitleMl: 'Bold 20px/125% Sage UI',
287
- typographyDialogTitleL: 'Bold 20px/125% Sage UI',
288
- typographyDialogTitleXl: 'Bold 20px/125% Sage UI',
276
+ typographyDialogTitleXs: 'Bold 24px/125% Sage UI',
277
+ typographyDialogTitleS: 'Bold 24px/125% Sage UI',
278
+ typographyDialogTitleMs: 'Bold 24px/125% Sage UI',
279
+ typographyDialogTitleM: 'Bold 24px/125% Sage UI',
280
+ typographyDialogTitleMl: 'Bold 24px/125% Sage UI',
281
+ typographyDialogTitleL: 'Bold 24px/125% Sage UI',
282
+ typographyDialogTitleXl: 'Bold 24px/125% Sage UI',
289
283
  typographyDialogParagraphXs: 'Bold 14px/150% Sage UI',
290
284
  typographyDialogParagraphS: 'Bold 14px/150% Sage UI',
291
285
  typographyDrawerTitleM: 'Bold 22px/125% Sage UI',
package/js/no-theme/common.d.ts CHANGED
@@ -157,6 +157,7 @@ export const spacing600: string;
157
157
  export const spacing700: string;
158
158
  export const spacing800: string;
159
159
  export const spacing900: string;
160
+ export const spacing1000: string;
160
161
  export const spacing000: string;
161
162
  export const spacing025: string;
162
163
  export const spacing050: string;
package/js/no-theme/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 Fri, 11 Feb 2022 18:23:42 GMT
7
+ * Generated on Mon, 28 Feb 2022 15:40:32 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -167,6 +167,7 @@ module.exports = {
167
167
  spacing700: '56px',
168
168
  spacing800: '64px',
169
169
  spacing900: '72px',
170
+ spacing1000: '80px',
170
171
  spacing000: '0',
171
172
  spacing025: '2px',
172
173
  spacing050: '4px',
package/js/no-theme/es6.d.ts CHANGED
@@ -158,6 +158,7 @@ declare namespace _default {
158
158
  const spacing700: string;
159
159
  const spacing800: string;
160
160
  const spacing900: string;
161
+ const spacing1000: string;
161
162
  const spacing000: string;
162
163
  const spacing025: string;
163
164
  const spacing050: string;
package/js/no-theme/es6.js CHANGED
@@ -162,6 +162,7 @@ export default {
162
162
  spacing700: '56px',
163
163
  spacing800: '64px',
164
164
  spacing900: '72px',
165
+ spacing1000: '80px',
165
166
  spacing000: '0',
166
167
  spacing025: '2px',
167
168
  spacing050: '4px',
package/package.json CHANGED
@@ -1,12 +1,15 @@
1
1
  {
2
2
  "name": "@sage/design-tokens",
3
+ "dependencies": {
4
+ "@semantic-release/commit-analyzer": "^9.0.2"
5
+ },
3
6
  "repository": {
4
7
  "type": "git",
5
8
  "url": "https://github.com/Sage/design-tokens"
6
9
  },
7
10
  "description": "Design tokens for the Sage Design System.",
8
11
  "author": "The Sage Group plc",
9
- "version": "1.92.7",
12
+ "version": "1.93.0",
10
13
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
14
  "tags": [
12
15
  "design tokens",
package/sage-design-tokens-1.93.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 Fri, 11 Feb 2022 18:23:42 GMT
7
+ // Generated on Mon, 28 Feb 2022 15:40:31 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -76,16 +76,6 @@ $colorsComponentsMenuYin065: #000000a6;
76
76
  $colorsComponentsMenuYin090: #000000e6;
77
77
  $colorsComponentsMenuYang100: #ffffffff;
78
78
  $colorsComponentsMenuYang080: #ffffffcc;
79
- $colorsComponentsNavigation500: #007e45ff;
80
- $colorsComponentsNavigation600: #006738ff;
81
- $colorsComponentsNavigation700: #004d2aff;
82
- $colorsComponentsNavigationTransparent: #00000000;
83
- $colorsComponentsNavigationYin100: #000000ff;
84
- $colorsComponentsNavigationYin030: #0000004d;
85
- $colorsComponentsNavigationYin055: #0000008c;
86
- $colorsComponentsNavigationYin065: #000000a6;
87
- $colorsComponentsNavigationYin090: #000000e6;
88
- $colorsComponentsNavigationYang100: #ffffffff;
89
79
  $colorsUtilityMajor100: #ccd6dbff;
90
80
  $colorsUtilityMajor150: #b3c2c9ff;
91
81
  $colorsUtilityMajor200: #99adb7ff;
@@ -230,6 +220,7 @@ $spacing600: 48px;
230
220
  $spacing700: 56px;
231
221
  $spacing800: 64px;
232
222
  $spacing900: 72px;
223
+ $spacing1000: 80px;
233
224
  $spacing000: 0;
234
225
  $spacing025: 2px;
235
226
  $spacing050: 4px;
@@ -279,16 +270,19 @@ $typographyBadgeLabelM: Medium 12px/150% Sage UI;
279
270
  $typographyButtonLabelS: Bold 14px/150% Sage UI;
280
271
  $typographyButtonLabelM: Bold 14px/150% Sage UI;
281
272
  $typographyButtonLabelL: Bold 16px/150% Sage UI;
273
+ $typographyCardSelectTitleM: Bold 16px/150% Sage UI;
274
+ $typographyCardSelectSubtitleM: Medium 14px/150% Sage UI;
275
+ $typographyCardSelectParagraphM: Regular 14px/150% Sage UI;
282
276
  $typographyDatePickerCalendarDateM: Bold 14px/150% Sage UI;
283
277
  $typographyDatePickerCalendarDayM: Bold 14px/150% Sage UI;
284
278
  $typographyDatePickerCalendarMonthM: Bold 16px/125% Sage UI;
285
- $typographyDialogTitleXs: Bold 20px/125% Sage UI;
286
- $typographyDialogTitleS: Bold 20px/125% Sage UI;
287
- $typographyDialogTitleMs: Bold 20px/125% Sage UI;
288
- $typographyDialogTitleM: Bold 20px/125% Sage UI;
289
- $typographyDialogTitleMl: Bold 20px/125% Sage UI;
290
- $typographyDialogTitleL: Bold 20px/125% Sage UI;
291
- $typographyDialogTitleXl: Bold 20px/125% Sage UI;
279
+ $typographyDialogTitleXs: Bold 24px/125% Sage UI;
280
+ $typographyDialogTitleS: Bold 24px/125% Sage UI;
281
+ $typographyDialogTitleMs: Bold 24px/125% Sage UI;
282
+ $typographyDialogTitleM: Bold 24px/125% Sage UI;
283
+ $typographyDialogTitleMl: Bold 24px/125% Sage UI;
284
+ $typographyDialogTitleL: Bold 24px/125% Sage UI;
285
+ $typographyDialogTitleXl: Bold 24px/125% Sage UI;
292
286
  $typographyDialogParagraphXs: Bold 14px/150% Sage UI;
293
287
  $typographyDialogParagraphS: Bold 14px/150% Sage UI;
294
288
  $typographyDrawerTitleM: Bold 22px/125% Sage UI;
package/scss/no-theme.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 Fri, 11 Feb 2022 18:23:42 GMT
7
+ // Generated on Mon, 28 Feb 2022 15:40:32 GMT
8
8
 
9
9
  $metaName: No Theme;
10
10
  $metaPublic: true;
@@ -165,6 +165,7 @@ $spacing600: 48px;
165
165
  $spacing700: 56px;
166
166
  $spacing800: 64px;
167
167
  $spacing900: 72px;
168
+ $spacing1000: 80px;
168
169
  $spacing000: 0;
169
170
  $spacing025: 2px;
170
171
  $spacing050: 4px;
package/sage-design-tokens-1.92.7.tgz DELETED
Binary file