@sage/design-tokens 2.45.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 +3 -1
- package/css/base.css +3 -1
- package/data/tokens.json +26 -0
- package/docs/tokens/base/index.html +42 -0
- package/docs/tokens/base/typography/index.html +42 -0
- package/docs/tokens/index.html +42 -0
- package/ios/base.h +3 -1
- package/js/base/common.d.ts +2 -0
- package/js/base/common.js +3 -1
- package/js/base/es6.d.ts +2 -0
- package/js/base/es6.js +2 -0
- package/package.json +1 -1
- package/sage-design-tokens-2.46.0.tgz +0 -0
- package/scss/base.scss +3 -1
- package/sage-design-tokens-2.45.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,7 +310,9 @@
|
|
|
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>
|
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,7 +313,9 @@ 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;
|
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
|
},
|
|
@@ -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"
|
|
@@ -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"
|
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"
|
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,7 +315,9 @@
|
|
|
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
|
package/js/base/common.d.ts
CHANGED
|
@@ -303,7 +303,9 @@ 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;
|
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,7 +313,9 @@ 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',
|
package/js/base/es6.d.ts
CHANGED
|
@@ -304,7 +304,9 @@ 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;
|
package/js/base/es6.js
CHANGED
|
@@ -308,7 +308,9 @@ 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',
|
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,7 +311,9 @@ $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;
|
|
Binary file
|