@sage/design-tokens 2.42.0 → 2.44.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 +7 -6
  2. package/css/base.css +7 -6
  3. package/data/tokens.json +18 -5
  4. package/docs/tokens/base/index.html +26 -5
  5. package/docs/tokens/base/typography/index.html +26 -5
  6. package/docs/tokens/index.html +26 -5
  7. package/ios/base.h +7 -6
  8. package/js/base/common.d.ts +1 -0
  9. package/js/base/common.js +7 -6
  10. package/js/base/es6.d.ts +1 -0
  11. package/js/base/es6.js +6 -5
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.44.0.tgz +0 -0
  14. package/scss/base.scss +7 -6
  15. package/sage-design-tokens-2.42.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, 23 Sep 2022 15:26:05 GMT
5
+ Generated on Thu, 06 Oct 2022 16:08:46 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -307,7 +307,8 @@
307
307
  <string name="fontFamiliesAndroid">Roboto</string>
308
308
  <string name="fontFamiliesOther">Open Sans</string>
309
309
  <string name="borderRadiusCircle">50%</string>
310
- <string name="typographyAccordionTitleM">Bold 20px/125% Sage UI</string>
310
+ <string name="typographyAccordionTitleM">Medium 20px/125% Sage UI</string>
311
+ <string name="typographyAccordionTitleS">Medium 16px/125% Sage UI</string>
311
312
  <string name="typographyAccordionSubtitleM">Regular 14px/150% Sage UI</string>
312
313
  <string name="typographyAccordionParagraphM">Regular 14px/150% Sage UI</string>
313
314
  <string name="typographyActionPopoverMenuItemM">Medium 14px/150% Sage UI</string>
@@ -392,13 +393,13 @@
392
393
  <string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
393
394
  <string name="typographyPillLabelL">Medium 14px/150% Sage UI</string>
394
395
  <string name="typographyPillLabelXl">Medium 16px/150% Sage UI</string>
395
- <string name="typographyProfileEmailTextS">Regular 14px/100% Sage UI</string>
396
+ <string name="typographyProfileEmailTextS">Regular 14px/125% Sage UI</string>
396
397
  <string name="typographyProfileEmailTextM">Regular 14px/125% Sage UI</string>
397
398
  <string name="typographyProfileEmailTextMl">Regular 14px/125% Sage UI</string>
398
399
  <string name="typographyProfileEmailTextL">Regular 14px/125% Sage UI</string>
399
400
  <string name="typographyProfileEmailTextXl">Regular 18px/125% Sage UI</string>
400
401
  <string name="typographyProfileEmailTextXxl">Regular 24px/125% Sage UI</string>
401
- <string name="typographyProfileEmailLinkS">Regular 14px/100% Sage UI</string>
402
+ <string name="typographyProfileEmailLinkS">Regular 14px/125% Sage UI</string>
402
403
  <string name="typographyProfileEmailLinkM">Regular 14px/125% Sage UI</string>
403
404
  <string name="typographyProfileEmailLinkMl">Regular 14px/125% Sage UI</string>
404
405
  <string name="typographyProfileEmailLinkL">Regular 14px/125% Sage UI</string>
@@ -410,7 +411,7 @@
410
411
  <string name="typographyProfileInitialsL">Medium 32px/150% Sage UI</string>
411
412
  <string name="typographyProfileInitialsXl">Medium 48px/150% Sage UI</string>
412
413
  <string name="typographyProfileInitialsXxl">Medium 56px/150% Sage UI</string>
413
- <string name="typographyProfileNameS">Medium 14px/100% Sage UI</string>
414
+ <string name="typographyProfileNameS">Medium 14px/125% Sage UI</string>
414
415
  <string name="typographyProfileNameM">Medium 14px/125% Sage UI</string>
415
416
  <string name="typographyProfileNameMl">Medium 16px/125% Sage UI</string>
416
417
  <string name="typographyProfileNameL">Medium 20px/125% Sage UI</string>
@@ -418,7 +419,7 @@
418
419
  <string name="typographyProfileNameXxl">Medium 32px/125% Sage UI</string>
419
420
  <string name="typographyProgressTrackerValueLabelS">Medium 14px/150% Sage UI</string>
