@sage/design-tokens 2.0.0 → 2.1.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 (22) hide show
  1. package/README.md +0 -1
  2. package/android/base.xml +17 -13
  3. package/android/no-theme.xml +1 -1
  4. package/css/base.css +17 -13
  5. package/css/no-theme.css +1 -1
  6. package/data/tokens.json +187 -147
  7. package/docs/tokens/base/colors/index.html +84 -0
  8. package/docs/tokens/base/index.html +325 -241
  9. package/docs/tokens/base/typography/index.html +241 -241
  10. package/docs/tokens/index.html +325 -241
  11. package/ios/base.h +17 -13
  12. package/ios/no-theme.h +1 -1
  13. package/js/base/common.d.ts +16 -12
  14. package/js/base/common.js +17 -13
  15. package/js/base/es6.d.ts +16 -12
  16. package/js/base/es6.js +16 -12
  17. package/js/no-theme/common.js +1 -1
  18. package/package.json +1 -1
  19. package/sage-design-tokens-2.1.0.tgz +0 -0
  20. package/scss/base.scss +17 -13
  21. package/scss/no-theme.scss +1 -1
  22. package/sage-design-tokens-2.0.0.tgz +0 -0
package/README.md CHANGED
@@ -1,6 +1,5 @@
1
1
  # Sage Design Tokens
2
2
 
