@sage/design-tokens 2.41.0 → 2.43.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 (15) hide show
  1. package/android/base.xml +6 -6
  2. package/css/base.css +6 -6
  3. package/data/tokens.json +15 -13
  4. package/docs/tokens/base/index.html +8 -8
  5. package/docs/tokens/base/typography/index.html +8 -8
  6. package/docs/tokens/index.html +8 -8
  7. package/ios/base.h +6 -6
  8. package/js/base/common.d.ts +1 -1
  9. package/js/base/common.js +6 -6
  10. package/js/base/es6.d.ts +1 -1
  11. package/js/base/es6.js +5 -5
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.43.0.tgz +0 -0
  14. package/scss/base.scss +6 -6
  15. package/sage-design-tokens-2.41.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 Tue, 06 Sep 2022 13:51:10 GMT
5
+ Generated on Thu, 06 Oct 2022 11:57:31 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -332,7 +332,7 @@
332
332
  <string name="typographyDialogTitleL">Bold 24px/125% Sage UI</string>
333
333
  <string name="typographyDialogTitleXl">Bold 24px/125% Sage UI</string>
334
334
  <string name="typographyDialogTitleXxl">Bold 24px/125% Sage UI</string>
335
- <string name="typographyDialogSubtitle">Regular 16px/150% Sage UI</string>
335
+ <string name="typographyDialogSubtitleM">Regular 16px/150% Sage UI</string>
336
336
  <string name="typographyDialogParagraphXs">Regular 14px/150% Sage UI</string>
337
337
  <string name="typographyDialogParagraphS">Regular 14px/150% Sage UI</string>
338
338
  <string name="typographyDialogParagraphMs">Regular 14px/150% Sage UI</string>
@@ -392,13 +392,13 @@
392
392
  <string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
393
393
  <string name="typographyPillLabelL">Medium 14px/150% Sage UI</string>
394
394
  <string name="typographyPillLabelXl">Medium 16px/150% Sage UI</string>
395
- <string name="typographyProfileEmailTextS">Regular 14px/100% Sage UI</string>
395
+ <string name="typographyProfileEmailTextS">Regular 14px/125% Sage UI</string>
396
396
  <string name="typographyProfileEmailTextM">Regular 14px/125% Sage UI</string>
397
397
  <string name="typographyProfileEmailTextMl">Regular 14px/125% Sage UI</string>
398
398
  <string name="typographyProfileEmailTextL">Regular 14px/125% Sage UI</string>
399
399
  <string name="typographyProfileEmailTextXl">Regular 18px/125% Sage UI</string>
400
400
  <string name="typographyProfileEmailTextXxl">Regular 24px/125% Sage UI</string>
401
- <string name="typographyProfileEmailLinkS">Regular 14px/100% Sage UI</string>
401
+ <string name="typographyProfileEmailLinkS">Regular 14px/125% Sage UI</string>
402
402
  <string name="typographyProfileEmailLinkM">Regular 14px/125% Sage UI</string>
403
403
  <string name="typographyProfileEmailLinkMl">Regular 14px/125% Sage UI</string>
404
404
  <string name="typographyProfileEmailLinkL">Regular 14px/125% Sage UI</string>
@@ -410,7 +410,7 @@
410
410
  <string name="typographyProfileInitialsL">Medium 32px/150% Sage UI</string>
411
411
  <string name="typographyProfileInitialsXl">Medium 48px/150% Sage UI</string>
412
412
  <string name="typographyProfileInitialsXxl">Medium 56px/150% Sage UI</string>
413
- <string name="typographyProfileNameS">Medium 14px/100% Sage UI</string>
413
+ <string name="typographyProfileNameS">Medium 14px/125% Sage UI</string>
414
414
  <string name="typographyProfileNameM">Medium 14px/125% Sage UI</string>
415
415
  <string name="typographyProfileNameMl">Medium 16px/125% Sage UI</string>
416
416
  <string name="typographyProfileNameL">Medium 20px/125% Sage UI</string>
@@ -418,7 +418,7 @@
418
418
  <string name="typographyProfileNameXxl">Medium 32px/125% Sage UI</string>