420
421
  <string name="typographyProgressTrackerValueLabelM">Medium 14px/150% Sage UI</string>
421
- <string name="typographyProgressTrackerValueLabelL">Medium 14px/150% Sage UI</string>
422
+ <string name="typographyProgressTrackerValueLabelL">Medium 16px/150% Sage UI</string>
422
423
  <string name="typographySidebarTitleXs">Bold 20px/125% Sage UI</string>
423
424
  <string name="typographySidebarTitleS">Bold 20px/125% Sage UI</string>
424
425
  <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 Fri, 23 Sep 2022 15:26:05 GMT
7
+ * Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -310,7 +310,8 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
310
310
  --fontFamiliesAndroid: Roboto;
311
311
  --fontFamiliesOther: Open Sans;
312
312
  --borderRadiusCircle: 50%;
313
- --typographyAccordionTitleM: 700 20px/125% Sage UI;
313
+ --typographyAccordionTitleM: 500 20px/125% Sage UI;
314
+ --typographyAccordionTitleS: 500 16px/125% Sage UI;
314
315
  --typographyAccordionSubtitleM: 400 14px/150% Sage UI;
315
316
  --typographyAccordionParagraphM: 400 14px/150% Sage UI;
316
317
  --typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
@@ -395,13 +396,13 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
395
396
  --typographyPillLabelM: 500 12px/150% Sage UI;
396
397
  --typographyPillLabelL: 500 14px/150% Sage UI;
397
398
  --typographyPillLabelXl: 500 16px/150% Sage UI;
398
- --typographyProfileEmailTextS: 400 14px/100% Sage UI;
399
+ --typographyProfileEmailTextS: 400 14px/125% Sage UI;
399
400
  --typographyProfileEmailTextM: 400 14px/125% Sage UI;
400
401
  --typographyProfileEmailTextMl: 400 14px/125% Sage UI;
401
402
  --typographyProfileEmailTextL: 400 14px/125% Sage UI;
402
403
  --typographyProfileEmailTextXl: 400 18px/125% Sage UI;
403
404
  --typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
404
- --typographyProfileEmailLinkS: 400 14px/100% Sage UI;
405
+ --typographyProfileEmailLinkS: 400 14px/125% Sage UI;
405
406
  --typographyProfileEmailLinkM: 400 14px/125% Sage UI;
406
407
  --typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
407
408
  --typographyProfileEmailLinkL: 400 14px/125% Sage UI;
@@ -413,7 +414,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
413
414
  --typographyProfileInitialsL: 500 32px/150% Sage UI;
414
415
  --typographyProfileInitialsXl: 500 48px/150% Sage UI;
415
416
  --typographyProfileInitialsXxl: 500 56px/150% Sage UI;
416
- --typographyProfileNameS: 500 14px/100% Sage UI;
417
+ --typographyProfileNameS: 500 14px/125% Sage UI;
417
418
  --typographyProfileNameM: 500 14px/125% Sage UI;
418
419
  --typographyProfileNameMl: 500 16px/125% Sage UI;
419
420
  --typographyProfileNameL: 500 20px/125% Sage UI;
@@ -421,7 +422,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
421
422
  --typographyProfileNameXxl: 500 32px/125% Sage UI;
422
423
  --typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
423
424
  --typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
424
- --typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
425
+ --typographyProgressTrackerValueLabelL: 500 16px/150% Sage UI;
425
426
  --typographySidebarTitleXs: 700 20px/125% Sage UI;
426
427
  --typographySidebarTitleS: 700 20px/125% Sage UI;
427
428
  --typographySidebarTitleMs: 700 20px/125% Sage UI;