3
- [![stability-alpha](https://img.shields.io/badge/stability-alpha-f4d03f.svg)](https://github.com/mkenney/software-guides/blob/master/STABILITY-BADGES.md#alpha)
4
3
  [![GitHub release](https://img.shields.io/github/release/Sage/design-tokens.svg)](https://GitHub.com/Sage/design-tokens/releases/)
5
4
  [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](https://opensource.org/licenses/Apache-2.0)
6
5
  [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://GitHub.com/Sage/design-tokens/graphs/commit-activity)
package/android/base.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Fri, 04 Mar 2022 15:45:07 GMT
5
+ Generated on Mon, 14 Mar 2022 10:20:22 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -15,6 +15,7 @@
15
15
  <string name="colorsYin075">#000000bf</string>
16
16
  <string name="colorsYin090">#000000e6</string>
17
17
  <string name="colorsYang100">#ffffffff</string>
18
+ <string name="colorsYang030">#ffffff4d</string>
18
19
  <string name="colorsYang080">#ffffffcc</string>
19
20
  <string name="colorsGray850">#262626ff</string>
20
21
  <string name="colorsGray900">#1a1a1aff</string>
@@ -100,6 +101,8 @@
100
101
  <string name="colorsUtilityReadOnly500">#e6ebedff</string>
101
102
  <string name="colorsUtilityReadOnly600">#ccd6dbff</string>
102
103
  <string name="colorsActionMajor150">#b3d9c8ff</string>
104
+ <string name="colorsActionMajor350">#4da77eff</string>
105
+ <string name="colorsActionMajor450">#198e59ff</string>
103
106
  <string name="colorsActionMajor500">#007e45ff</string>
104
107
  <string name="colorsActionMajor600">#006738ff</string>
105
108
  <string name="colorsActionMajor700">#004d2aff</string>
@@ -110,6 +113,7 @@
110
113
  <string name="colorsActionMajorYin065">#000000a6</string>
111
114
  <string name="colorsActionMajorYin090">#000000e6</string>
112
115
  <string name="colorsActionMajorYang100">#ffffffff</string>
116
+ <string name="colorsActionMajorYang030">#ffffff4d</string>
113
117
  <string name="colorsActionMinor100">#e6ebedff</string>
114
118
  <string name="colorsActionMinor150">#d9e0e4ff</string>
115
119
  <string name="colorsActionMinor200">#ccd6dbff</string>
@@ -275,21 +279,10 @@
275
279
  <string name="typographyDatePickerCalendarDateM">Bold 14px/150% Sage UI</string>
276
280
  <string name="typographyDatePickerCalendarDayM">Bold 14px/150% Sage UI</string>
277
281
  <string name="typographyDatePickerCalendarMonthM">Bold 16px/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
282
  <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>
285
- <string name="typographyDialogParagraphXs">Regular 14px/150% Sage UI</string>
286
- <string name="typographyDialogParagraphS">Regular 14px/150% Sage UI</string>
287
- <string name="typographyDialogParagraphMs">Regular 14px/150% Sage UI</string>
288
283
  <string name="typographyDialogParagraphM">Regular 14px/150% Sage UI</string>
289
- <string name="typographyDialogParagraphMl">Regular 14px/150% Sage UI</string>
290
- <string name="typographyDialogParagraphL">Regular 14px/150% Sage UI</string>
291
- <string name="typographyDialogParagraphXl">Regular 14px/150% Sage UI</string>
292
284
  <string name="typographyDrawerTitleM">Bold 22px/125% Sage UI</string>
285
+ <string name="typographyDrawerParagraphM">0 none</string>
293
286
  <string name="typographyFlashTextM">Regular 14px/150% Sage UI</string>
294
287
  <string name="typographyFlashTextL">Regular 16px/150% Sage UI</string>
295
288
  <string name="typographyFormFieldLabelXs">Medium 14px/150% Sage UI</string>
@@ -324,6 +317,7 @@
324
317
  <string name="typographyFormFieldCharacterCountS">Regular 14px/150% Sage UI</string>
325
318
  <string name="typographyFormFieldCharacterCountM">Regular 14px/150% Sage UI</string>
326
319
  <string name="typographyFormFieldCharacterCountL">Regular 16px/150% Sage UI</string>
320
+ <string name="typographyLinkTextS">Regular 12px/150% Sage UI</string>
327
321
  <string name="typographyLinkTextM">Regular 14px/150% Sage UI</string>
328
322
  <string name="typographyLinkTextL">Regular 16px/150% Sage UI</string>
329
323
  <string name="typographyMenuLabelM">Medium 14px/150% Sage UI</string>
@@ -333,6 +327,7 @@
333
327
  <string name="typographyMessageTextM">Regular 14px/150% Sage UI</string>
334
328
  <string name="typographyMessageTextL">Regular 16px/150% Sage UI</string>
335
329
  <string name="typographyPaginationLabelM">Regular 13px/150% Sage UI</string>
330
+ <string name="typographyTileParagraphM">Regular 14px/150% Sage UI</string>
336
331
  <string name="typographyPillLabelS">Medium 10px/150% Sage UI</string>
337
332
  <string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
338
333
  <string name="typographyPillLabelL">Medium 14px/150% Sage UI</string>
@@ -365,13 +360,22 @@
365
360
  <string name="typographySidebarTitleS">Bold 20px/125% Sage UI</string>
366
361
  <string name="typographySidebarTitleM">Bold 20px/125% Sage UI</string>
367
362
  <string name="typographySidebarTitleL">Bold 20px/125% Sage UI</string>
363
+ <string name="typographySidebarParagraphM">0 none</string>
368
364
  <string name="typographyStepFlowCompleteLabelM">Medium 14px/150% Sage UI</string>
369
365
  <string name="typographyStepFlowCurrentLabelM">Medium 14px/150% Sage UI</string>
370
366
  <string name="typographyStepFlowIncompleteLabelM">Medium 14px/150% Sage UI</string>
371
367
  <string name="typographySwitchOptionLabelM">Medium 12px/150% Sage UI</string>
372
368
  <string name="typographySwitchOptionLabelL">Medium 14px/150% Sage UI</string>
369
+ <string name="typographyTableHeaderTextXs">Medium 13px/150% Sage UI</string>
370
+ <string name="typographyTableHeaderTextS">Medium 14px/150% Sage UI</string>
373
371
  <string name="typographyTableHeaderTextM">Medium 14px/150% Sage UI</string>
372
+ <string name="typographyTableHeaderTextL">Medium 16px/150% Sage UI</string>
373
+ <string name="typographyTableHeaderTextXl">Medium 16px/150% Sage UI</string>
374
+ <string name="typographyTableCellTextXs">Regular 13px/150% Sage UI</string>
375
+ <string name="typographyTableCellTextS">Regular 14px/150% Sage UI</string>
374
376
  <string name="typographyTableCellTextM">Regular 14px/150% Sage UI</string>
377
+ <string name="typographyTableCellTextL">Regular 16px/150% Sage UI</string>
378
+ <string name="typographyTableCellTextXl">Regular 16px/150% Sage UI</string>
375
379
  <string name="typographyTooltipTextM">Regular 14px/150% Sage UI</string>
376
380
  <string name="typographyTooltipTextL">Regular 16px/150% Sage UI</string>
377
381
  <string name="opacity300">0.3</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, 04 Mar 2022 15:45:07 GMT
5
+ Generated on Mon, 14 Mar 2022 10:20:22 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">No Theme</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, 04 Mar 2022 15:45:07 GMT
7
+ * Generated on Mon, 14 Mar 2022 10:20:22 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -18,6 +18,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
18
18
  --colorsYin075: #000000bf;
19
19
  --colorsYin090: #000000e6;
20
20
  --colorsYang100: #ffffffff;
21
+ --colorsYang030: #ffffff4d;
21
22
  --colorsYang080: #ffffffcc;
22
23
  --colorsGray850: #262626ff;
23
24
  --colorsGray900: #1a1a1aff;
@@ -103,6 +104,8 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
103
104
  --colorsUtilityReadOnly500: #e6ebedff;
104
105
  --colorsUtilityReadOnly600: #ccd6dbff;
105
106
  --colorsActionMajor150: #b3d9c8ff;
107
+ --colorsActionMajor350: #4da77eff;
108
+ --colorsActionMajor450: #198e59ff;
106
109
  --colorsActionMajor500: #007e45ff;
107
110
  --colorsActionMajor600: #006738ff;
108
111
  --colorsActionMajor700: #004d2aff;
@@ -113,6 +116,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
113
116
  --colorsActionMajorYin065: #000000a6;
114
117
  --colorsActionMajorYin090: #000000e6;
115
118
  --colorsActionMajorYang100: #ffffffff;
119
+ --colorsActionMajorYang030: #ffffff4d;
116
120
  --colorsActionMinor100: #e6ebedff;
117
121
  --colorsActionMinor150: #d9e0e4ff;
118
122
  --colorsActionMinor200: #ccd6dbff;
@@ -278,21 +282,10 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
278
282
  --typographyDatePickerCalendarDateM: 700 14px/150% Sage UI;
279
283
  --typographyDatePickerCalendarDayM: 700 14px/150% Sage UI;
280
284
  --typographyDatePickerCalendarMonthM: 700 16px/125% Sage UI;
281
- --typographyDialogTitleXs: 700 24px/125% Sage UI;
282
- --typographyDialogTitleS: 700 24px/125% Sage UI;
283
- --typographyDialogTitleMs: 700 24px/125% Sage UI;
284
285
  --typographyDialogTitleM: 700 24px/125% Sage UI;
285
- --typographyDialogTitleMl: 700 24px/125% Sage UI;
286
- --typographyDialogTitleL: 700 24px/125% Sage UI;
287
- --typographyDialogTitleXl: 700 24px/125% Sage UI;
288
- --typographyDialogParagraphXs: 400 14px/150% Sage UI;
289
- --typographyDialogParagraphS: 400 14px/150% Sage UI;
290
- --typographyDialogParagraphMs: 400 14px/150% Sage UI;
291
286
  --typographyDialogParagraphM: 400 14px/150% Sage UI;
292
- --typographyDialogParagraphMl: 400 14px/150% Sage UI;
293
- --typographyDialogParagraphL: 400 14px/150% Sage UI;
294
- --typographyDialogParagraphXl: 400 14px/150% Sage UI;
295
287
  --typographyDrawerTitleM: 700 22px/125% Sage UI;
288
+ --typographyDrawerParagraphM: 0 none;
296
289
  --typographyFlashTextM: 400 14px/150% Sage UI;
297
290
  --typographyFlashTextL: 400 16px/150% Sage UI;
298
291
  --typographyFormFieldLabelXs: 500 14px/150% Sage UI;
@@ -327,6 +320,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
327
320
  --typographyFormFieldCharacterCountS: 400 14px/150% Sage UI;
328
321
  --typographyFormFieldCharacterCountM: 400 14px/150% Sage UI;
329
322
  --typographyFormFieldCharacterCountL: 400 16px/150% Sage UI;
323
+ --typographyLinkTextS: 400 12px/150% Sage UI;
330
324
  --typographyLinkTextM: 400 14px/150% Sage UI;
331
325
  --typographyLinkTextL: 400 16px/150% Sage UI;
332
326
  --typographyMenuLabelM: 500 14px/150% Sage UI;
@@ -336,6 +330,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
336
330
  --typographyMessageTextM: 400 14px/150% Sage UI;
337
331
  --typographyMessageTextL: 400 16px/150% Sage UI;
338
332
  --typographyPaginationLabelM: 400 13px/150% Sage UI;
333
+ --typographyTileParagraphM: 400 14px/150% Sage UI;
339
334
  --typographyPillLabelS: 500 10px/150% Sage UI;
340
335
  --typographyPillLabelM: 500 12px/150% Sage UI;
341
336
  --typographyPillLabelL: 500 14px/150% Sage UI;
@@ -368,13 +363,22 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
368
363
  --typographySidebarTitleS: 700 20px/125% Sage UI;
369
364
  --typographySidebarTitleM: 700 20px/125% Sage UI;
370
365
  --typographySidebarTitleL: 700 20px/125% Sage UI;
366
+ --typographySidebarParagraphM: 0 none;
371
367
  --typographyStepFlowCompleteLabelM: 500 14px/150% Sage UI;
372
368
  --typographyStepFlowCurrentLabelM: 500 14px/150% Sage UI;
373
369
  --typographyStepFlowIncompleteLabelM: 500 14px/150% Sage UI;
374
370
  --typographySwitchOptionLabelM: 500 12px/150% Sage UI;
375
371
  --typographySwitchOptionLabelL: 500 14px/150% Sage UI;
372
+ --typographyTableHeaderTextXs: 500 13px/150% Sage UI;
373
+ --typographyTableHeaderTextS: 500 14px/150% Sage UI;
376
374
  --typographyTableHeaderTextM: 500 14px/150% Sage UI;
375
+ --typographyTableHeaderTextL: 500 16px/150% Sage UI;
376
+ --typographyTableHeaderTextXl: 500 16px/150% Sage UI;
377
+ --typographyTableCellTextXs: 400 13px/150% Sage UI;
378
+ --typographyTableCellTextS: 400 14px/150% Sage UI;
377
379
  --typographyTableCellTextM: 400 14px/150% Sage UI;
380
+ --typographyTableCellTextL: 400 16px/150% Sage UI;
381
+ --typographyTableCellTextXl: 400 16px/150% Sage UI;
378
382
  --typographyTooltipTextM: 400 14px/150% Sage UI;
379
383
  --typographyTooltipTextL: 400 16px/150% Sage UI;
380
384
  --opacity300: 0.3;
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, 04 Mar 2022 15:45:07 GMT
7
+ * Generated on Mon, 14 Mar 2022 10:20:22 GMT
8
8
  */
9
9
 
10
10
  :root {
package/data/tokens.json CHANGED
@@ -46,6 +46,10 @@
46
46
  "value": "#ffffffff",
47
47
  "type": "color"
48
48
  },
49
+ "030": {
50
+ "value": "#ffffff4d",
51
+ "type": "color"
52
+ },
49
53
  "080": {
50
54
  "value": "#ffffffcc",
51
55
  "type": "color"
@@ -483,6 +487,14 @@
483
487
  "value": "#b3d9c8ff",
484
488
  "type": "color"
485
489
  },
490
+ "350": {
491
+ "value": "#4da77eff",
492
+ "type": "color"
493
+ },
494
+ "450": {
495
+ "value": "#198e59ff",
496
+ "type": "color"
497
+ },
486
498
  "500": {
487
499
  "value": "#007e45ff",
488
500
  "type": "color",
@@ -527,6 +539,10 @@
527
539
  "100": {
528
540
  "value": "#ffffffff",
529
541
  "type": "color"
542
+ },
543
+ "030": {
544
+ "value": "#ffffff4d",
545
+ "type": "color"
530
546
  }
531
547
  }
532
548
  },
@@ -1532,39 +1548,6 @@
1532
1548
  },
1533
1549
  "dialog": {
1534
1550
  "title": {
1535
- "xs": {
1536
- "value": {
1537
- "fontFamily": "Sage UI",
1538
- "fontWeight": "Bold",
1539
- "lineHeight": "125%",
1540
- "fontSize": "24px",
1541
- "letterSpacing": "0%",
1542
- "paragraphSpacing": "0px"
1543
- },
1544
- "type": "typography"
1545
- },
1546
- "s": {
1547
- "value": {
1548
- "fontFamily": "Sage UI",
1549
- "fontWeight": "Bold",
1550
- "lineHeight": "125%",
1551
- "fontSize": "24px",
1552
- "letterSpacing": "0%",
1553
- "paragraphSpacing": "0px"
1554
- },
1555
- "type": "typography"
1556
- },
1557
- "ms": {
1558
- "value": {
1559
- "fontFamily": "Sage UI",
1560
- "fontWeight": "Bold",
1561
- "lineHeight": "125%",
1562
- "fontSize": "24px",
1563
- "letterSpacing": "0%",
1564
- "paragraphSpacing": "0px"
1565
- },
1566
- "type": "typography"
1567
- },
1568
1551
  "m": {
1569
1552
  "value": {
1570
1553
  "fontFamily": "Sage UI",
@@ -1575,81 +1558,9 @@
1575
1558
  "paragraphSpacing": "0px"
1576
1559
  },
1577
1560
  "type": "typography"
1578
- },
1579
- "ml": {
1580
- "value": {
1581
- "fontFamily": "Sage UI",
1582
- "fontWeight": "Bold",
1583
- "lineHeight": "125%",
1584
- "fontSize": "24px",
1585
- "letterSpacing": "0%",
1586
- "paragraphSpacing": "0px"
1587
- },
1588
- "type": "typography"
1589
- },
1590
- "l": {
1591
- "value": {
1592
- "fontFamily": "Sage UI",
1593
- "fontWeight": "Bold",
1594
- "lineHeight": "125%",
1595
- "fontSize": "24px",
1596
- "letterSpacing": "0%",
1597
- "paragraphSpacing": "0px"
1598
- },
1599
- "type": "typography"
1600
- },
1601
- "xl": {
1602
- "value": {
1603
- "fontFamily": "Sage UI",
1604
- "fontWeight": "Bold",
1605
- "lineHeight": "125%",
1606
- "fontSize": "24px",
1607
- "letterSpacing": "0%",
1608
- "paragraphSpacing": "0px"
1609
- },
1610
- "type": "typography"
1611
1561
  }
1612
1562
  },
1613
1563
  "paragraph": {
1614
- "xs": {
1615
- "value": {
1616
- "fontFamily": "Sage UI",
1617
- "fontWeight": "Regular",
1618
- "lineHeight": "150%",
1619
- "fontSize": "14px",
1620
- "letterSpacing": "0%",
1621
- "paragraphSpacing": "0",
1622
- "textDecoration": "none",
1623
- "textCase": "none"
1624
- },
1625
- "type": "typography"
1626
- },
1627
- "s": {
1628
- "value": {
1629
- "fontFamily": "Sage UI",
1630
- "fontWeight": "Regular",
1631
- "lineHeight": "150%",
1632
- "fontSize": "14px",
1633
- "letterSpacing": "0%",
1634
- "paragraphSpacing": "0",
1635
- "textDecoration": "none",
1636
- "textCase": "none"
1637
- },
1638
- "type": "typography"
1639
- },
1640
- "ms": {
1641
- "value": {
1642
- "fontFamily": "Sage UI",
1643
- "fontWeight": "Regular",
1644
- "lineHeight": "150%",
1645
- "fontSize": "14px",
1646
- "letterSpacing": "0%",
1647
- "paragraphSpacing": "0",
1648
- "textDecoration": "none",
1649
- "textCase": "none"
1650
- },
1651
- "type": "typography"
1652
- },
1653
1564
  "m": {
1654
1565
  "value": {
1655
1566
  "fontFamily": "Sage UI",
@@ -1662,45 +1573,6 @@
1662
1573
  "textCase": "none"
1663
1574
  },
1664
1575
  "type": "typography"
1665
- },
1666
- "ml": {
1667
- "value": {
1668
- "fontFamily": "Sage UI",
1669
- "fontWeight": "Regular",
1670
- "lineHeight": "150%",
1671
- "fontSize": "14px",
1672
- "letterSpacing": "0%",
1673
- "paragraphSpacing": "0",
1674
- "textDecoration": "none",
1675
- "textCase": "none"
1676
- },
1677
- "type": "typography"
1678
- },
1679
- "l": {
1680
- "value": {
1681
- "fontFamily": "Sage UI",
1682
- "fontWeight": "Regular",
1683
- "lineHeight": "150%",
1684
- "fontSize": "14px",
1685
- "letterSpacing": "0%",
1686
- "paragraphSpacing": "0",
1687
- "textDecoration": "none",
1688
- "textCase": "none"
1689
- },
1690
- "type": "typography"
1691
- },
1692
- "xl": {
1693
- "value": {
1694
- "fontFamily": "Sage UI",
1695
- "fontWeight": "Regular",
1696
- "lineHeight": "150%",
1697
- "fontSize": "14px",
1698
- "letterSpacing": "0%",
1699
- "paragraphSpacing": "0",
1700
- "textDecoration": "none",
1701
- "textCase": "none"
1702
- },
1703
- "type": "typography"
1704
1576
  }
1705
1577
  }
1706
1578
  },
@@ -1719,6 +1591,20 @@
1719
1591
  },
1720
1592
  "type": "typography"
1721
1593
  }
1594
+ },
1595
+ "paragraph": {
1596
+ "m": {
1597
+ "value": {
1598
+ "fontFamily": "Sage UI",
1599
+ "fontWeight": "Regular",
1600
+ "lineHeight": "125%",
1601
+ "letterSpacing": "0%",
1602
+ "paragraphSpacing": "0",
1603
+ "textDecoration": "none",
1604
+ "textCase": "none"
1605
+ },
1606
+ "type": "typography"
1607
+ }
1722
1608
  }
1723
1609
  },
