@sage/design-tokens 2.44.0 → 2.46.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/base.xml +5 -1
- package/css/base.css +5 -1
- package/data/tokens.json +52 -0
- package/docs/tokens/base/index.html +84 -0
- package/docs/tokens/base/typography/index.html +84 -0
- package/docs/tokens/index.html +84 -0
- package/ios/base.h +5 -1
- package/js/base/common.d.ts +4 -0
- package/js/base/common.js +5 -1
- package/js/base/es6.d.ts +4 -0
- package/js/base/es6.js +4 -0
- package/package.json +1 -1
- package/sage-design-tokens-2.46.0.tgz +0 -0
- package/scss/base.scss +5 -1
- package/sage-design-tokens-2.44.0.tgz +0 -0
package/android/base.xml
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Tue, 11 Oct 2022 10:55:58 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -310,10 +310,14 @@
|
|
|
310
310
|
<string name="typographyAccordionTitleM">Medium 20px/125% Sage UI</string>
|
|
311
311
|
<string name="typographyAccordionTitleS">Medium 16px/125% Sage UI</string>
|
|
312
312
|
<string name="typographyAccordionSubtitleM">Regular 14px/150% Sage UI</string>
|
|
313
|
+
<string name="typographyAccordionSubtitleS">Regular 14px/150% Sage UI</string>
|
|
313
314
|
<string name="typographyAccordionParagraphM">Regular 14px/150% Sage UI</string>
|
|
315
|
+
<string name="typographyAccordionParagraphS">Regular 14px/150% Sage UI</string>
|
|
314
316
|
<string name="typographyActionPopoverMenuItemM">Medium 14px/150% Sage UI</string>
|
|
315
317
|
<string name="typographyAnchorNavLabelM">Medium 14px/150% Sage UI</string>
|
|
316
318
|
<string name="typographyBadgeLabelM">Medium 12px/150% Sage UI</string>
|
|
319
|
+
<string name="typographyBreadcrumbSeparatorM">Regular 14px/150% Sage UI</string>
|
|
320
|
+
<string name="typographyBreadcrumbCurrentPageM">Regular 14px/150% Sage UI</string>
|
|
317
321
|
<string name="typographyButtonLabelS">Medium 14px/150% Sage UI</string>
|
|
318
322
|
<string name="typographyButtonLabelM">Medium 14px/150% Sage UI</string>
|
|
319
323
|
<string name="typographyButtonLabelL">Medium 16px/150% Sage UI</string>
|
package/css/base.css
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Tue, 11 Oct 2022 10:55:58 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -313,10 +313,14 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
313
313
|
--typographyAccordionTitleM: 500 20px/125% Sage UI;
|
|
314
314
|
--typographyAccordionTitleS: 500 16px/125% Sage UI;
|
|
315
315
|
--typographyAccordionSubtitleM: 400 14px/150% Sage UI;
|
|
316
|
+
--typographyAccordionSubtitleS: 400 14px/150% Sage UI;
|
|
316
317
|
--typographyAccordionParagraphM: 400 14px/150% Sage UI;
|
|
318
|
+
--typographyAccordionParagraphS: 400 14px/150% Sage UI;
|
|
317
319
|
--typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
|
|
318
320
|
--typographyAnchorNavLabelM: 500 14px/150% Sage UI;
|
|
319
321
|
--typographyBadgeLabelM: 500 12px/150% Sage UI;
|
|
322
|
+
--typographyBreadcrumbSeparatorM: 400 14px/150% Sage UI;
|
|
323
|
+
--typographyBreadcrumbCurrentPageM: 400 14px/150% Sage UI;
|
|
320
324
|
--typographyButtonLabelS: 500 14px/150% Sage UI;
|
|
321
325
|
--typographyButtonLabelM: 500 14px/150% Sage UI;
|
|
322
326
|
--typographyButtonLabelL: 500 16px/150% Sage UI;
|
package/data/tokens.json
CHANGED
|
@@ -1630,6 +1630,19 @@
|
|
|
1630
1630
|
"textCase": "none"
|
|
1631
1631
|
},
|
|
1632
1632
|
"type": "typography"
|
|
1633
|
+
},
|
|
1634
|
+
"s": {
|
|
1635
|
+
"value": {
|
|
1636
|
+
"fontFamily": "Sage UI",
|
|
1637
|
+
"fontWeight": "Regular",
|
|
1638
|
+
"lineHeight": "150%",
|
|
1639
|
+
"fontSize": "14px",
|
|
1640
|
+
"letterSpacing": "0%",
|
|
1641
|
+
"paragraphSpacing": "0",
|
|
1642
|
+
"textDecoration": "none",
|
|
1643
|
+
"textCase": "none"
|
|
1644
|
+
},
|
|
1645
|
+
"type": "typography"
|
|
1633
1646
|
}
|
|
1634
1647
|
},
|
|
1635
1648
|
"paragraph": {
|
|
@@ -1645,6 +1658,19 @@
|
|
|
1645
1658
|
"textCase": "none"
|
|
1646
1659
|
},
|
|
1647
1660
|
"type": "typography"
|
|
1661
|
+
},
|
|
1662
|
+
"s": {
|
|
1663
|
+
"value": {
|
|
1664
|
+
"fontFamily": "Sage UI",
|
|
1665
|
+
"fontWeight": "Regular",
|
|
1666
|
+
"lineHeight": "150%",
|
|
1667
|
+
"fontSize": "14px",
|
|
1668
|
+
"letterSpacing": "0%",
|
|
1669
|
+
"paragraphSpacing": "0",
|
|
1670
|
+
"textDecoration": "none",
|
|
1671
|
+
"textCase": "none"
|
|
1672
|
+
},
|
|
1673
|
+
"type": "typography"
|
|
1648
1674
|
}
|
|
1649
1675
|
}
|
|
1650
1676
|
},
|
|
@@ -1699,6 +1725,32 @@
|
|
|
1699
1725
|
}
|
|
1700
1726
|
}
|
|
1701
1727
|
},
|
|
1728
|
+
"breadcrumb": {
|
|
1729
|
+
"separator": {
|
|
1730
|
+
"m": {
|
|
1731
|
+
"value": {
|
|
1732
|
+
"fontFamily": "Sage UI",
|
|
1733
|
+
"fontWeight": "Regular",
|
|
1734
|
+
"lineHeight": "150%",
|
|
1735
|
+
"fontSize": "14px"
|
|
1736
|
+
},
|
|
1737
|
+
"type": "typography",
|
|
1738
|
+
"description": "Style for the slash forward character that separates the breadcrumbs"
|
|
1739
|
+
}
|
|
1740
|
+
},
|
|
1741
|
+
"currentPage": {
|
|
1742
|
+
"m": {
|
|
1743
|
+
"value": {
|
|
1744
|
+
"fontFamily": "Sage UI",
|
|
1745
|
+
"fontWeight": "Regular",
|
|
1746
|
+
"lineHeight": "150%",
|
|
1747
|
+
"fontSize": "14px"
|
|
1748
|
+
},
|
|
1749
|
+
"type": "typography",
|
|
1750
|
+
"description": "Style for the current page text"
|
|
1751
|
+
}
|
|
1752
|
+
}
|
|
1753
|
+
},
|
|
1702
1754
|
"button": {
|
|
1703
1755
|
"label": {
|
|
1704
1756
|
"s": {
|
|
@@ -6827,6 +6827,27 @@
|
|
|
6827
6827
|
|
|
6828
6828
|
</td>
|
|
6829
6829
|
</tr>
|
|
6830
|
+
<tr>
|
|
6831
|
+
<td class="with-icons is-vcentered"
|
|
6832
|
+
id="base-typographyAccordionSubtitleS"
|
|
6833
|
+
title="theme: base; category: typography; group: accordion; name: subtitle; variant: s; ">
|
|
6834
|
+
typographyAccordionSubtitleS
|
|
6835
|
+
<a href="#base-typographyAccordionSubtitleS"
|
|
6836
|
+
title="permalink"
|
|
6837
|
+
class="permalink">
|
|
6838
|
+
🔗
|
|
6839
|
+
</a>
|
|
6840
|
+
</td>
|
|
6841
|
+
<td class="is-vcentered">
|
|
6842
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6843
|
+
</td>
|
|
6844
|
+
<td class="is-vcentered">
|
|
6845
|
+
<div class="table__typography-preview">
|
|
6846
|
+
n/a
|
|
6847
|
+
</div>
|
|
6848
|
+
|
|
6849
|
+
</td>
|
|
6850
|
+
</tr>
|
|
6830
6851
|
<tr>
|
|
6831
6852
|
<td class="with-icons is-vcentered"
|
|
6832
6853
|
id="base-typographyAccordionParagraphM"
|
|
@@ -6848,6 +6869,27 @@
|
|
|
6848
6869
|
|
|
6849
6870
|
</td>
|
|
6850
6871
|
</tr>
|
|
6872
|
+
<tr>
|
|
6873
|
+
<td class="with-icons is-vcentered"
|
|
6874
|
+
id="base-typographyAccordionParagraphS"
|
|
6875
|
+
title="theme: base; category: typography; group: accordion; name: paragraph; variant: s; ">
|
|
6876
|
+
typographyAccordionParagraphS
|
|
6877
|
+
<a href="#base-typographyAccordionParagraphS"
|
|
6878
|
+
title="permalink"
|
|
6879
|
+
class="permalink">
|
|
6880
|
+
🔗
|
|
6881
|
+
</a>
|
|
6882
|
+
</td>
|
|
6883
|
+
<td class="is-vcentered">
|
|
6884
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6885
|
+
</td>
|
|
6886
|
+
<td class="is-vcentered">
|
|
6887
|
+
<div class="table__typography-preview">
|
|
6888
|
+
n/a
|
|
6889
|
+
</div>
|
|
6890
|
+
|
|
6891
|
+
</td>
|
|
6892
|
+
</tr>
|
|
6851
6893
|
<tr>
|
|
6852
6894
|
<td class="with-icons is-vcentered"
|
|
6853
6895
|
id="base-typographyActionPopoverMenuItemM"
|
|
@@ -6911,6 +6953,48 @@
|
|
|
6911
6953
|
|
|
6912
6954
|
</td>
|
|
6913
6955
|
</tr>
|
|
6956
|
+
<tr>
|
|
6957
|
+
<td class="with-icons is-vcentered"
|
|
6958
|
+
id="base-typographyBreadcrumbSeparatorM"
|
|
6959
|
+
title="theme: base; category: typography; group: breadcrumb; name: separator; variant: m; ">
|
|
6960
|
+
typographyBreadcrumbSeparatorM
|
|
6961
|
+
<a href="#base-typographyBreadcrumbSeparatorM"
|
|
6962
|
+
title="permalink"
|
|
6963
|
+
class="permalink">
|
|
6964
|
+
🔗
|
|
6965
|
+
</a>
|
|
6966
|
+
</td>
|
|
6967
|
+
<td class="is-vcentered">
|
|
6968
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6969
|
+
</td>
|
|
6970
|
+
<td class="is-vcentered">
|
|
6971
|
+
<div class="table__typography-preview">
|
|
6972
|
+
n/a
|
|
6973
|
+
</div>
|
|
6974
|
+
|
|
6975
|
+
</td>
|
|
6976
|
+
</tr>
|
|
6977
|
+
<tr>
|
|
6978
|
+
<td class="with-icons is-vcentered"
|
|
6979
|
+
id="base-typographyBreadcrumbCurrentPageM"
|
|
6980
|
+
title="theme: base; category: typography; group: breadcrumb; name: currentPage; variant: m; ">
|
|
6981
|
+
typographyBreadcrumbCurrentPageM
|
|
6982
|
+
<a href="#base-typographyBreadcrumbCurrentPageM"
|
|
6983
|
+
title="permalink"
|
|
6984
|
+
class="permalink">
|
|
6985
|
+
🔗
|
|
6986
|
+
</a>
|
|
6987
|
+
</td>
|
|
6988
|
+
<td class="is-vcentered">
|
|
6989
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6990
|
+
</td>
|
|
6991
|
+
<td class="is-vcentered">
|
|
6992
|
+
<div class="table__typography-preview">
|
|
6993
|
+
n/a
|
|
6994
|
+
</div>
|
|
6995
|
+
|
|
6996
|
+
</td>
|
|
6997
|
+
</tr>
|
|
6914
6998
|
<tr>
|
|
6915
6999
|
<td class="with-icons is-vcentered"
|
|
6916
7000
|
id="base-typographyButtonLabelS"
|
|
@@ -348,6 +348,27 @@
|
|
|
348
348
|
|
|
349
349
|
</td>
|
|
350
350
|
</tr>
|
|
351
|
+
<tr>
|
|
352
|
+
<td class="with-icons is-vcentered"
|
|
353
|
+
id="base-typographyAccordionSubtitleS"
|
|
354
|
+
title="theme: base; category: typography; group: accordion; name: subtitle; variant: s; ">
|
|
355
|
+
typographyAccordionSubtitleS
|
|
356
|
+
<a href="#base-typographyAccordionSubtitleS"
|
|
357
|
+
title="permalink"
|
|
358
|
+
class="permalink">
|
|
359
|
+
🔗
|
|
360
|
+
</a>
|
|
361
|
+
</td>
|
|
362
|
+
<td class="is-vcentered">
|
|
363
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
364
|
+
</td>
|
|
365
|
+
<td class="is-vcentered">
|
|
366
|
+
<div class="table__typography-preview">
|
|
367
|
+
n/a
|
|
368
|
+
</div>
|
|
369
|
+
|
|
370
|
+
</td>
|
|
371
|
+
</tr>
|
|
351
372
|
<tr>
|
|
352
373
|
<td class="with-icons is-vcentered"
|
|
353
374
|
id="base-typographyAccordionParagraphM"
|
|
@@ -369,6 +390,27 @@
|
|
|
369
390
|
|
|
370
391
|
</td>
|
|
371
392
|
</tr>
|
|
393
|
+
<tr>
|
|
394
|
+
<td class="with-icons is-vcentered"
|
|
395
|
+
id="base-typographyAccordionParagraphS"
|
|
396
|
+
title="theme: base; category: typography; group: accordion; name: paragraph; variant: s; ">
|
|
397
|
+
typographyAccordionParagraphS
|
|
398
|
+
<a href="#base-typographyAccordionParagraphS"
|
|
399
|
+
title="permalink"
|
|
400
|
+
class="permalink">
|
|
401
|
+
🔗
|
|
402
|
+
</a>
|
|
403
|
+
</td>
|
|
404
|
+
<td class="is-vcentered">
|
|
405
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
406
|
+
</td>
|
|
407
|
+
<td class="is-vcentered">
|
|
408
|
+
<div class="table__typography-preview">
|
|
409
|
+
n/a
|
|
410
|
+
</div>
|
|
411
|
+
|
|
412
|
+
</td>
|
|
413
|
+
</tr>
|
|
372
414
|
<tr>
|
|
373
415
|
<td class="with-icons is-vcentered"
|
|
374
416
|
id="base-typographyActionPopoverMenuItemM"
|
|
@@ -432,6 +474,48 @@
|
|
|
432
474
|
|
|
433
475
|
</td>
|
|
434
476
|
</tr>
|
|
477
|
+
<tr>
|
|
478
|
+
<td class="with-icons is-vcentered"
|
|
479
|
+
id="base-typographyBreadcrumbSeparatorM"
|
|
480
|
+
title="theme: base; category: typography; group: breadcrumb; name: separator; variant: m; ">
|
|
481
|
+
typographyBreadcrumbSeparatorM
|
|
482
|
+
<a href="#base-typographyBreadcrumbSeparatorM"
|
|
483
|
+
title="permalink"
|
|
484
|
+
class="permalink">
|
|
485
|
+
🔗
|
|
486
|
+
</a>
|
|
487
|
+
</td>
|
|
488
|
+
<td class="is-vcentered">
|
|
489
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
490
|
+
</td>
|
|
491
|
+
<td class="is-vcentered">
|
|
492
|
+
<div class="table__typography-preview">
|
|
493
|
+
n/a
|
|
494
|
+
</div>
|
|
495
|
+
|
|
496
|
+
</td>
|
|
497
|
+
</tr>
|
|
498
|
+
<tr>
|
|
499
|
+
<td class="with-icons is-vcentered"
|
|
500
|
+
id="base-typographyBreadcrumbCurrentPageM"
|
|
501
|
+
title="theme: base; category: typography; group: breadcrumb; name: currentPage; variant: m; ">
|
|
502
|
+
typographyBreadcrumbCurrentPageM
|
|
503
|
+
<a href="#base-typographyBreadcrumbCurrentPageM"
|
|
504
|
+
title="permalink"
|
|
505
|
+
class="permalink">
|
|
506
|
+
🔗
|
|
507
|
+
</a>
|
|
508
|
+
</td>
|
|
509
|
+
<td class="is-vcentered">
|
|
510
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
511
|
+
</td>
|
|
512
|
+
<td class="is-vcentered">
|
|
513
|
+
<div class="table__typography-preview">
|
|
514
|
+
n/a
|
|
515
|
+
</div>
|
|
516
|
+
|
|
517
|
+
</td>
|
|
518
|
+
</tr>
|
|
435
519
|
<tr>
|
|
436
520
|
<td class="with-icons is-vcentered"
|
|
437
521
|
id="base-typographyButtonLabelS"
|
package/docs/tokens/index.html
CHANGED
|
@@ -6883,6 +6883,27 @@
|
|
|
6883
6883
|
|
|
6884
6884
|
</td>
|
|
6885
6885
|
</tr>
|
|
6886
|
+
<tr>
|
|
6887
|
+
<td class="with-icons is-vcentered"
|
|
6888
|
+
id="base-typographyAccordionSubtitleS"
|
|
6889
|
+
title="theme: base; category: typography; group: accordion; name: subtitle; variant: s; ">
|
|
6890
|
+
typographyAccordionSubtitleS
|
|
6891
|
+
<a href="#base-typographyAccordionSubtitleS"
|
|
6892
|
+
title="permalink"
|
|
6893
|
+
class="permalink">
|
|
6894
|
+
🔗
|
|
6895
|
+
</a>
|
|
6896
|
+
</td>
|
|
6897
|
+
<td class="is-vcentered">
|
|
6898
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6899
|
+
</td>
|
|
6900
|
+
<td class="is-vcentered">
|
|
6901
|
+
<div class="table__typography-preview">
|
|
6902
|
+
n/a
|
|
6903
|
+
</div>
|
|
6904
|
+
|
|
6905
|
+
</td>
|
|
6906
|
+
</tr>
|
|
6886
6907
|
<tr>
|
|
6887
6908
|
<td class="with-icons is-vcentered"
|
|
6888
6909
|
id="base-typographyAccordionParagraphM"
|
|
@@ -6904,6 +6925,27 @@
|
|
|
6904
6925
|
|
|
6905
6926
|
</td>
|
|
6906
6927
|
</tr>
|
|
6928
|
+
<tr>
|
|
6929
|
+
<td class="with-icons is-vcentered"
|
|
6930
|
+
id="base-typographyAccordionParagraphS"
|
|
6931
|
+
title="theme: base; category: typography; group: accordion; name: paragraph; variant: s; ">
|
|
6932
|
+
typographyAccordionParagraphS
|
|
6933
|
+
<a href="#base-typographyAccordionParagraphS"
|
|
6934
|
+
title="permalink"
|
|
6935
|
+
class="permalink">
|
|
6936
|
+
🔗
|
|
6937
|
+
</a>
|
|
6938
|
+
</td>
|
|
6939
|
+
<td class="is-vcentered">
|
|
6940
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
6941
|
+
</td>
|
|
6942
|
+
<td class="is-vcentered">
|
|
6943
|
+
<div class="table__typography-preview">
|
|
6944
|
+
n/a
|
|
6945
|
+
</div>
|
|
6946
|
+
|
|
6947
|
+
</td>
|
|
6948
|
+
</tr>
|
|
6907
6949
|
<tr>
|
|
6908
6950
|
<td class="with-icons is-vcentered"
|
|
6909
6951
|
id="base-typographyActionPopoverMenuItemM"
|
|
@@ -6967,6 +7009,48 @@
|
|
|
6967
7009
|
|
|
6968
7010
|
</td>
|
|
6969
7011
|
</tr>
|
|
7012
|
+
<tr>
|
|
7013
|
+
<td class="with-icons is-vcentered"
|
|
7014
|
+
id="base-typographyBreadcrumbSeparatorM"
|
|
7015
|
+
title="theme: base; category: typography; group: breadcrumb; name: separator; variant: m; ">
|
|
7016
|
+
typographyBreadcrumbSeparatorM
|
|
7017
|
+
<a href="#base-typographyBreadcrumbSeparatorM"
|
|
7018
|
+
title="permalink"
|
|
7019
|
+
class="permalink">
|
|
7020
|
+
🔗
|
|
7021
|
+
</a>
|
|
7022
|
+
</td>
|
|
7023
|
+
<td class="is-vcentered">
|
|
7024
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
7025
|
+
</td>
|
|
7026
|
+
<td class="is-vcentered">
|
|
7027
|
+
<div class="table__typography-preview">
|
|
7028
|
+
n/a
|
|
7029
|
+
</div>
|
|
7030
|
+
|
|
7031
|
+
</td>
|
|
7032
|
+
</tr>
|
|
7033
|
+
<tr>
|
|
7034
|
+
<td class="with-icons is-vcentered"
|
|
7035
|
+
id="base-typographyBreadcrumbCurrentPageM"
|
|
7036
|
+
title="theme: base; category: typography; group: breadcrumb; name: currentPage; variant: m; ">
|
|
7037
|
+
typographyBreadcrumbCurrentPageM
|
|
7038
|
+
<a href="#base-typographyBreadcrumbCurrentPageM"
|
|
7039
|
+
title="permalink"
|
|
7040
|
+
class="permalink">
|
|
7041
|
+
🔗
|
|
7042
|
+
</a>
|
|
7043
|
+
</td>
|
|
7044
|
+
<td class="is-vcentered">
|
|
7045
|
+
<pre>400 14px/150% Sage UI</pre>
|
|
7046
|
+
</td>
|
|
7047
|
+
<td class="is-vcentered">
|
|
7048
|
+
<div class="table__typography-preview">
|
|
7049
|
+
n/a
|
|
7050
|
+
</div>
|
|
7051
|
+
|
|
7052
|
+
</td>
|
|
7053
|
+
</tr>
|
|
6970
7054
|
<tr>
|
|
6971
7055
|
<td class="with-icons is-vcentered"
|
|
6972
7056
|
id="base-typographyButtonLabelS"
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Tue, 11 Oct 2022 10:55:58 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -315,10 +315,14 @@
|
|
|
315
315
|
#define typographyAccordionTitleM Medium 20px/125% Sage UI
|
|
316
316
|
#define typographyAccordionTitleS Medium 16px/125% Sage UI
|
|
317
317
|
#define typographyAccordionSubtitleM Regular 14px/150% Sage UI
|
|
318
|
+
#define typographyAccordionSubtitleS Regular 14px/150% Sage UI
|
|
318
319
|
#define typographyAccordionParagraphM Regular 14px/150% Sage UI
|
|
320
|
+
#define typographyAccordionParagraphS Regular 14px/150% Sage UI
|
|
319
321
|
#define typographyActionPopoverMenuItemM Medium 14px/150% Sage UI
|
|
320
322
|
#define typographyAnchorNavLabelM Medium 14px/150% Sage UI
|
|
321
323
|
#define typographyBadgeLabelM Medium 12px/150% Sage UI
|
|
324
|
+
#define typographyBreadcrumbSeparatorM Regular 14px/150% Sage UI
|
|
325
|
+
#define typographyBreadcrumbCurrentPageM Regular 14px/150% Sage UI
|
|
322
326
|
#define typographyButtonLabelS Medium 14px/150% Sage UI
|
|
323
327
|
#define typographyButtonLabelM Medium 14px/150% Sage UI
|
|
324
328
|
#define typographyButtonLabelL Medium 16px/150% Sage UI
|
package/js/base/common.d.ts
CHANGED
|
@@ -303,10 +303,14 @@ export const borderRadiusCircle: string;
|
|
|
303
303
|
export const typographyAccordionTitleM: string;
|
|
304
304
|
export const typographyAccordionTitleS: string;
|
|
305
305
|
export const typographyAccordionSubtitleM: string;
|
|
306
|
+
export const typographyAccordionSubtitleS: string;
|
|
306
307
|
export const typographyAccordionParagraphM: string;
|
|
308
|
+
export const typographyAccordionParagraphS: string;
|
|
307
309
|
export const typographyActionPopoverMenuItemM: string;
|
|
308
310
|
export const typographyAnchorNavLabelM: string;
|
|
309
311
|
export const typographyBadgeLabelM: string;
|
|
312
|
+
export const typographyBreadcrumbSeparatorM: string;
|
|
313
|
+
export const typographyBreadcrumbCurrentPageM: string;
|
|
310
314
|
export const typographyButtonLabelS: string;
|
|
311
315
|
export const typographyButtonLabelM: string;
|
|
312
316
|
export const typographyButtonLabelL: string;
|
package/js/base/common.js
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Tue, 11 Oct 2022 10:55:58 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -313,10 +313,14 @@ module.exports = {
|
|
|
313
313
|
typographyAccordionTitleM: '500 20px/125% Sage UI',
|
|
314
314
|
typographyAccordionTitleS: '500 16px/125% Sage UI',
|
|
315
315
|
typographyAccordionSubtitleM: '400 14px/150% Sage UI',
|
|
316
|
+
typographyAccordionSubtitleS: '400 14px/150% Sage UI',
|
|
316
317
|
typographyAccordionParagraphM: '400 14px/150% Sage UI',
|
|
318
|
+
typographyAccordionParagraphS: '400 14px/150% Sage UI',
|
|
317
319
|
typographyActionPopoverMenuItemM: '500 14px/150% Sage UI',
|
|
318
320
|
typographyAnchorNavLabelM: '500 14px/150% Sage UI',
|
|
319
321
|
typographyBadgeLabelM: '500 12px/150% Sage UI',
|
|
322
|
+
typographyBreadcrumbSeparatorM: '400 14px/150% Sage UI',
|
|
323
|
+
typographyBreadcrumbCurrentPageM: '400 14px/150% Sage UI',
|
|
320
324
|
typographyButtonLabelS: '500 14px/150% Sage UI',
|
|
321
325
|
typographyButtonLabelM: '500 14px/150% Sage UI',
|
|
322
326
|
typographyButtonLabelL: '500 16px/150% Sage UI',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -304,10 +304,14 @@ declare namespace _default {
|
|
|
304
304
|
const typographyAccordionTitleM: string;
|
|
305
305
|
const typographyAccordionTitleS: string;
|
|
306
306
|
const typographyAccordionSubtitleM: string;
|
|
307
|
+
const typographyAccordionSubtitleS: string;
|
|
307
308
|
const typographyAccordionParagraphM: string;
|
|
309
|
+
const typographyAccordionParagraphS: string;
|
|
308
310
|
const typographyActionPopoverMenuItemM: string;
|
|
309
311
|
const typographyAnchorNavLabelM: string;
|
|
310
312
|
const typographyBadgeLabelM: string;
|
|
313
|
+
const typographyBreadcrumbSeparatorM: string;
|
|
314
|
+
const typographyBreadcrumbCurrentPageM: string;
|
|
311
315
|
const typographyButtonLabelS: string;
|
|
312
316
|
const typographyButtonLabelM: string;
|
|
313
317
|
const typographyButtonLabelL: string;
|
package/js/base/es6.js
CHANGED
|
@@ -308,10 +308,14 @@ export default {
|
|
|
308
308
|
typographyAccordionTitleM: '500 20px/125% Sage UI',
|
|
309
309
|
typographyAccordionTitleS: '500 16px/125% Sage UI',
|
|
310
310
|
typographyAccordionSubtitleM: '400 14px/150% Sage UI',
|
|
311
|
+
typographyAccordionSubtitleS: '400 14px/150% Sage UI',
|
|
311
312
|
typographyAccordionParagraphM: '400 14px/150% Sage UI',
|
|
313
|
+
typographyAccordionParagraphS: '400 14px/150% Sage UI',
|
|
312
314
|
typographyActionPopoverMenuItemM: '500 14px/150% Sage UI',
|
|
313
315
|
typographyAnchorNavLabelM: '500 14px/150% Sage UI',
|
|
314
316
|
typographyBadgeLabelM: '500 12px/150% Sage UI',
|
|
317
|
+
typographyBreadcrumbSeparatorM: '400 14px/150% Sage UI',
|
|
318
|
+
typographyBreadcrumbCurrentPageM: '400 14px/150% Sage UI',
|
|
315
319
|
typographyButtonLabelS: '500 14px/150% Sage UI',
|
|
316
320
|
typographyButtonLabelM: '500 14px/150% Sage UI',
|
|
317
321
|
typographyButtonLabelL: '500 16px/150% Sage UI',
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
},
|
|
11
11
|
"description": "Design tokens for the Sage Design System.",
|
|
12
12
|
"author": "The Sage Group plc",
|
|
13
|
-
"version": "2.
|
|
13
|
+
"version": "2.46.0",
|
|
14
14
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
15
15
|
"tags": [
|
|
16
16
|
"design tokens",
|
|
Binary file
|
package/scss/base.scss
CHANGED
|
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on
|
|
7
|
+
// Generated on Tue, 11 Oct 2022 10:55:58 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -311,10 +311,14 @@ $borderRadiusCircle: 50%;
|
|
|
311
311
|
$typographyAccordionTitleM: 500 20px/125% Sage UI;
|
|
312
312
|
$typographyAccordionTitleS: 500 16px/125% Sage UI;
|
|
313
313
|
$typographyAccordionSubtitleM: 400 14px/150% Sage UI;
|
|
314
|
+
$typographyAccordionSubtitleS: 400 14px/150% Sage UI;
|
|
314
315
|
$typographyAccordionParagraphM: 400 14px/150% Sage UI;
|
|
316
|
+
$typographyAccordionParagraphS: 400 14px/150% Sage UI;
|
|
315
317
|
$typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
|
|
316
318
|
$typographyAnchorNavLabelM: 500 14px/150% Sage UI;
|
|
317
319
|
$typographyBadgeLabelM: 500 12px/150% Sage UI;
|
|
320
|
+
$typographyBreadcrumbSeparatorM: 400 14px/150% Sage UI;
|
|
321
|
+
$typographyBreadcrumbCurrentPageM: 400 14px/150% Sage UI;
|
|
318
322
|
$typographyButtonLabelS: 500 14px/150% Sage UI;
|
|
319
323
|
$typographyButtonLabelM: 500 14px/150% Sage UI;
|
|
320
324
|
$typographyButtonLabelL: 500 16px/150% Sage UI;
|
|
Binary file
|