package/data/tokens.json CHANGED
@@ -1593,7 +1593,7 @@
1593
1593
  "m": {
1594
1594
  "value": {
1595
1595
  "fontFamily": "Sage UI",
1596
- "fontWeight": "Bold",
1596
+ "fontWeight": "Medium",
1597
1597
  "lineHeight": "125%",
1598
1598
  "fontSize": "20px",
1599
1599
  "letterSpacing": "0%",
@@ -1602,6 +1602,19 @@
1602
1602
  "textCase": "none"
1603
1603
  },
1604
1604
  "type": "typography"
1605
+ },
1606
+ "s": {
1607
+ "value": {
1608
+ "fontFamily": "Sage UI",
1609
+ "fontWeight": "Medium",
1610
+ "lineHeight": "125%",
1611
+ "fontSize": "16px",
1612
+ "letterSpacing": "0%",
1613
+ "paragraphSpacing": "0",
1614
+ "textDecoration": "none",
1615
+ "textCase": "none"
1616
+ },
1617
+ "type": "typography"
1605
1618
  }
1606
1619
  },
1607
1620
  "subtitle": {
@@ -2706,7 +2719,7 @@
2706
2719
  "value": {
2707
2720
  "fontFamily": "Sage UI",
2708
2721
  "fontWeight": "Regular",
2709
- "lineHeight": "100%",
2722
+ "lineHeight": "125%",
2710
2723
  "fontSize": "14px",
2711
2724
  "letterSpacing": "0%",
2712
2725
  "paragraphSpacing": "0",
@@ -2786,7 +2799,7 @@
2786
2799
  "value": {
2787
2800
  "fontFamily": "Sage UI",
2788
2801
  "fontWeight": "Regular",
2789
- "lineHeight": "100%",
2802
+ "lineHeight": "125%",
2790
2803
  "fontSize": "14px",
2791
2804
  "letterSpacing": "0%",
2792
2805
  "paragraphSpacing": "0",
@@ -2947,7 +2960,7 @@
2947
2960
  "value": {
2948
2961
  "fontFamily": "Sage UI",
2949
2962
  "fontWeight": "Medium",
2950
- "lineHeight": "100%",
2963
+ "lineHeight": "125%",
2951
2964
  "fontSize": "14px",
2952
2965
  "letterSpacing": "0%",
2953
2966
  "paragraphSpacing": "0",
@@ -3056,7 +3069,7 @@
3056
3069
  "fontFamily": "Sage UI",
3057
3070
  "fontWeight": "Medium",
3058
3071
  "lineHeight": "150%",
3059
- "fontSize": "14px",
3072
+ "fontSize": "16px",
3060
3073
  "letterSpacing": "0%",
3061
3074
  "paragraphSpacing": "0",
3062
3075
  "textDecoration": "none",
package/docs/tokens/base/index.html CHANGED
@@ -6776,7 +6776,28 @@
6776
6776
  </a>
6777
6777
  </td>
6778
6778
  <td class="is-vcentered">
6779
- <pre>700 20px/125% Sage UI</pre>
6779
+ <pre>500 20px/125% Sage UI</pre>
6780
+ </td>
6781
+ <td class="is-vcentered">
6782
+ <div class="table__typography-preview">
6783
+ n/a
6784
+ </div>
6785
+
6786
+ </td>
6787
+ </tr>
6788
+ <tr>
6789
+ <td class="with-icons is-vcentered"
6790
+ id="base-typographyAccordionTitleS"
6791
+ title="theme: base; category: typography; group: accordion; name: title; variant: s; ">
6792
+ typographyAccordionTitleS
6793
+ <a href="#base-typographyAccordionTitleS"
6794
+ title="permalink"
6795
+ class="permalink">
6796
+ 🔗
6797
+ </a>
6798
+ </td>
6799
+ <td class="is-vcentered">
6800
+ <pre>500 16px/125% Sage UI</pre>
6780
6801
  </td>
6781
6802
  <td class="is-vcentered">
6782
6803
  <div class="table__typography-preview">
@@ -8561,7 +8582,7 @@
8561
8582
  </a>
8562
8583
  </td>
8563
8584
  <td class="is-vcentered">
8564
- <pre>400 14px/100% Sage UI</pre>
8585
+ <pre>400 14px/125% Sage UI</pre>
8565
8586
  </td>
8566
8587
  <td class="is-vcentered">
8567
8588
  <div class="table__typography-preview">
@@ -8687,7 +8708,7 @@
8687
8708
  </a>
8688
8709
  </td>
8689
8710
  <td class="is-vcentered">
8690
- <pre>400 14px/100% Sage UI</pre>
8711
+ <pre>400 14px/125% Sage UI</pre>
8691
8712
  </td>
8692
8713
  <td class="is-vcentered">
8693
8714
  <div class="table__typography-preview">
@@ -8939,7 +8960,7 @@
8939
8960
  </a>
8940
8961
  </td>
8941
8962
  <td class="is-vcentered">
8942
- <pre>500 14px/100% Sage UI</pre>
8963
+ <pre>500 14px/125% Sage UI</pre>
8943
8964
  </td>
8944
8965
  <td class="is-vcentered">
8945
8966
  <div class="table__typography-preview">
@@ -9107,7 +9128,7 @@
9107
9128
  </a>
9108
9129
  </td>
9109
9130
  <td class="is-vcentered">
9110
- <pre>500 14px/150% Sage UI</pre>
9131
+ <pre>500 16px/150% Sage UI</pre>
9111
9132
  </td>
9112
9133
  <td class="is-vcentered">
9113
9134
  <div class="table__typography-preview">
package/docs/tokens/base/typography/index.html CHANGED
@@ -297,7 +297,28 @@
297
297
  </a>
298
298
  </td>
299
299
  <td class="is-vcentered">
300
- <pre>700 20px/125% Sage UI</pre>
300
+ <pre>500 20px/125% Sage UI</pre>
301
+ </td>
302
+ <td class="is-vcentered">
303
+ <div class="table__typography-preview">
304
+ n/a
305
+ </div>
306
+
307
+ </td>
308
+ </tr>
309
+ <tr>
310
+ <td class="with-icons is-vcentered"
311
+ id="base-typographyAccordionTitleS"
312
+ title="theme: base; category: typography; group: accordion; name: title; variant: s; ">
313
+ typographyAccordionTitleS
314
+ <a href="#base-typographyAccordionTitleS"
315
+ title="permalink"
316
+ class="permalink">
317
+ 🔗
318
+ </a>
319
+ </td>
320
+ <td class="is-vcentered">
321
+ <pre>500 16px/125% Sage UI</pre>
301
322
  </td>
302
323
  <td class="is-vcentered">
303
324
  <div class="table__typography-preview">
@@ -2082,7 +2103,7 @@
2082
2103
  </a>
2083
2104
  </td>
2084
2105
  <td class="is-vcentered">
2085
- <pre>400 14px/100% Sage UI</pre>
2106
+ <pre>400 14px/125% Sage UI</pre>
2086
2107
  </td>
2087
2108
  <td class="is-vcentered">
2088
2109
  <div class="table__typography-preview">
@@ -2208,7 +2229,7 @@
2208
2229
  </a>
2209
2230
  </td>
2210
2231
  <td class="is-vcentered">
2211
- <pre>400 14px/100% Sage UI</pre>
2232
+ <pre>400 14px/125% Sage UI</pre>
2212
2233
  </td>
2213
2234
  <td class="is-vcentered">
2214
2235
  <div class="table__typography-preview">
@@ -2460,7 +2481,7 @@
2460
2481
  </a>
2461
2482
  </td>
2462
2483
  <td class="is-vcentered">
2463
- <pre>500 14px/100% Sage UI</pre>
2484
+ <pre>500 14px/125% Sage UI</pre>
2464
2485
  </td>
2465
2486
  <td class="is-vcentered">
2466
2487
  <div class="table__typography-preview">
@@ -2628,7 +2649,7 @@
2628
2649
  </a>
2629
2650
  </td>
2630
2651
  <td class="is-vcentered">
2631
- <pre>500 14px/150% Sage UI</pre>
2652
+ <pre>500 16px/150% Sage UI</pre>
2632
2653
  </td>
2633
2654
  <td class="is-vcentered">
2634
2655
  <div class="table__typography-preview">
package/docs/tokens/index.html CHANGED
@@ -6832,7 +6832,28 @@
6832
6832
  </a>
6833
6833
  </td>
6834
6834
  <td class="is-vcentered">
6835
- <pre>700 20px/125% Sage UI</pre>
6835
+ <pre>500 20px/125% Sage UI</pre>
6836
+ </td>
6837
+ <td class="is-vcentered">
6838
+ <div class="table__typography-preview">
6839
+ n/a
6840
+ </div>
6841
+
6842
+ </td>
6843
+ </tr>
6844
+ <tr>
6845
+ <td class="with-icons is-vcentered"
6846
+ id="base-typographyAccordionTitleS"
6847
+ title="theme: base; category: typography; group: accordion; name: title; variant: s; ">
6848
+ typographyAccordionTitleS
6849
+ <a href="#base-typographyAccordionTitleS"
6850
+ title="permalink"
6851
+ class="permalink">
6852
+ 🔗
6853
+ </a>
6854
+ </td>
6855
+ <td class="is-vcentered">
6856
+ <pre>500 16px/125% Sage UI</pre>
6836
6857
  </td>
6837
6858
  <td class="is-vcentered">
6838
6859
  <div class="table__typography-preview">
@@ -8617,7 +8638,7 @@
8617
8638
  </a>
8618
8639
  </td>
8619
8640
  <td class="is-vcentered">
8620
- <pre>400 14px/100% Sage UI</pre>
8641
+ <pre>400 14px/125% Sage UI</pre>
8621
8642
  </td>
8622
8643
  <td class="is-vcentered">
8623
8644
  <div class="table__typography-preview">
@@ -8743,7 +8764,7 @@
8743
8764
  </a>
8744
8765
  </td>
8745
8766
  <td class="is-vcentered">
8746
- <pre>400 14px/100% Sage UI</pre>
8767
+ <pre>400 14px/125% Sage UI</pre>
8747
8768
  </td>
8748
8769
  <td class="is-vcentered">
8749
8770
  <div class="table__typography-preview">
@@ -8995,7 +9016,7 @@
8995
9016
  </a>
8996
9017
  </td>
8997
9018
  <td class="is-vcentered">
8998
- <pre>500 14px/100% Sage UI</pre>
9019
+ <pre>500 14px/125% Sage UI</pre>
8999
9020
  </td>
9000
9021
  <td class="is-vcentered">
9001
9022
  <div class="table__typography-preview">
@@ -9163,7 +9184,7 @@
9163
9184
  </a>
9164
9185
  </td>
9165
9186
  <td class="is-vcentered">
9166
- <pre>500 14px/150% Sage UI</pre>
9187
+ <pre>500 16px/150% Sage UI</pre>
9167
9188
  </td>
9168
9189
  <td class="is-vcentered">
9169
9190
  <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, 23 Sep 2022 15:26:05 GMT
7
+ // Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -312,7 +312,8 @@
312
312
  #define fontFamiliesAndroid Roboto
313
313
  #define fontFamiliesOther Open Sans
314
314
  #define borderRadiusCircle 50%
315
- #define typographyAccordionTitleM Bold 20px/125% Sage UI
315
+ #define typographyAccordionTitleM Medium 20px/125% Sage UI
316
+ #define typographyAccordionTitleS Medium 16px/125% Sage UI
316
317
  #define typographyAccordionSubtitleM Regular 14px/150% Sage UI
317
318
  #define typographyAccordionParagraphM Regular 14px/150% Sage UI
318
319
  #define typographyActionPopoverMenuItemM Medium 14px/150% Sage UI
@@ -397,13 +398,13 @@
397
398
  #define typographyPillLabelM Medium 12px/150% Sage UI
398
399
  #define typographyPillLabelL Medium 14px/150% Sage UI
399
400
  #define typographyPillLabelXl Medium 16px/150% Sage UI
400
- #define typographyProfileEmailTextS Regular 14px/100% Sage UI
401
+ #define typographyProfileEmailTextS Regular 14px/125% Sage UI
401
402
  #define typographyProfileEmailTextM Regular 14px/125% Sage UI
402
403
  #define typographyProfileEmailTextMl Regular 14px/125% Sage UI
403
404
  #define typographyProfileEmailTextL Regular 14px/125% Sage UI
404
405
  #define typographyProfileEmailTextXl Regular 18px/125% Sage UI
405
406
  #define typographyProfileEmailTextXxl Regular 24px/125% Sage UI
406
- #define typographyProfileEmailLinkS Regular 14px/100% Sage UI
407
+ #define typographyProfileEmailLinkS Regular 14px/125% Sage UI
407
408
  #define typographyProfileEmailLinkM Regular 14px/125% Sage UI
408
409
  #define typographyProfileEmailLinkMl Regular 14px/125% Sage UI
409
410
  #define typographyProfileEmailLinkL Regular 14px/125% Sage UI
@@ -415,7 +416,7 @@
415
416
  #define typographyProfileInitialsL Medium 32px/150% Sage UI
416
417
  #define typographyProfileInitialsXl Medium 48px/150% Sage UI
417
418
  #define typographyProfileInitialsXxl Medium 56px/150% Sage UI
418
- #define typographyProfileNameS Medium 14px/100% Sage UI
419
+ #define typographyProfileNameS Medium 14px/125% Sage UI
419
420
  #define typographyProfileNameM Medium 14px/125% Sage UI
420
421
  #define typographyProfileNameMl Medium 16px/125% Sage UI
421
422
  #define typographyProfileNameL Medium 20px/125% Sage UI
@@ -423,7 +424,7 @@
423
424
  #define typographyProfileNameXxl Medium 32px/125% Sage UI
424
425
  #define typographyProgressTrackerValueLabelS Medium 14px/150% Sage UI
425
426
  #define typographyProgressTrackerValueLabelM Medium 14px/150% Sage UI
426
- #define typographyProgressTrackerValueLabelL Medium 14px/150% Sage UI
427
+ #define typographyProgressTrackerValueLabelL Medium 16px/150% Sage UI
427
428
  #define typographySidebarTitleXs Bold 20px/125% Sage UI
428
429
  #define typographySidebarTitleS Bold 20px/125% Sage UI
429
430
  #define typographySidebarTitleMs Bold 20px/125% Sage UI
package/js/base/common.d.ts CHANGED
@@ -301,6 +301,7 @@ export const fontFamiliesAndroid: string;
301
301
  export const fontFamiliesOther: string;
302
302
  export const borderRadiusCircle: string;
303
303
  export const typographyAccordionTitleM: string;
304
+ export const typographyAccordionTitleS: string;
304
305
  export const typographyAccordionSubtitleM: string;
305
306
  export const typographyAccordionParagraphM: string;
306
307
  export const typographyActionPopoverMenuItemM: 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 Fri, 23 Sep 2022 15:26:05 GMT
7
+ * Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -310,7 +310,8 @@ module.exports = {
310
310
  fontFamiliesAndroid: 'Roboto',
311
311
  fontFamiliesOther: 'Open Sans',
312
312
  borderRadiusCircle: '50%',
313
- typographyAccordionTitleM: '700 20px/125% Sage UI',
313
+ typographyAccordionTitleM: '500 20px/125% Sage UI',
314
+ typographyAccordionTitleS: '500 16px/125% Sage UI',
314
315
  typographyAccordionSubtitleM: '400 14px/150% Sage UI',
315
316
  typographyAccordionParagraphM: '400 14px/150% Sage UI',
316
317
  typographyActionPopoverMenuItemM: '500 14px/150% Sage UI',
@@ -395,13 +396,13 @@ module.exports = {
395
396
  typographyPillLabelM: '500 12px/150% Sage UI',
396
397
  typographyPillLabelL: '500 14px/150% Sage UI',
397
398
  typographyPillLabelXl: '500 16px/150% Sage UI',
398
- typographyProfileEmailTextS: '400 14px/100% Sage UI',
399
+ typographyProfileEmailTextS: '400 14px/125% Sage UI',
399
400
  typographyProfileEmailTextM: '400 14px/125% Sage UI',
400
401
  typographyProfileEmailTextMl: '400 14px/125% Sage UI',
401
402
  typographyProfileEmailTextL: '400 14px/125% Sage UI',
402
403
  typographyProfileEmailTextXl: '400 18px/125% Sage UI',
403
404
  typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
404
- typographyProfileEmailLinkS: '400 14px/100% Sage UI',
405
+ typographyProfileEmailLinkS: '400 14px/125% Sage UI',
405
406
  typographyProfileEmailLinkM: '400 14px/125% Sage UI',
406
407
  typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
407
408
  typographyProfileEmailLinkL: '400 14px/125% Sage UI',
@@ -413,7 +414,7 @@ module.exports = {
413
414
  typographyProfileInitialsL: '500 32px/150% Sage UI',
414
415
  typographyProfileInitialsXl: '500 48px/150% Sage UI',
415
416
  typographyProfileInitialsXxl: '500 56px/150% Sage UI',
416
- typographyProfileNameS: '500 14px/100% Sage UI',
417
+ typographyProfileNameS: '500 14px/125% Sage UI',
417
418
  typographyProfileNameM: '500 14px/125% Sage UI',
418
419
  typographyProfileNameMl: '500 16px/125% Sage UI',
419
420
  typographyProfileNameL: '500 20px/125% Sage UI',
@@ -421,7 +422,7 @@ module.exports = {
421
422
  typographyProfileNameXxl: '500 32px/125% Sage UI',
422
423
  typographyProgressTrackerValueLabelS: '500 14px/150% Sage UI',
423
424
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
424
- typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
425
+ typographyProgressTrackerValueLabelL: '500 16px/150% Sage UI',
425
426
  typographySidebarTitleXs: '700 20px/125% Sage UI',
426
427
  typographySidebarTitleS: '700 20px/125% Sage UI',
427
428
  typographySidebarTitleMs: '700 20px/125% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -302,6 +302,7 @@ declare namespace _default {
302
302
  const fontFamiliesOther: string;
303
303
  const borderRadiusCircle: string;
304
304
  const typographyAccordionTitleM: string;
305
+ const typographyAccordionTitleS: string;
305
306
  const typographyAccordionSubtitleM: string;
306
307
  const typographyAccordionParagraphM: string;
307
308
  const typographyActionPopoverMenuItemM: string;
package/js/base/es6.js CHANGED
@@ -305,7 +305,8 @@ export default {
305
305
  fontFamiliesAndroid: 'Roboto',
306
306
  fontFamiliesOther: 'Open Sans',
307
307
  borderRadiusCircle: '50%',
308
- typographyAccordionTitleM: '700 20px/125% Sage UI',
308
+ typographyAccordionTitleM: '500 20px/125% Sage UI',
309
+ typographyAccordionTitleS: '500 16px/125% Sage UI',
309
310
  typographyAccordionSubtitleM: '400 14px/150% Sage UI',
310
311
  typographyAccordionParagraphM: '400 14px/150% Sage UI',
311
312
  typographyActionPopoverMenuItemM: '500 14px/150% Sage UI',
@@ -390,13 +391,13 @@ export default {
390
391
  typographyPillLabelM: '500 12px/150% Sage UI',
391
392
  typographyPillLabelL: '500 14px/150% Sage UI',
392
393
  typographyPillLabelXl: '500 16px/150% Sage UI',
393
- typographyProfileEmailTextS: '400 14px/100% Sage UI',
394
+ typographyProfileEmailTextS: '400 14px/125% Sage UI',
394
395
  typographyProfileEmailTextM: '400 14px/125% Sage UI',
395
396
  typographyProfileEmailTextMl: '400 14px/125% Sage UI',
396
397
  typographyProfileEmailTextL: '400 14px/125% Sage UI',
397
398
  typographyProfileEmailTextXl: '400 18px/125% Sage UI',
398
399
  typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
399
- typographyProfileEmailLinkS: '400 14px/100% Sage UI',
400
+ typographyProfileEmailLinkS: '400 14px/125% Sage UI',
400
401
  typographyProfileEmailLinkM: '400 14px/125% Sage UI',
401
402
  typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
402
403
  typographyProfileEmailLinkL: '400 14px/125% Sage UI',
@@ -408,7 +409,7 @@ export default {
408
409
  typographyProfileInitialsL: '500 32px/150% Sage UI',
409
410
  typographyProfileInitialsXl: '500 48px/150% Sage UI',
410
411
  typographyProfileInitialsXxl: '500 56px/150% Sage UI',
411
- typographyProfileNameS: '500 14px/100% Sage UI',
412
+ typographyProfileNameS: '500 14px/125% Sage UI',
412
413
  typographyProfileNameM: '500 14px/125% Sage UI',
413
414
  typographyProfileNameMl: '500 16px/125% Sage UI',
414
415
  typographyProfileNameL: '500 20px/125% Sage UI',
@@ -416,7 +417,7 @@ export default {
416
417
  typographyProfileNameXxl: '500 32px/125% Sage UI',
417
418
  typographyProgressTrackerValueLabelS: '500 14px/150% Sage UI',
418
419
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
419
- typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
420
+ typographyProgressTrackerValueLabelL: '500 16px/150% Sage UI',
420
421
  typographySidebarTitleXs: '700 20px/125% Sage UI',
421
422
  typographySidebarTitleS: '700 20px/125% Sage UI',
422
423
  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.42.0",
13
+ "version": "2.44.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.44.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 Fri, 23 Sep 2022 15:26:05 GMT
7
+ // Generated on Thu, 06 Oct 2022 16:08:46 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -308,7 +308,8 @@ $fontFamiliesIos: San Francisco;
308
308
  $fontFamiliesAndroid: Roboto;
309
309
  $fontFamiliesOther: Open Sans;
310
310
  $borderRadiusCircle: 50%;
311
- $typographyAccordionTitleM: 700 20px/125% Sage UI;
311
+ $typographyAccordionTitleM: 500 20px/125% Sage UI;
312
+ $typographyAccordionTitleS: 500 16px/125% Sage UI;
312
313
  $typographyAccordionSubtitleM: 400 14px/150% Sage UI;
313
314
  $typographyAccordionParagraphM: 400 14px/150% Sage UI;
314
315
  $typographyActionPopoverMenuItemM: 500 14px/150% Sage UI;
@@ -393,13 +394,13 @@ $typographyPillLabelS: 500 10px/150% Sage UI;
393
394
  $typographyPillLabelM: 500 12px/150% Sage UI;
394
395
  $typographyPillLabelL: 500 14px/150% Sage UI;
395
396
  $typographyPillLabelXl: 500 16px/150% Sage UI;
396
- $typographyProfileEmailTextS: 400 14px/100% Sage UI;
397
+ $typographyProfileEmailTextS: 400 14px/125% Sage UI;
397
398
  $typographyProfileEmailTextM: 400 14px/125% Sage UI;
398
399
  $typographyProfileEmailTextMl: 400 14px/125% Sage UI;
399
400
  $typographyProfileEmailTextL: 400 14px/125% Sage UI;
400
401
  $typographyProfileEmailTextXl: 400 18px/125% Sage UI;
401
402
  $typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
402
- $typographyProfileEmailLinkS: 400 14px/100% Sage UI;
403
+ $typographyProfileEmailLinkS: 400 14px/125% Sage UI;
403
404
  $typographyProfileEmailLinkM: 400 14px/125% Sage UI;
404
405
  $typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
405
406
  $typographyProfileEmailLinkL: 400 14px/125% Sage UI;
@@ -411,7 +412,7 @@ $typographyProfileInitialsMl: 500 24px/150% Sage UI;
411
412
  $typographyProfileInitialsL: 500 32px/150% Sage UI;
412
413
  $typographyProfileInitialsXl: 500 48px/150% Sage UI;
413
414
  $typographyProfileInitialsXxl: 500 56px/150% Sage UI;
414
- $typographyProfileNameS: 500 14px/100% Sage UI;
415
+ $typographyProfileNameS: 500 14px/125% Sage UI;
415
416
  $typographyProfileNameM: 500 14px/125% Sage UI;
416
417
  $typographyProfileNameMl: 500 16px/125% Sage UI;
417
418
  $typographyProfileNameL: 500 20px/125% Sage UI;
@@ -419,7 +420,7 @@ $typographyProfileNameXl: 500 24px/125% Sage UI;
419
420
  $typographyProfileNameXxl: 500 32px/125% Sage UI;
420
421
  $typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
421
422
  $typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
422
- $typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
423
+ $typographyProgressTrackerValueLabelL: 500 16px/150% Sage UI;
423
424
  $typographySidebarTitleXs: 700 20px/125% Sage UI;
424
425
  $typographySidebarTitleS: 700 20px/125% Sage UI;
425
426
  $typographySidebarTitleMs: 700 20px/125% Sage UI;
package/sage-design-tokens-2.42.0.tgz DELETED
Binary file