419
419
  <string name="typographyProgressTrackerValueLabelS">Medium 14px/150% Sage UI</string>
420
420
  <string name="typographyProgressTrackerValueLabelM">Medium 14px/150% Sage UI</string>
421
- <string name="typographyProgressTrackerValueLabelL">Medium 14px/150% Sage UI</string>
421
+ <string name="typographyProgressTrackerValueLabelL">Medium 16px/150% Sage UI</string>
422
422
  <string name="typographySidebarTitleXs">Bold 20px/125% Sage UI</string>
423
423
  <string name="typographySidebarTitleS">Bold 20px/125% Sage UI</string>
424
424
  <string name="typographySidebarTitleMs">Bold 20px/125% 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 Tue, 06 Sep 2022 13:51:10 GMT
7
+ * Generated on Thu, 06 Oct 2022 11:57:31 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -335,7 +335,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
335
335
  --typographyDialogTitleL: 700 24px/125% Sage UI;
336
336
  --typographyDialogTitleXl: 700 24px/125% Sage UI;
337
337
  --typographyDialogTitleXxl: 700 24px/125% Sage UI;
338
- --typographyDialogSubtitle: 400 16px/150% Sage UI;
338
+ --typographyDialogSubtitleM: 400 16px/150% Sage UI;
339
339
  --typographyDialogParagraphXs: 400 14px/150% Sage UI;
340
340
  --typographyDialogParagraphS: 400 14px/150% Sage UI;
341
341
  --typographyDialogParagraphMs: 400 14px/150% Sage UI;
@@ -395,13 +395,13 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
395
395
  --typographyPillLabelM: 500 12px/150% Sage UI;
396
396
  --typographyPillLabelL: 500 14px/150% Sage UI;
397
397
  --typographyPillLabelXl: 500 16px/150% Sage UI;
398
- --typographyProfileEmailTextS: 400 14px/100% Sage UI;
398
+ --typographyProfileEmailTextS: 400 14px/125% Sage UI;
399
399
  --typographyProfileEmailTextM: 400 14px/125% Sage UI;
400
400
  --typographyProfileEmailTextMl: 400 14px/125% Sage UI;
401
401
  --typographyProfileEmailTextL: 400 14px/125% Sage UI;
402
402
  --typographyProfileEmailTextXl: 400 18px/125% Sage UI;
403
403
  --typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
404
- --typographyProfileEmailLinkS: 400 14px/100% Sage UI;
404
+ --typographyProfileEmailLinkS: 400 14px/125% Sage UI;
405
405
  --typographyProfileEmailLinkM: 400 14px/125% Sage UI;
406
406
  --typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
407
407
  --typographyProfileEmailLinkL: 400 14px/125% Sage UI;
@@ -413,7 +413,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
413
413
  --typographyProfileInitialsL: 500 32px/150% Sage UI;
414
414
  --typographyProfileInitialsXl: 500 48px/150% Sage UI;
415
415
  --typographyProfileInitialsXxl: 500 56px/150% Sage UI;
416
- --typographyProfileNameS: 500 14px/100% Sage UI;
416
+ --typographyProfileNameS: 500 14px/125% Sage UI;
417
417
  --typographyProfileNameM: 500 14px/125% Sage UI;
418
418
  --typographyProfileNameMl: 500 16px/125% Sage UI;
419
419
  --typographyProfileNameL: 500 20px/125% Sage UI;
@@ -421,7 +421,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
421
421
  --typographyProfileNameXxl: 500 32px/125% Sage UI;
422
422
  --typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
423
423
  --typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
424
- --typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
424
+ --typographyProgressTrackerValueLabelL: 500 16px/150% Sage UI;
425
425
  --typographySidebarTitleXs: 700 20px/125% Sage UI;
426
426
  --typographySidebarTitleS: 700 20px/125% Sage UI;
427
427
  --typographySidebarTitleMs: 700 20px/125% Sage UI;
package/data/tokens.json CHANGED
@@ -1949,15 +1949,17 @@
1949
1949
  }
1950
1950
  },