1724
1610
  "flash": {
@@ -2121,6 +2007,19 @@
2121
2007
  },
2122
2008
  "link": {
2123
2009
  "text": {
2010
+ "s": {
2011
+ "value": {
2012
+ "fontFamily": "Sage UI",
2013
+ "fontWeight": "Regular",
2014
+ "lineHeight": "150%",
2015
+ "fontSize": "12px",
2016
+ "letterSpacing": "0%",
2017
+ "paragraphSpacing": "0px",
2018
+ "textDecoration": "none",
2019
+ "textCase": "none"
2020
+ },
2021
+ "type": "typography"
2022
+ },
2124
2023
  "m": {
2125
2024
  "value": {
2126
2025
  "fontFamily": "Sage UI",
@@ -2128,7 +2027,9 @@
2128
2027
  "lineHeight": "150%",
2129
2028
  "fontSize": "14px",
2130
2029
  "letterSpacing": "0%",
2131
- "paragraphSpacing": "0px"
2030
+ "paragraphSpacing": "0px",
2031
+ "textDecoration": "none",
2032
+ "textCase": "none"
2132
2033
  },
2133
2034
  "type": "typography"
2134
2035
  },
@@ -2242,6 +2143,23 @@
2242
2143
  }
2243
2144
  }
2244
2145
  },
