@sage/design-tokens 2.57.0 → 2.58.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 -1
- package/android/origin.xml +1 -1
- package/css/base.css +4 -1
- package/css/origin.css +1 -1
- package/data/tokens.json +39 -0
- package/docs/tokens/base/index.html +63 -0
- package/docs/tokens/base/typography/index.html +63 -0
- package/docs/tokens/index.html +63 -0
- package/ios/base.h +4 -1
- package/ios/origin.h +1 -1
- package/js/base/common.d.ts +3 -0
- package/js/base/common.js +4 -1
- package/js/base/es6.d.ts +3 -0
- package/js/base/es6.js +3 -0
- package/js/origin/common.js +1 -1
- package/package.json +1 -1
- package/sage-design-tokens-2.58.0.tgz +0 -0
- package/scss/base.scss +4 -1
- package/scss/origin.scss +1 -1
- package/sage-design-tokens-2.57.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 Wed, 30 Nov 2022 11:41:42 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<string name="metaName">Base Theme</string>
|
|
@@ -400,6 +400,9 @@
|
|
|
400
400
|
<string name="typographyMessageHeadingL">Bold 16px/150% Sage UI</string>
|
|
401
401
|
<string name="typographyMessageTextM">Regular 14px/150% Sage UI</string>
|
|
402
402
|
<string name="typographyMessageTextL">Regular 16px/150% Sage UI</string>
|
|
403
|
+
<string name="typographyPageStateTitleM">Bold 24px/125% Sage UI</string>
|
|
404
|
+
<string name="typographyPageStateSubtitleM">Medium 18px/150% Sage UI</string>
|
|
405
|
+
<string name="typographyPageStateParagraphM">Regular 16px/150% Sage UI</string>
|
|
403
406
|
<string name="typographyPaginationLabelM">Regular 13px/150% Sage UI</string>
|
|
404
407
|
<string name="typographyPillLabelS">Medium 10px/150% Sage UI</string>
|
|
405
408
|
<string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
|
package/android/origin.xml
CHANGED
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 Wed, 30 Nov 2022 11:41:42 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
:root {
|
|
@@ -403,6 +403,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
|
|
|
403
403
|
--typographyMessageHeadingL: 700 16px/150% Sage UI;
|
|
404
404
|
--typographyMessageTextM: 400 14px/150% Sage UI;
|
|
405
405
|
--typographyMessageTextL: 400 16px/150% Sage UI;
|
|
406
|
+
--typographyPageStateTitleM: 700 24px/125% Sage UI;
|
|
407
|
+
--typographyPageStateSubtitleM: 500 18px/150% Sage UI;
|
|
408
|
+
--typographyPageStateParagraphM: 400 16px/150% Sage UI;
|
|
406
409
|
--typographyPaginationLabelM: 400 13px/150% Sage UI;
|
|
407
410
|
--typographyPillLabelS: 500 10px/150% Sage UI;
|
|
408
411
|
--typographyPillLabelM: 500 12px/150% Sage UI;
|
package/css/origin.css
CHANGED
package/data/tokens.json
CHANGED
|
@@ -2741,6 +2741,45 @@
|
|
|
2741
2741
|
}
|
|
2742
2742
|
}
|
|
2743
2743
|
},
|
|
2744
|
+
"pageState": {
|
|
2745
|
+
"title": {
|
|
2746
|
+
"m": {
|
|
2747
|
+
"value": {
|
|
2748
|
+
"fontFamily": "Sage UI",
|
|
2749
|
+
"fontWeight": "Bold",
|
|
2750
|
+
"lineHeight": "125%",
|
|
2751
|
+
"fontSize": "24px",
|
|
2752
|
+
"letterSpacing": "0%",
|
|
2753
|
+
"paragraphSpacing": "0",
|
|
2754
|
+
"textDecoration": "none",
|
|
2755
|
+
"textCase": "none"
|
|
2756
|
+
},
|
|
2757
|
+
"type": "typography"
|
|
2758
|
+
}
|
|
2759
|
+
},
|
|
2760
|
+
"subtitle": {
|
|
2761
|
+
"m": {
|
|
2762
|
+
"value": {
|
|
2763
|
+
"fontFamily": "Sage UI",
|
|
2764
|
+
"fontWeight": "Medium",
|
|
2765
|
+
"lineHeight": "150%",
|
|
2766
|
+
"fontSize": "18px"
|
|
2767
|
+
},
|
|
2768
|
+
"type": "typography"
|
|
2769
|
+
}
|
|
2770
|
+
},
|
|
2771
|
+
"paragraph": {
|
|
2772
|
+
"m": {
|
|
2773
|
+
"value": {
|
|
2774
|
+
"fontFamily": "Sage UI",
|
|
2775
|
+
"fontWeight": "Regular",
|
|
2776
|
+
"lineHeight": "150%",
|
|
2777
|
+
"fontSize": "16px"
|
|
2778
|
+
},
|
|
2779
|
+
"type": "typography"
|
|
2780
|
+
}
|
|
2781
|
+
}
|
|
2782
|
+
},
|
|
2744
2783
|
"pagination": {
|
|
2745
2784
|
"label": {
|
|
2746
2785
|
"m": {
|
|
@@ -8729,6 +8729,69 @@
|
|
|
8729
8729
|
|
|
8730
8730
|
</td>
|
|
8731
8731
|
</tr>
|
|
8732
|
+
<tr>
|
|
8733
|
+
<td class="with-icons is-vcentered"
|
|
8734
|
+
id="base-typographyPageStateTitleM"
|
|
8735
|
+
title="theme: base; category: typography; group: pageState; name: title; variant: m; ">
|
|
8736
|
+
typographyPageStateTitleM
|
|
8737
|
+
<a href="#base-typographyPageStateTitleM"
|
|
8738
|
+
title="permalink"
|
|
8739
|
+
class="permalink">
|
|
8740
|
+
🔗
|
|
8741
|
+
</a>
|
|
8742
|
+
</td>
|
|
8743
|
+
<td class="is-vcentered">
|
|
8744
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
8745
|
+
</td>
|
|
8746
|
+
<td class="is-vcentered">
|
|
8747
|
+
<div class="table__typography-preview">
|
|
8748
|
+
n/a
|
|
8749
|
+
</div>
|
|
8750
|
+
|
|
8751
|
+
</td>
|
|
8752
|
+
</tr>
|
|
8753
|
+
<tr>
|
|
8754
|
+
<td class="with-icons is-vcentered"
|
|
8755
|
+
id="base-typographyPageStateSubtitleM"
|
|
8756
|
+
title="theme: base; category: typography; group: pageState; name: subtitle; variant: m; ">
|
|
8757
|
+
typographyPageStateSubtitleM
|
|
8758
|
+
<a href="#base-typographyPageStateSubtitleM"
|
|
8759
|
+
title="permalink"
|
|
8760
|
+
class="permalink">
|
|
8761
|
+
🔗
|
|
8762
|
+
</a>
|
|
8763
|
+
</td>
|
|
8764
|
+
<td class="is-vcentered">
|
|
8765
|
+
<pre>500 18px/150% Sage UI</pre>
|
|
8766
|
+
</td>
|
|
8767
|
+
<td class="is-vcentered">
|
|
8768
|
+
<div class="table__typography-preview">
|
|
8769
|
+
n/a
|
|
8770
|
+
</div>
|
|
8771
|
+
|
|
8772
|
+
</td>
|
|
8773
|
+
</tr>
|
|
8774
|
+
<tr>
|
|
8775
|
+
<td class="with-icons is-vcentered"
|
|
8776
|
+
id="base-typographyPageStateParagraphM"
|
|
8777
|
+
title="theme: base; category: typography; group: pageState; name: paragraph; variant: m; ">
|
|
8778
|
+
typographyPageStateParagraphM
|
|
8779
|
+
<a href="#base-typographyPageStateParagraphM"
|
|
8780
|
+
title="permalink"
|
|
8781
|
+
class="permalink">
|
|
8782
|
+
🔗
|
|
8783
|
+
</a>
|
|
8784
|
+
</td>
|
|
8785
|
+
<td class="is-vcentered">
|
|
8786
|
+
<pre>400 16px/150% Sage UI</pre>
|
|
8787
|
+
</td>
|
|
8788
|
+
<td class="is-vcentered">
|
|
8789
|
+
<div class="table__typography-preview">
|
|
8790
|
+
n/a
|
|
8791
|
+
</div>
|
|
8792
|
+
|
|
8793
|
+
</td>
|
|
8794
|
+
</tr>
|
|
8732
8795
|
<tr>
|
|
8733
8796
|
<td class="with-icons is-vcentered"
|
|
8734
8797
|
id="base-typographyPaginationLabelM"
|
|
@@ -2082,6 +2082,69 @@
|
|
|
2082
2082
|
|
|
2083
2083
|
</td>
|
|
2084
2084
|
</tr>
|
|
2085
|
+
<tr>
|
|
2086
|
+
<td class="with-icons is-vcentered"
|
|
2087
|
+
id="base-typographyPageStateTitleM"
|
|
2088
|
+
title="theme: base; category: typography; group: pageState; name: title; variant: m; ">
|
|
2089
|
+
typographyPageStateTitleM
|
|
2090
|
+
<a href="#base-typographyPageStateTitleM"
|
|
2091
|
+
title="permalink"
|
|
2092
|
+
class="permalink">
|
|
2093
|
+
🔗
|
|
2094
|
+
</a>
|
|
2095
|
+
</td>
|
|
2096
|
+
<td class="is-vcentered">
|
|
2097
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
2098
|
+
</td>
|
|
2099
|
+
<td class="is-vcentered">
|
|
2100
|
+
<div class="table__typography-preview">
|
|
2101
|
+
n/a
|
|
2102
|
+
</div>
|
|
2103
|
+
|
|
2104
|
+
</td>
|
|
2105
|
+
</tr>
|
|
2106
|
+
<tr>
|
|
2107
|
+
<td class="with-icons is-vcentered"
|
|
2108
|
+
id="base-typographyPageStateSubtitleM"
|
|
2109
|
+
title="theme: base; category: typography; group: pageState; name: subtitle; variant: m; ">
|
|
2110
|
+
typographyPageStateSubtitleM
|
|
2111
|
+
<a href="#base-typographyPageStateSubtitleM"
|
|
2112
|
+
title="permalink"
|
|
2113
|
+
class="permalink">
|
|
2114
|
+
🔗
|
|
2115
|
+
</a>
|
|
2116
|
+
</td>
|
|
2117
|
+
<td class="is-vcentered">
|
|
2118
|
+
<pre>500 18px/150% Sage UI</pre>
|
|
2119
|
+
</td>
|
|
2120
|
+
<td class="is-vcentered">
|
|
2121
|
+
<div class="table__typography-preview">
|
|
2122
|
+
n/a
|
|
2123
|
+
</div>
|
|
2124
|
+
|
|
2125
|
+
</td>
|
|
2126
|
+
</tr>
|
|
2127
|
+
<tr>
|
|
2128
|
+
<td class="with-icons is-vcentered"
|
|
2129
|
+
id="base-typographyPageStateParagraphM"
|
|
2130
|
+
title="theme: base; category: typography; group: pageState; name: paragraph; variant: m; ">
|
|
2131
|
+
typographyPageStateParagraphM
|
|
2132
|
+
<a href="#base-typographyPageStateParagraphM"
|
|
2133
|
+
title="permalink"
|
|
2134
|
+
class="permalink">
|
|
2135
|
+
🔗
|
|
2136
|
+
</a>
|
|
2137
|
+
</td>
|
|
2138
|
+
<td class="is-vcentered">
|
|
2139
|
+
<pre>400 16px/150% Sage UI</pre>
|
|
2140
|
+
</td>
|
|
2141
|
+
<td class="is-vcentered">
|
|
2142
|
+
<div class="table__typography-preview">
|
|
2143
|
+
n/a
|
|
2144
|
+
</div>
|
|
2145
|
+
|
|
2146
|
+
</td>
|
|
2147
|
+
</tr>
|
|
2085
2148
|
<tr>
|
|
2086
2149
|
<td class="with-icons is-vcentered"
|
|
2087
2150
|
id="base-typographyPaginationLabelM"
|
package/docs/tokens/index.html
CHANGED
|
@@ -8785,6 +8785,69 @@
|
|
|
8785
8785
|
|
|
8786
8786
|
</td>
|
|
8787
8787
|
</tr>
|
|
8788
|
+
<tr>
|
|
8789
|
+
<td class="with-icons is-vcentered"
|
|
8790
|
+
id="base-typographyPageStateTitleM"
|
|
8791
|
+
title="theme: base; category: typography; group: pageState; name: title; variant: m; ">
|
|
8792
|
+
typographyPageStateTitleM
|
|
8793
|
+
<a href="#base-typographyPageStateTitleM"
|
|
8794
|
+
title="permalink"
|
|
8795
|
+
class="permalink">
|
|
8796
|
+
🔗
|
|
8797
|
+
</a>
|
|
8798
|
+
</td>
|
|
8799
|
+
<td class="is-vcentered">
|
|
8800
|
+
<pre>700 24px/125% Sage UI</pre>
|
|
8801
|
+
</td>
|
|
8802
|
+
<td class="is-vcentered">
|
|
8803
|
+
<div class="table__typography-preview">
|
|
8804
|
+
n/a
|
|
8805
|
+
</div>
|
|
8806
|
+
|
|
8807
|
+
</td>
|
|
8808
|
+
</tr>
|
|
8809
|
+
<tr>
|
|
8810
|
+
<td class="with-icons is-vcentered"
|
|
8811
|
+
id="base-typographyPageStateSubtitleM"
|
|
8812
|
+
title="theme: base; category: typography; group: pageState; name: subtitle; variant: m; ">
|
|
8813
|
+
typographyPageStateSubtitleM
|
|
8814
|
+
<a href="#base-typographyPageStateSubtitleM"
|
|
8815
|
+
title="permalink"
|
|
8816
|
+
class="permalink">
|
|
8817
|
+
🔗
|
|
8818
|
+
</a>
|
|
8819
|
+
</td>
|
|
8820
|
+
<td class="is-vcentered">
|
|
8821
|
+
<pre>500 18px/150% Sage UI</pre>
|
|
8822
|
+
</td>
|
|
8823
|
+
<td class="is-vcentered">
|
|
8824
|
+
<div class="table__typography-preview">
|
|
8825
|
+
n/a
|
|
8826
|
+
</div>
|
|
8827
|
+
|
|
8828
|
+
</td>
|
|
8829
|
+
</tr>
|
|
8830
|
+
<tr>
|
|
8831
|
+
<td class="with-icons is-vcentered"
|
|
8832
|
+
id="base-typographyPageStateParagraphM"
|
|
8833
|
+
title="theme: base; category: typography; group: pageState; name: paragraph; variant: m; ">
|
|
8834
|
+
typographyPageStateParagraphM
|
|
8835
|
+
<a href="#base-typographyPageStateParagraphM"
|
|
8836
|
+
title="permalink"
|
|
8837
|
+
class="permalink">
|
|
8838
|
+
🔗
|
|
8839
|
+
</a>
|
|
8840
|
+
</td>
|
|
8841
|
+
<td class="is-vcentered">
|
|
8842
|
+
<pre>400 16px/150% Sage UI</pre>
|
|
8843
|
+
</td>
|
|
8844
|
+
<td class="is-vcentered">
|
|
8845
|
+
<div class="table__typography-preview">
|
|
8846
|
+
n/a
|
|
8847
|
+
</div>
|
|
8848
|
+
|
|
8849
|
+
</td>
|
|
8850
|
+
</tr>
|
|
8788
8851
|
<tr>
|
|
8789
8852
|
<td class="with-icons is-vcentered"
|
|
8790
8853
|
id="base-typographyPaginationLabelM"
|
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 Wed, 30 Nov 2022 11:41:42 GMT
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
#import <Foundation/Foundation.h>
|
|
@@ -405,6 +405,9 @@
|
|
|
405
405
|
#define typographyMessageHeadingL Bold 16px/150% Sage UI
|
|
406
406
|
#define typographyMessageTextM Regular 14px/150% Sage UI
|
|
407
407
|
#define typographyMessageTextL Regular 16px/150% Sage UI
|
|
408
|
+
#define typographyPageStateTitleM Bold 24px/125% Sage UI
|
|
409
|
+
#define typographyPageStateSubtitleM Medium 18px/150% Sage UI
|
|
410
|
+
#define typographyPageStateParagraphM Regular 16px/150% Sage UI
|
|
408
411
|
#define typographyPaginationLabelM Regular 13px/150% Sage UI
|
|
409
412
|
#define typographyPillLabelS Medium 10px/150% Sage UI
|
|
410
413
|
#define typographyPillLabelM Medium 12px/150% Sage UI
|
package/ios/origin.h
CHANGED
package/js/base/common.d.ts
CHANGED
|
@@ -393,6 +393,9 @@ export const typographyMessageHeadingM: string;
|
|
|
393
393
|
export const typographyMessageHeadingL: string;
|
|
394
394
|
export const typographyMessageTextM: string;
|
|
395
395
|
export const typographyMessageTextL: string;
|
|
396
|
+
export const typographyPageStateTitleM: string;
|
|
397
|
+
export const typographyPageStateSubtitleM: string;
|
|
398
|
+
export const typographyPageStateParagraphM: string;
|
|
396
399
|
export const typographyPaginationLabelM: string;
|
|
397
400
|
export const typographyPillLabelS: string;
|
|
398
401
|
export const typographyPillLabelM: 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 Wed, 30 Nov 2022 11:41:42 GMT
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
module.exports = {
|
|
@@ -403,6 +403,9 @@ module.exports = {
|
|
|
403
403
|
typographyMessageHeadingL: '700 16px/150% Sage UI',
|
|
404
404
|
typographyMessageTextM: '400 14px/150% Sage UI',
|
|
405
405
|
typographyMessageTextL: '400 16px/150% Sage UI',
|
|
406
|
+
typographyPageStateTitleM: '700 24px/125% Sage UI',
|
|
407
|
+
typographyPageStateSubtitleM: '500 18px/150% Sage UI',
|
|
408
|
+
typographyPageStateParagraphM: '400 16px/150% Sage UI',
|
|
406
409
|
typographyPaginationLabelM: '400 13px/150% Sage UI',
|
|
407
410
|
typographyPillLabelS: '500 10px/150% Sage UI',
|
|
408
411
|
typographyPillLabelM: '500 12px/150% Sage UI',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -394,6 +394,9 @@ declare namespace _default {
|
|
|
394
394
|
const typographyMessageHeadingL: string;
|
|
395
395
|
const typographyMessageTextM: string;
|
|
396
396
|
const typographyMessageTextL: string;
|
|
397
|
+
const typographyPageStateTitleM: string;
|
|
398
|
+
const typographyPageStateSubtitleM: string;
|
|
399
|
+
const typographyPageStateParagraphM: string;
|
|
397
400
|
const typographyPaginationLabelM: string;
|
|
398
401
|
const typographyPillLabelS: string;
|
|
399
402
|
const typographyPillLabelM: string;
|
package/js/base/es6.js
CHANGED
|
@@ -398,6 +398,9 @@ export default {
|
|
|
398
398
|
typographyMessageHeadingL: '700 16px/150% Sage UI',
|
|
399
399
|
typographyMessageTextM: '400 14px/150% Sage UI',
|
|
400
400
|
typographyMessageTextL: '400 16px/150% Sage UI',
|
|
401
|
+
typographyPageStateTitleM: '700 24px/125% Sage UI',
|
|
402
|
+
typographyPageStateSubtitleM: '500 18px/150% Sage UI',
|
|
403
|
+
typographyPageStateParagraphM: '400 16px/150% Sage UI',
|
|
401
404
|
typographyPaginationLabelM: '400 13px/150% Sage UI',
|
|
402
405
|
typographyPillLabelS: '500 10px/150% Sage UI',
|
|
403
406
|
typographyPillLabelM: '500 12px/150% Sage UI',
|
package/js/origin/common.js
CHANGED
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
},
|
|
7
7
|
"description": "Design tokens for the Sage Design System.",
|
|
8
8
|
"author": "The Sage Group plc",
|
|
9
|
-
"version": "2.
|
|
9
|
+
"version": "2.58.0",
|
|
10
10
|
"license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
|
|
11
11
|
"tags": [
|
|
12
12
|
"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 Wed, 30 Nov 2022 11:41:42 GMT
|
|
8
8
|
|
|
9
9
|
$metaName: Base Theme;
|
|
10
10
|
$metaPublic: true;
|
|
@@ -401,6 +401,9 @@ $typographyMessageHeadingM: 700 14px/150% Sage UI;
|
|
|
401
401
|
$typographyMessageHeadingL: 700 16px/150% Sage UI;
|
|
402
402
|
$typographyMessageTextM: 400 14px/150% Sage UI;
|
|
403
403
|
$typographyMessageTextL: 400 16px/150% Sage UI;
|
|
404
|
+
$typographyPageStateTitleM: 700 24px/125% Sage UI;
|
|
405
|
+
$typographyPageStateSubtitleM: 500 18px/150% Sage UI;
|
|
406
|
+
$typographyPageStateParagraphM: 400 16px/150% Sage UI;
|
|
404
407
|
$typographyPaginationLabelM: 400 13px/150% Sage UI;
|
|
405
408
|
$typographyPillLabelS: 500 10px/150% Sage UI;
|
|
406
409
|
$typographyPillLabelM: 500 12px/150% Sage UI;
|
package/scss/origin.scss
CHANGED
|
Binary file
|