1951
1951
  "subtitle": {
1952
- "value": {
1953
- "fontFamily": "Sage UI",
1954
- "fontWeight": "Regular",
1955
- "lineHeight": "150%",
1956
- "fontSize": "16px",
1957
- "letterSpacing": "0%",
1958
- "paragraphSpacing": "0px"
1959
- },
1960
- "type": "typography"
1952
+ "m": {
1953
+ "value": {
1954
+ "fontFamily": "Sage UI",
1955
+ "fontWeight": "Regular",
1956
+ "lineHeight": "150%",
1957
+ "fontSize": "16px",
1958
+ "letterSpacing": "0%",
1959
+ "paragraphSpacing": "0px"
1960
+ },
1961
+ "type": "typography"
1962
+ }
1961
1963
  },
1962
1964
  "paragraph": {
1963
1965
  "xs": {
@@ -2704,7 +2706,7 @@
2704
2706
  "value": {
2705
2707
  "fontFamily": "Sage UI",
2706
2708
  "fontWeight": "Regular",
2707
- "lineHeight": "100%",
2709
+ "lineHeight": "125%",
2708
2710
  "fontSize": "14px",
2709
2711
  "letterSpacing": "0%",
2710
2712
  "paragraphSpacing": "0",
@@ -2784,7 +2786,7 @@
2784
2786
  "value": {
2785
2787
  "fontFamily": "Sage UI",
2786
2788
  "fontWeight": "Regular",
2787
- "lineHeight": "100%",
2789
+ "lineHeight": "125%",
2788
2790
  "fontSize": "14px",
2789
2791
  "letterSpacing": "0%",
2790
2792
  "paragraphSpacing": "0",
@@ -2945,7 +2947,7 @@
2945
2947
  "value": {
2946
2948
  "fontFamily": "Sage UI",
2947
2949
  "fontWeight": "Medium",
2948
- "lineHeight": "100%",
2950
+ "lineHeight": "125%",
2949
2951
  "fontSize": "14px",
2950
2952
  "letterSpacing": "0%",
2951
2953
  "paragraphSpacing": "0",
@@ -3054,7 +3056,7 @@
3054
3056
  "fontFamily": "Sage UI",
3055
3057
  "fontWeight": "Medium",
3056
3058
  "lineHeight": "150%",
3057
- "fontSize": "14px",
3059
+ "fontSize": "16px",
3058
3060
  "letterSpacing": "0%",
3059
3061
  "paragraphSpacing": "0",
3060
3062
  "textDecoration": "none",
package/docs/tokens/base/index.html CHANGED
@@ -7291,10 +7291,10 @@
7291
7291
  </tr>
7292
7292
  <tr>
7293
7293
  <td class="with-icons is-vcentered"
7294
- id="base-typographyDialogSubtitle"
7295
- title="theme: base; category: typography; name: dialog; variant: subtitle; ">
7296
- typographyDialogSubtitle
7297
- <a href="#base-typographyDialogSubtitle"
7294
+ id="base-typographyDialogSubtitleM"
7295
+ title="theme: base; category: typography; group: dialog; name: subtitle; variant: m; ">
7296
+ typographyDialogSubtitleM
7297
+ <a href="#base-typographyDialogSubtitleM"
7298
7298
  title="permalink"
7299
7299
  class="permalink">
7300
7300
  🔗
@@ -8561,7 +8561,7 @@
8561
8561
  </a>
8562
8562
  </td>
8563
8563
  <td class="is-vcentered">
8564
- <pre>400 14px/100% Sage UI</pre>
8564
+ <pre>400 14px/125% Sage UI</pre>
8565
8565
  </td>
8566
8566
  <td class="is-vcentered">
8567
8567
  <div class="table__typography-preview">
@@ -8687,7 +8687,7 @@
8687
8687
  </a>
8688
8688
  </td>
8689
8689
  <td class="is-vcentered">
8690
- <pre>400 14px/100% Sage UI</pre>
8690
+ <pre>400 14px/125% Sage UI</pre>
8691
8691
  </td>
8692
8692
  <td class="is-vcentered">
8693
8693
  <div class="table__typography-preview">
@@ -8939,7 +8939,7 @@
8939
8939
  </a>
8940
8940
  </td>
8941
8941
  <td class="is-vcentered">
8942
- <pre>500 14px/100% Sage UI</pre>
8942
+ <pre>500 14px/125% Sage UI</pre>
8943
8943
  </td>
8944
8944
  <td class="is-vcentered">
8945
8945
  <div class="table__typography-preview">
@@ -9107,7 +9107,7 @@
9107
9107
  </a>
9108
9108
  </td>
9109
9109
  <td class="is-vcentered">
9110
- <pre>500 14px/150% Sage UI</pre>
9110
+ <pre>500 16px/150% Sage UI</pre>
9111
9111
  </td>
9112
9112
  <td class="is-vcentered">
9113
9113
  <div class="table__typography-preview">
package/docs/tokens/base/typography/index.html CHANGED
@@ -812,10 +812,10 @@
812
812
  </tr>
813
813
  <tr>
814
814
  <td class="with-icons is-vcentered"
815
- id="base-typographyDialogSubtitle"
816
- title="theme: base; category: typography; name: dialog; variant: subtitle; ">
817
- typographyDialogSubtitle
818
- <a href="#base-typographyDialogSubtitle"
815
+ id="base-typographyDialogSubtitleM"
816
+ title="theme: base; category: typography; group: dialog; name: subtitle; variant: m; ">
817
+ typographyDialogSubtitleM
818
+ <a href="#base-typographyDialogSubtitleM"
819
819
  title="permalink"
820
820
  class="permalink">
821
821
  🔗
@@ -2082,7 +2082,7 @@
2082
2082
  </a>
2083
2083
  </td>
2084
2084
  <td class="is-vcentered">
2085
- <pre>400 14px/100% Sage UI</pre>
2085
+ <pre>400 14px/125% Sage UI</pre>
2086
2086
  </td>
2087
2087
  <td class="is-vcentered">
2088
2088
  <div class="table__typography-preview">
@@ -2208,7 +2208,7 @@
2208
2208
  </a>
2209
2209
  </td>
2210
2210
  <td class="is-vcentered">
2211
- <pre>400 14px/100% Sage UI</pre>
2211
+ <pre>400 14px/125% Sage UI</pre>
2212
2212
  </td>
2213
2213
  <td class="is-vcentered">
2214
2214
  <div class="table__typography-preview">
@@ -2460,7 +2460,7 @@
2460
2460
  </a>
2461
2461
  </td>
2462
2462
  <td class="is-vcentered">
2463
- <pre>500 14px/100% Sage UI</pre>
2463
+ <pre>500 14px/125% Sage UI</pre>
2464
2464
  </td>
2465
2465
  <td class="is-vcentered">
2466
2466
  <div class="table__typography-preview">
@@ -2628,7 +2628,7 @@
2628
2628
  </a>
2629
2629
  </td>
2630
2630
  <td class="is-vcentered">
2631
- <pre>500 14px/150% Sage UI</pre>
2631
+ <pre>500 16px/150% Sage UI</pre>
2632
2632
  </td>
2633
2633
  <td class="is-vcentered">
2634
2634
  <div class="table__typography-preview">
package/docs/tokens/index.html CHANGED
@@ -7347,10 +7347,10 @@
7347
7347
  </tr>
7348
7348
  <tr>
7349
7349
  <td class="with-icons is-vcentered"
7350
- id="base-typographyDialogSubtitle"
7351
- title="theme: base; category: typography; name: dialog; variant: subtitle; ">
7352
- typographyDialogSubtitle
7353
- <a href="#base-typographyDialogSubtitle"
7350
+ id="base-typographyDialogSubtitleM"
7351
+ title="theme: base; category: typography; group: dialog; name: subtitle; variant: m; ">
7352
+ typographyDialogSubtitleM
7353
+ <a href="#base-typographyDialogSubtitleM"
7354
7354
  title="permalink"
7355
7355
  class="permalink">
7356
7356
  🔗
@@ -8617,7 +8617,7 @@
8617
8617
  </a>
8618
8618
  </td>
8619
8619
  <td class="is-vcentered">
8620
- <pre>400 14px/100% Sage UI</pre>
8620
+ <pre>400 14px/125% Sage UI</pre>
8621
8621
  </td>
8622
8622
  <td class="is-vcentered">
8623
8623
  <div class="table__typography-preview">
@@ -8743,7 +8743,7 @@
8743
8743
  </a>
8744
8744
  </td>
8745
8745
  <td class="is-vcentered">
8746
- <pre>400 14px/100% Sage UI</pre>
8746
+ <pre>400 14px/125% Sage UI</pre>
8747
8747
  </td>
8748
8748
  <td class="is-vcentered">
8749
8749
  <div class="table__typography-preview">
@@ -8995,7 +8995,7 @@
8995
8995
  </a>
8996
8996
  </td>
8997
8997
  <td class="is-vcentered">
8998
- <pre>500 14px/100% Sage UI</pre>
8998
+ <pre>500 14px/125% Sage UI</pre>
8999
8999
  </td>
9000
9000
  <td class="is-vcentered">
9001
9001
  <div class="table__typography-preview">
@@ -9163,7 +9163,7 @@
9163
9163
  </a>
9164
9164
  </td>
9165
9165
  <td class="is-vcentered">
9166
- <pre>500 14px/150% Sage UI</pre>
9166
+ <pre>500 16px/150% Sage UI</pre>
9167
9167
  </td>
9168
9168
  <td class="is-vcentered">
9169
9169
  <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 Tue, 06 Sep 2022 13:51:10 GMT
7
+ // Generated on Thu, 06 Oct 2022 11:57:31 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -337,7 +337,7 @@
337
337
  #define typographyDialogTitleL Bold 24px/125% Sage UI
338
338
  #define typographyDialogTitleXl Bold 24px/125% Sage UI
339
339
  #define typographyDialogTitleXxl Bold 24px/125% Sage UI
340
- #define typographyDialogSubtitle Regular 16px/150% Sage UI
340
+ #define typographyDialogSubtitleM Regular 16px/150% Sage UI
341
341
  #define typographyDialogParagraphXs Regular 14px/150% Sage UI
342
342
  #define typographyDialogParagraphS Regular 14px/150% Sage UI
343
343
  #define typographyDialogParagraphMs Regular 14px/150% Sage UI
@@ -397,13 +397,13 @@
397
397
  #define typographyPillLabelM Medium 12px/150% Sage UI
398
398
  #define typographyPillLabelL Medium 14px/150% Sage UI
399
399
  #define typographyPillLabelXl Medium 16px/150% Sage UI
400
- #define typographyProfileEmailTextS Regular 14px/100% Sage UI
400
+ #define typographyProfileEmailTextS Regular 14px/125% Sage UI
401
401
  #define typographyProfileEmailTextM Regular 14px/125% Sage UI
402
402
  #define typographyProfileEmailTextMl Regular 14px/125% Sage UI
403
403
  #define typographyProfileEmailTextL Regular 14px/125% Sage UI
404
404
  #define typographyProfileEmailTextXl Regular 18px/125% Sage UI
405
405
  #define typographyProfileEmailTextXxl Regular 24px/125% Sage UI
406
- #define typographyProfileEmailLinkS Regular 14px/100% Sage UI
406
+ #define typographyProfileEmailLinkS Regular 14px/125% Sage UI
407
407
  #define typographyProfileEmailLinkM Regular 14px/125% Sage UI
408
408
  #define typographyProfileEmailLinkMl Regular 14px/125% Sage UI
409
409
  #define typographyProfileEmailLinkL Regular 14px/125% Sage UI
@@ -415,7 +415,7 @@
415
415
  #define typographyProfileInitialsL Medium 32px/150% Sage UI
416
416
  #define typographyProfileInitialsXl Medium 48px/150% Sage UI
417
417
  #define typographyProfileInitialsXxl Medium 56px/150% Sage UI
418
- #define typographyProfileNameS Medium 14px/100% Sage UI
418
+ #define typographyProfileNameS Medium 14px/125% Sage UI
419
419
  #define typographyProfileNameM Medium 14px/125% Sage UI
420
420
  #define typographyProfileNameMl Medium 16px/125% Sage UI
421
421
  #define typographyProfileNameL Medium 20px/125% Sage UI
@@ -423,7 +423,7 @@
423
423
  #define typographyProfileNameXxl Medium 32px/125% Sage UI
424
424
  #define typographyProgressTrackerValueLabelS Medium 14px/150% Sage UI
425
425
  #define typographyProgressTrackerValueLabelM Medium 14px/150% Sage UI
426
- #define typographyProgressTrackerValueLabelL Medium 14px/150% Sage UI
426
+ #define typographyProgressTrackerValueLabelL Medium 16px/150% Sage UI
427
427
  #define typographySidebarTitleXs Bold 20px/125% Sage UI
428
428
  #define typographySidebarTitleS Bold 20px/125% Sage UI
429
429
  #define typographySidebarTitleMs Bold 20px/125% Sage UI
package/js/base/common.d.ts CHANGED
@@ -325,7 +325,7 @@ export const typographyDialogTitleMl: string;
325
325
  export const typographyDialogTitleL: string;
326
326
  export const typographyDialogTitleXl: string;
327
327
  export const typographyDialogTitleXxl: string;
328
- export const typographyDialogSubtitle: string;
328
+ export const typographyDialogSubtitleM: string;
329
329
  export const typographyDialogParagraphXs: string;
330
330
  export const typographyDialogParagraphS: string;
331
331
  export const typographyDialogParagraphMs: 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 Tue, 06 Sep 2022 13:51:10 GMT
7
+ * Generated on Thu, 06 Oct 2022 11:57:31 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -335,7 +335,7 @@ module.exports = {
335
335
  typographyDialogTitleL: '700 24px/125% Sage UI',
336
336
  typographyDialogTitleXl: '700 24px/125% Sage UI',
337
337
  typographyDialogTitleXxl: '700 24px/125% Sage UI',
338
- typographyDialogSubtitle: '400 16px/150% Sage UI',
338
+ typographyDialogSubtitleM: '400 16px/150% Sage UI',
339
339
  typographyDialogParagraphXs: '400 14px/150% Sage UI',
340
340
  typographyDialogParagraphS: '400 14px/150% Sage UI',
341
341
  typographyDialogParagraphMs: '400 14px/150% Sage UI',
@@ -395,13 +395,13 @@ module.exports = {
395
395
  typographyPillLabelM: '500 12px/150% Sage UI',
396
396
  typographyPillLabelL: '500 14px/150% Sage UI',
397
397
  typographyPillLabelXl: '500 16px/150% Sage UI',
398
- typographyProfileEmailTextS: '400 14px/100% Sage UI',
398
+ typographyProfileEmailTextS: '400 14px/125% Sage UI',
399
399
  typographyProfileEmailTextM: '400 14px/125% Sage UI',
400
400
  typographyProfileEmailTextMl: '400 14px/125% Sage UI',
401
401
  typographyProfileEmailTextL: '400 14px/125% Sage UI',
402
402
  typographyProfileEmailTextXl: '400 18px/125% Sage UI',
403
403
  typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
404
- typographyProfileEmailLinkS: '400 14px/100% Sage UI',
404
+ typographyProfileEmailLinkS: '400 14px/125% Sage UI',
405
405
  typographyProfileEmailLinkM: '400 14px/125% Sage UI',
406
406
  typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
407
407
  typographyProfileEmailLinkL: '400 14px/125% Sage UI',
@@ -413,7 +413,7 @@ module.exports = {
413
413
  typographyProfileInitialsL: '500 32px/150% Sage UI',
414
414
  typographyProfileInitialsXl: '500 48px/150% Sage UI',
415
415
  typographyProfileInitialsXxl: '500 56px/150% Sage UI',
416
- typographyProfileNameS: '500 14px/100% Sage UI',
416
+ typographyProfileNameS: '500 14px/125% Sage UI',
417
417
  typographyProfileNameM: '500 14px/125% Sage UI',
418
418
  typographyProfileNameMl: '500 16px/125% Sage UI',
419
419
  typographyProfileNameL: '500 20px/125% Sage UI',
@@ -421,7 +421,7 @@ module.exports = {
421
421
  typographyProfileNameXxl: '500 32px/125% Sage UI',
422
422
  typographyProgressTrackerValueLabelS: '500 14px/150% Sage UI',
423
423
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
424
- typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
424
+ typographyProgressTrackerValueLabelL: '500 16px/150% Sage UI',
425
425
  typographySidebarTitleXs: '700 20px/125% Sage UI',
426
426
  typographySidebarTitleS: '700 20px/125% Sage UI',
427
427
  typographySidebarTitleMs: '700 20px/125% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -326,7 +326,7 @@ declare namespace _default {
326
326
  const typographyDialogTitleL: string;
327
327
  const typographyDialogTitleXl: string;
328
328
  const typographyDialogTitleXxl: string;
329
- const typographyDialogSubtitle: string;
329
+ const typographyDialogSubtitleM: string;
330
330
  const typographyDialogParagraphXs: string;
331
331
  const typographyDialogParagraphS: string;
332
332
  const typographyDialogParagraphMs: string;
package/js/base/es6.js CHANGED
@@ -330,7 +330,7 @@ export default {
330
330
  typographyDialogTitleL: '700 24px/125% Sage UI',
331
331
  typographyDialogTitleXl: '700 24px/125% Sage UI',
332
332
  typographyDialogTitleXxl: '700 24px/125% Sage UI',
333
- typographyDialogSubtitle: '400 16px/150% Sage UI',
333
+ typographyDialogSubtitleM: '400 16px/150% Sage UI',
334
334
  typographyDialogParagraphXs: '400 14px/150% Sage UI',
335
335
  typographyDialogParagraphS: '400 14px/150% Sage UI',
336
336
  typographyDialogParagraphMs: '400 14px/150% Sage UI',
@@ -390,13 +390,13 @@ export default {
390
390
  typographyPillLabelM: '500 12px/150% Sage UI',
391
391
  typographyPillLabelL: '500 14px/150% Sage UI',
392
392
  typographyPillLabelXl: '500 16px/150% Sage UI',
393
- typographyProfileEmailTextS: '400 14px/100% Sage UI',
393
+ typographyProfileEmailTextS: '400 14px/125% Sage UI',
394
394
  typographyProfileEmailTextM: '400 14px/125% Sage UI',
395
395
  typographyProfileEmailTextMl: '400 14px/125% Sage UI',
396
396
  typographyProfileEmailTextL: '400 14px/125% Sage UI',
397
397
  typographyProfileEmailTextXl: '400 18px/125% Sage UI',
398
398
  typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
399
- typographyProfileEmailLinkS: '400 14px/100% Sage UI',
399
+ typographyProfileEmailLinkS: '400 14px/125% Sage UI',
400
400
  typographyProfileEmailLinkM: '400 14px/125% Sage UI',
401
401
  typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
402
402
  typographyProfileEmailLinkL: '400 14px/125% Sage UI',
@@ -408,7 +408,7 @@ export default {
408
408
  typographyProfileInitialsL: '500 32px/150% Sage UI',
409
409
  typographyProfileInitialsXl: '500 48px/150% Sage UI',
410
410
  typographyProfileInitialsXxl: '500 56px/150% Sage UI',
411
- typographyProfileNameS: '500 14px/100% Sage UI',
411
+ typographyProfileNameS: '500 14px/125% Sage UI',
412
412
  typographyProfileNameM: '500 14px/125% Sage UI',
413
413
  typographyProfileNameMl: '500 16px/125% Sage UI',
414
414
  typographyProfileNameL: '500 20px/125% Sage UI',
@@ -416,7 +416,7 @@ export default {
416
416
  typographyProfileNameXxl: '500 32px/125% Sage UI',
417
417
  typographyProgressTrackerValueLabelS: '500 14px/150% Sage UI',
418
418
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
419
- typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
419
+ typographyProgressTrackerValueLabelL: '500 16px/150% Sage UI',
420
420
  typographySidebarTitleXs: '700 20px/125% Sage UI',
421
421
  typographySidebarTitleS: '700 20px/125% Sage UI',
422
422
  typographySidebarTitleMs: '700 20px/125% 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.41.0",
13
+ "version": "2.43.0",
14
14
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
15
15
  "tags": [
16
16
  "design tokens",
package/sage-design-tokens-2.43.0.tgz ADDED
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 Tue, 06 Sep 2022 13:51:10 GMT
7
+ // Generated on Thu, 06 Oct 2022 11:57:31 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -333,7 +333,7 @@ $typographyDialogTitleMl: 700 24px/125% Sage UI;
333
333
  $typographyDialogTitleL: 700 24px/125% Sage UI;
334
334
  $typographyDialogTitleXl: 700 24px/125% Sage UI;
335
335
  $typographyDialogTitleXxl: 700 24px/125% Sage UI;
336
- $typographyDialogSubtitle: 400 16px/150% Sage UI;
336
+ $typographyDialogSubtitleM: 400 16px/150% Sage UI;
337
337
  $typographyDialogParagraphXs: 400 14px/150% Sage UI;
338
338
  $typographyDialogParagraphS: 400 14px/150% Sage UI;
339
339
  $typographyDialogParagraphMs: 400 14px/150% Sage UI;
@@ -393,13 +393,13 @@ $typographyPillLabelS: 500 10px/150% Sage UI;
393
393
  $typographyPillLabelM: 500 12px/150% Sage UI;
394
394
  $typographyPillLabelL: 500 14px/150% Sage UI;
395
395
  $typographyPillLabelXl: 500 16px/150% Sage UI;
396
- $typographyProfileEmailTextS: 400 14px/100% Sage UI;
396
+ $typographyProfileEmailTextS: 400 14px/125% Sage UI;
397
397
  $typographyProfileEmailTextM: 400 14px/125% Sage UI;
398
398
  $typographyProfileEmailTextMl: 400 14px/125% Sage UI;
399
399
  $typographyProfileEmailTextL: 400 14px/125% Sage UI;
400
400
  $typographyProfileEmailTextXl: 400 18px/125% Sage UI;
401
401
  $typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
402
- $typographyProfileEmailLinkS: 400 14px/100% Sage UI;
402
+ $typographyProfileEmailLinkS: 400 14px/125% Sage UI;
403
403
  $typographyProfileEmailLinkM: 400 14px/125% Sage UI;
404
404
  $typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
405
405
  $typographyProfileEmailLinkL: 400 14px/125% Sage UI;
@@ -411,7 +411,7 @@ $typographyProfileInitialsMl: 500 24px/150% Sage UI;
411
411
  $typographyProfileInitialsL: 500 32px/150% Sage UI;
412
412
  $typographyProfileInitialsXl: 500 48px/150% Sage UI;
413
413
  $typographyProfileInitialsXxl: 500 56px/150% Sage UI;
414
- $typographyProfileNameS: 500 14px/100% Sage UI;
414
+ $typographyProfileNameS: 500 14px/125% Sage UI;
415
415
  $typographyProfileNameM: 500 14px/125% Sage UI;
416
416
  $typographyProfileNameMl: 500 16px/125% Sage UI;
417
417
  $typographyProfileNameL: 500 20px/125% Sage UI;
@@ -419,7 +419,7 @@ $typographyProfileNameXl: 500 24px/125% Sage UI;
419
419
  $typographyProfileNameXxl: 500 32px/125% Sage UI;
420
420
  $typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
421
421
  $typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
422
- $typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
422
+ $typographyProgressTrackerValueLabelL: 500 16px/150% Sage UI;
423
423
  $typographySidebarTitleXs: 700 20px/125% Sage UI;
424
424
  $typographySidebarTitleS: 700 20px/125% Sage UI;
425
425
  $typographySidebarTitleMs: 700 20px/125% Sage UI;
package/sage-design-tokens-2.41.0.tgz DELETED
Binary file