2146
+ "tile": {
2147
+ "paragraph": {
2148
+ "m": {
2149
+ "value": {
2150
+ "fontFamily": "Sage UI",
2151
+ "fontWeight": "Regular",
2152
+ "lineHeight": "150%",
2153
+ "fontSize": "14px",
2154
+ "letterSpacing": "0%",
2155
+ "paragraphSpacing": "0",
2156
+ "textDecoration": "none",
2157
+ "textCase": "none"
2158
+ },
2159
+ "type": "typography"
2160
+ }
2161
+ }
2162
+ },
2245
2163
  "pill": {
2246
2164
  "label": {
2247
2165
  "s": {
@@ -2666,6 +2584,20 @@
2666
2584
  },
2667
2585
  "type": "typography"
2668
2586
  }
2587
+ },
2588
+ "paragraph": {
2589
+ "m": {
2590
+ "value": {
2591
+ "fontFamily": "Sage UI",
2592
+ "fontWeight": "Regular",
2593
+ "lineHeight": "125%",
2594
+ "letterSpacing": "0%",
2595
+ "paragraphSpacing": "0",
2596
+ "textDecoration": "none",
2597
+ "textCase": "none"
2598
+ },
2599
+ "type": "typography"
2600
+ }
2669
2601
  }
2670
2602
  },
