@sage/design-tokens 2.22.0 → 2.23.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 +4 -4
- package/css/base.css +4 -4
- package/data/tokens.json +12 -6
- package/docs/tokens/base/index.html +3 -3
- package/docs/tokens/base/typography/index.html +3 -3
- package/docs/tokens/index.html +3 -3
- package/ios/base.h +4 -4
- package/js/base/common.js +4 -4
- package/js/base/es6.js +3 -3
- package/package.json +1 -1
- package/sage-design-tokens-2.23.0.tgz +0 -0
- package/scss/base.scss +4 -4
- package/sage-design-tokens-2.22.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 Fri, 22 Apr 2022
|
|
5
|
+
Generated on Fri, 22 Apr 2022 16:23:18 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -305,9 +305,9 @@
|
|
|
305
305
|
<string name="typographyActionPopoverMenuItemM">Bold 14px/150% Sage UI</string>
|
|
306
306
|
<string name="typographyAnchorNavLabelM">Medium 14px/150% Sage UI</string>
|
|
307
307
|
<string name="typographyBadgeLabelM">Medium 12px/150% Sage UI</string>
|
|
308
|
-
<string name="typographyButtonLabelS">
|
|
309
|
-
<string name="typographyButtonLabelM">
|
|
310
|
-
<string name="typographyButtonLabelL">
|
|
308
|
+
<string name="typographyButtonLabelS">Medium 14px/150% Sage UI</string>
|
|
309
|
+
<string name="typographyButtonLabelM">Medium 14px/150% Sage UI</string>
|
|
310
|
+
<string name="typographyButtonLabelL">Medium 16px/150% Sage UI</string>
|
|
311
311
|
<string name="typographyCardParagraphM">Regular 14px/150% Sage UI</string>
|
|
312
312
|
<string name="typographyCardSelectTitleM">Bold 16px/150% Sage UI</string>
|
|
313
313
|
<string name="typographyCardSelectSubtitleM">Medium 14px/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 Fri, 22 Apr 2022
|
|
7
|
+
* Generated on Fri, 22 Apr 2022 16:23:18 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -308,9 +308,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
308
308
|
--typographyActionPopoverMenuItemM: 700 14px/150% Sage UI;
|
|
309
309
|
--typographyAnchorNavLabelM: 500 14px/150% Sage UI;
|
|
310
310
|
--typographyBadgeLabelM: 500 12px/150% Sage UI;
|
|
311
|
-
--typographyButtonLabelS:
|
|
312
|
-
--typographyButtonLabelM:
|
|
313
|
-
--typographyButtonLabelL:
|
|
311
|
+
--typographyButtonLabelS: 500 14px/150% Sage UI;
|
|
312
|
+
--typographyButtonLabelM: 500 14px/150% Sage UI;
|
|
313
|
+
--typographyButtonLabelL: 500 16px/150% Sage UI;
|
|
314
314
|
--typographyCardParagraphM: 400 14px/150% Sage UI;
|
|
315
315
|
--typographyCardSelectTitleM: 700 16px/150% Sage UI;
|
|
316
316
|
--typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
|
package/data/tokens.json
CHANGED
|
@@ -1659,33 +1659,39 @@
|
|
|
1659
1659
|
"s": {
|
|
1660
1660
|
"value": {
|
|
1661
1661
|
"fontFamily": "Sage UI",
|
|
1662
|
-
"fontWeight": "
|
|
1662
|
+
"fontWeight": "Medium",
|
|
1663
1663
|
"lineHeight": "150%",
|
|
1664
1664
|
"fontSize": "14px",
|
|
1665
1665
|
"letterSpacing": "0%",
|
|
1666
|
-
"paragraphSpacing": "0px"
|
|
1666
|
+
"paragraphSpacing": "0px",
|
|
1667
|
+
"textDecoration": "none",
|
|
1668
|
+
"textCase": "none"
|
|
1667
1669
|
},
|
|
1668
1670
|
"type": "typography"
|
|
1669
1671
|
},
|
|
1670
1672
|
"m": {
|
|
1671
1673
|
"value": {
|
|
1672
1674
|
"fontFamily": "Sage UI",
|
|
1673
|
-
"fontWeight": "
|
|
1675
|
+
"fontWeight": "Medium",
|
|
1674
1676
|
"lineHeight": "150%",
|
|
1675
1677
|
"fontSize": "14px",
|
|
1676
1678
|
"letterSpacing": "0%",
|
|
1677
|
-
"paragraphSpacing": "0px"
|
|
1679
|
+
"paragraphSpacing": "0px",
|
|
1680
|
+
"textDecoration": "none",
|
|
1681
|
+
"textCase": "none"
|
|
1678
1682
|
},
|
|
1679
1683
|
"type": "typography"
|
|
1680
1684
|
},
|
|
1681
1685
|
"l": {
|
|
1682
1686
|
"value": {
|
|
1683
1687
|
"fontFamily": "Sage UI",
|
|
1684
|
-
"fontWeight": "
|
|
1688
|
+
"fontWeight": "Medium",
|
|
1685
1689
|
"lineHeight": "150%",
|
|
1686
1690
|
"fontSize": "16px",
|
|
1687
1691
|
"letterSpacing": "0%",
|
|
1688
|
-
"paragraphSpacing": "0px"
|
|
1692
|
+
"paragraphSpacing": "0px",
|
|
1693
|
+
"textDecoration": "none",
|
|
1694
|
+
"textCase": "none"
|
|
1689
1695
|
},
|
|
1690
1696
|
"type": "typography"
|
|
1691
1697
|
}
|
|
@@ -6734,7 +6734,7 @@
|
|
|
6734
6734
|
</a>
|
|
6735
6735
|
</td>
|
|
6736
6736
|
<td class="is-vcentered">
|
|
6737
|
-
<pre>
|
|
6737
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
6738
6738
|
</td>
|
|
6739
6739
|
<td class="is-vcentered">
|
|
6740
6740
|
<div class="table__typography-preview">
|
|
@@ -6755,7 +6755,7 @@
|
|
|
6755
6755
|
</a>
|
|
6756
6756
|
</td>
|
|
6757
6757
|
<td class="is-vcentered">
|
|
6758
|
-
<pre>
|
|
6758
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
6759
6759
|
</td>
|
|
6760
6760
|
<td class="is-vcentered">
|
|
6761
6761
|
<div class="table__typography-preview">
|
|
@@ -6776,7 +6776,7 @@
|
|
|
6776
6776
|
</a>
|
|
6777
6777
|
</td>
|
|
6778
6778
|
<td class="is-vcentered">
|
|
6779
|
-
<pre>
|
|
6779
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
6780
6780
|
</td>
|
|
6781
6781
|
<td class="is-vcentered">
|
|
6782
6782
|
<div class="table__typography-preview">
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
</a>
|
|
424
424
|
</td>
|
|
425
425
|
<td class="is-vcentered">
|
|
426
|
-
<pre>
|
|
426
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
427
427
|
</td>
|
|
428
428
|
<td class="is-vcentered">
|
|
429
429
|
<div class="table__typography-preview">
|
|
@@ -444,7 +444,7 @@
|
|
|
444
444
|
</a>
|
|
445
445
|
</td>
|
|
446
446
|
<td class="is-vcentered">
|
|
447
|
-
<pre>
|
|
447
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
448
448
|
</td>
|
|
449
449
|
<td class="is-vcentered">
|
|
450
450
|
<div class="table__typography-preview">
|
|
@@ -465,7 +465,7 @@
|
|
|
465
465
|
</a>
|
|
466
466
|
</td>
|
|
467
467
|
<td class="is-vcentered">
|
|
468
|
-
<pre>
|
|
468
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
469
469
|
</td>
|
|
470
470
|
<td class="is-vcentered">
|
|
471
471
|
<div class="table__typography-preview">
|
package/docs/tokens/index.html
CHANGED
|
@@ -6790,7 +6790,7 @@
|
|
|
6790
6790
|
</a>
|
|
6791
6791
|
</td>
|
|
6792
6792
|
<td class="is-vcentered">
|
|
6793
|
-
<pre>
|
|
6793
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
6794
6794
|
</td>
|
|
6795
6795
|
<td class="is-vcentered">
|
|
6796
6796
|
<div class="table__typography-preview">
|
|
@@ -6811,7 +6811,7 @@
|
|
|
6811
6811
|
</a>
|
|
6812
6812
|
</td>
|
|
6813
6813
|
<td class="is-vcentered">
|
|
6814
|
-
<pre>
|
|
6814
|
+
<pre>500 14px/150% Sage UI</pre>
|
|
6815
6815
|
</td>
|
|
6816
6816
|
<td class="is-vcentered">
|
|
6817
6817
|
<div class="table__typography-preview">
|
|
@@ -6832,7 +6832,7 @@
|
|
|
6832
6832
|
</a>
|
|
6833
6833
|
</td>
|
|
6834
6834
|
<td class="is-vcentered">
|
|
6835
|
-
<pre>
|
|
6835
|
+
<pre>500 16px/150% Sage UI</pre>
|
|
6836
6836
|
</td>
|
|
6837
6837
|
<td class="is-vcentered">
|
|
6838
6838
|
<div class="table__typography-preview">
|
package/ios/base.h
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
//
|
|
5
5
|
|
|
6
6
|
// Do not edit directly
|
|
7
|
-
// Generated on Fri, 22 Apr 2022
|
|
7
|
+
// Generated on Fri, 22 Apr 2022 16:23:18 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -310,9 +310,9 @@
|
|
|
310
310
|
#define typographyActionPopoverMenuItemM Bold 14px/150% Sage UI
|
|
311
311
|
#define typographyAnchorNavLabelM Medium 14px/150% Sage UI
|
|
312
312
|
#define typographyBadgeLabelM Medium 12px/150% Sage UI
|
|
313
|
-
#define typographyButtonLabelS
|
|
314
|
-
#define typographyButtonLabelM
|
|
315
|
-
#define typographyButtonLabelL
|
|
313
|
+
#define typographyButtonLabelS Medium 14px/150% Sage UI
|
|
314
|
+
#define typographyButtonLabelM Medium 14px/150% Sage UI
|
|
315
|
+
#define typographyButtonLabelL Medium 16px/150% Sage UI
|
|
316
316
|
#define typographyCardParagraphM Regular 14px/150% Sage UI
|
|
317
317
|
#define typographyCardSelectTitleM Bold 16px/150% Sage UI
|
|
318
318
|
#define typographyCardSelectSubtitleM Medium 14px/150% Sage UI
|
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, 22 Apr 2022
|
|
7
|
+
* Generated on Fri, 22 Apr 2022 16:23:18 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -308,9 +308,9 @@ module.exports = {
|
|
|
308
308
|
typographyActionPopoverMenuItemM: '700 14px/150% Sage UI',
|
|
309
309
|
typographyAnchorNavLabelM: '500 14px/150% Sage UI',
|
|
310
310
|
typographyBadgeLabelM: '500 12px/150% Sage UI',
|
|
311
|
-
typographyButtonLabelS: '
|
|
312
|
-
typographyButtonLabelM: '
|
|
313
|
-
typographyButtonLabelL: '
|
|
311
|
+
typographyButtonLabelS: '500 14px/150% Sage UI',
|
|
312
|
+
typographyButtonLabelM: '500 14px/150% Sage UI',
|
|
313
|
+
typographyButtonLabelL: '500 16px/150% Sage UI',
|
|
314
314
|
typographyCardParagraphM: '400 14px/150% Sage UI',
|
|
315
315
|
typographyCardSelectTitleM: '700 16px/150% Sage UI',
|
|
316
316
|
typographyCardSelectSubtitleM: '500 14px/150% Sage UI',
|
package/js/base/es6.js
CHANGED
|
@@ -303,9 +303,9 @@ export default {
|
|
|
303
303
|
typographyActionPopoverMenuItemM: '700 14px/150% Sage UI',
|
|
304
304
|
typographyAnchorNavLabelM: '500 14px/150% Sage UI',
|
|
305
305
|
typographyBadgeLabelM: '500 12px/150% Sage UI',
|
|
306
|
-
typographyButtonLabelS: '
|
|
307
|
-
typographyButtonLabelM: '
|
|
308
|
-
typographyButtonLabelL: '
|
|
306
|
+
typographyButtonLabelS: '500 14px/150% Sage UI',
|
|
307
|
+
typographyButtonLabelM: '500 14px/150% Sage UI',
|
|
308
|
+
typographyButtonLabelL: '500 16px/150% Sage UI',
|
|
309
309
|
typographyCardParagraphM: '400 14px/150% Sage UI',
|
|
310
310
|
typographyCardSelectTitleM: '700 16px/150% Sage UI',
|
|
311
311
|
typographyCardSelectSubtitleM: '500 14px/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.23.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 Fri, 22 Apr 2022
|
|
7
|
+
// Generated on Fri, 22 Apr 2022 16:23:18 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -306,9 +306,9 @@ $typographyAccordionParagraphM: 400 14px/150% Sage UI;
|
|
|
306
306
|
$typographyActionPopoverMenuItemM: 700 14px/150% Sage UI;
|
|
307
307
|
$typographyAnchorNavLabelM: 500 14px/150% Sage UI;
|
|
308
308
|
$typographyBadgeLabelM: 500 12px/150% Sage UI;
|
|
309
|
-
$typographyButtonLabelS:
|
|
310
|
-
$typographyButtonLabelM:
|
|
311
|
-
$typographyButtonLabelL:
|
|
309
|
+
$typographyButtonLabelS: 500 14px/150% Sage UI;
|
|
310
|
+
$typographyButtonLabelM: 500 14px/150% Sage UI;
|
|
311
|
+
$typographyButtonLabelL: 500 16px/150% Sage UI;
|
|
312
312
|
$typographyCardParagraphM: 400 14px/150% Sage UI;
|
|
313
313
|
$typographyCardSelectTitleM: 700 16px/150% Sage UI;
|
|
314
314
|
$typographyCardSelectSubtitleM: 500 14px/150% Sage UI;
|
|
Binary file
|