2671
2603
  "stepFlow": {
@@ -2737,6 +2669,32 @@
2737
2669
  },
2738
2670
  "table": {
2739
2671
  "headerText": {
2672
+ "xs": {
2673
+ "value": {
2674
+ "fontFamily": "Sage UI",
2675
+ "fontWeight": "Medium",
2676
+ "lineHeight": "150%",
2677
+ "fontSize": "13px",
2678
+ "letterSpacing": "0%",
2679
+ "paragraphSpacing": "0px",
2680
+ "textDecoration": "none",
2681
+ "textCase": "none"
2682
+ },
2683
+ "type": "typography"
2684
+ },
2685
+ "s": {
2686
+ "value": {
2687
+ "fontFamily": "Sage UI",
2688
+ "fontWeight": "Medium",
2689
+ "lineHeight": "150%",
2690
+ "fontSize": "14px",
2691
+ "letterSpacing": "0%",
2692
+ "paragraphSpacing": "0px",
2693
+ "textDecoration": "none",
2694
+ "textCase": "none"
2695
+ },
2696
+ "type": "typography"
2697
+ },
2740
2698
  "m": {
2741
2699
  "value": {
2742
2700
  "fontFamily": "Sage UI",
@@ -2744,12 +2702,66 @@
2744
2702
  "lineHeight": "150%",
2745
2703
  "fontSize": "14px",
2746
2704
  "letterSpacing": "0%",
2747
- "paragraphSpacing": "0px"
2705
+ "paragraphSpacing": "0px",
2706
+ "textDecoration": "none",
2707
+ "textCase": "none"
2708
+ },
2709
+ "type": "typography"
2710
+ },
2711
+ "l": {
2712
+ "value": {
2713
+ "fontFamily": "Sage UI",
2714
+ "fontWeight": "Medium",
2715
+ "lineHeight": "150%",
2716
+ "fontSize": "16px",
2717
+ "letterSpacing": "0%",
2718
+ "paragraphSpacing": "0px",
2719
+ "textDecoration": "none",
2720
+ "textCase": "none"
2721
+ },
2722
+ "type": "typography"
2723
+ },
2724
+ "xl": {
2725
+ "value": {
2726
+ "fontFamily": "Sage UI",
2727
+ "fontWeight": "Medium",
2728
+ "lineHeight": "150%",
2729
+ "fontSize": "16px",
2730
+ "letterSpacing": "0%",
2731
+ "paragraphSpacing": "0px",
2732
+ "textDecoration": "none",
2733
+ "textCase": "none"
2748
2734
  },
2749
2735
  "type": "typography"
2750
2736
  }
2751
2737
  },
2752
2738
  "cellText": {
2739
+ "xs": {
2740
+ "value": {
2741
+ "fontFamily": "Sage UI",
2742
+ "fontWeight": "Regular",
2743
+ "lineHeight": "150%",
2744
+ "fontSize": "13px",
2745
+ "letterSpacing": "0%",
2746
+ "paragraphSpacing": "0px",
2747
+ "textDecoration": "none",
2748
+ "textCase": "none"
2749
+ },
2750
+ "type": "typography"
2751
+ },
2752
+ "s": {
2753
+ "value": {
2754
+ "fontFamily": "Sage UI",
2755
+ "fontWeight": "Regular",
2756
+ "lineHeight": "150%",
2757
+ "fontSize": "14px",
2758
+ "letterSpacing": "0%",
2759
+ "paragraphSpacing": "0px",
2760
+ "textDecoration": "none",
2761
+ "textCase": "none"
2762
+ },
2763
+ "type": "typography"
2764
+ },
2753
2765
  "m": {
2754
2766
  "value": {
2755
2767
  "fontFamily": "Sage UI",
@@ -2757,7 +2769,35 @@
2757
2769
  "lineHeight": "150%",
2758
2770
  "fontSize": "14px",
2759
2771
  "letterSpacing": "0%",
2760
- "paragraphSpacing": "0px"
2772
+ "paragraphSpacing": "0px",
2773
+ "textDecoration": "none",
2774
+ "textCase": "none"
2775
+ },
2776
+ "type": "typography"
2777
+ },
2778
+ "l": {
2779
+ "value": {
2780
+ "fontFamily": "Sage UI",
2781
+ "fontWeight": "Regular",
2782
+ "lineHeight": "150%",
2783
+ "fontSize": "16px",
2784
+ "letterSpacing": "0%",
2785
+ "paragraphSpacing": "0px",
2786
+ "textDecoration": "none",
2787
+ "textCase": "none"
2788
+ },
2789
+ "type": "typography"
2790
+ },
2791
+ "xl": {
2792
+ "value": {
2793
+ "fontFamily": "Sage UI",
2794
+ "fontWeight": "Regular",
2795
+ "lineHeight": "150%",
2796
+ "fontSize": "16px",
2797
+ "letterSpacing": "0%",
2798
+ "paragraphSpacing": "0px",
2799
+ "textDecoration": "none",
2800
+ "textCase": "none"
2761
2801
  },
2762
2802
  "type": "typography"
2763
2803
  }