@sage/design-tokens 2.35.0 → 2.36.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 +1 -6
  2. package/css/base.css +1 -6
  3. package/data/tokens.json +0 -73
  4. package/docs/tokens/base/index.html +0 -105
  5. package/docs/tokens/base/typography/index.html +0 -105
  6. package/docs/tokens/index.html +0 -105
  7. package/ios/base.h +1 -6
  8. package/js/base/common.d.ts +0 -5
  9. package/js/base/common.js +1 -6
  10. package/js/base/es6.d.ts +0 -5
  11. package/js/base/es6.js +0 -5
  12. package/package.json +1 -1
  13. package/sage-design-tokens-2.36.0.tgz +0 -0
  14. package/scss/base.scss +1 -6
  15. package/sage-design-tokens-2.35.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 Thu, 23 Jun 2022 13:20:34 GMT
5
+ Generated on Thu, 23 Jun 2022 13:32:07 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -385,28 +385,24 @@
385
385
  <string name="typographyPillLabelM">Medium 12px/150% Sage UI</string>
386
386
  <string name="typographyPillLabelL">Medium 14px/150% Sage UI</string>
387
387
  <string name="typographyPillLabelXl">Medium 16px/150% Sage UI</string>
388
- <string name="typographyProfileEmailTextXs">Regular 12px/100% Sage UI</string>
389
388
  <string name="typographyProfileEmailTextS">Regular 14px/100% Sage UI</string>
390
389
  <string name="typographyProfileEmailTextM">Regular 14px/125% Sage UI</string>
391
390
  <string name="typographyProfileEmailTextMl">Regular 14px/125% Sage UI</string>
392
391
  <string name="typographyProfileEmailTextL">Regular 14px/125% Sage UI</string>
393
392
  <string name="typographyProfileEmailTextXl">Regular 18px/125% Sage UI</string>
394
393
  <string name="typographyProfileEmailTextXxl">Regular 24px/125% Sage UI</string>
395
- <string name="typographyProfileEmailLinkXs">Regular 12px/100% Sage UI</string>
396
394
  <string name="typographyProfileEmailLinkS">Regular 14px/100% Sage UI</string>
397
395
  <string name="typographyProfileEmailLinkM">Regular 14px/125% Sage UI</string>
398
396
  <string name="typographyProfileEmailLinkMl">Regular 14px/125% Sage UI</string>
399
397
  <string name="typographyProfileEmailLinkL">Regular 14px/125% Sage UI</string>
400
398
  <string name="typographyProfileEmailLinkXl">Regular 18px/125% Sage UI</string>
401
399
  <string name="typographyProfileEmailLinkXxl">Regular 24px/125% Sage UI</string>
402
- <string name="typographyProfileInitialsXs">Medium 10px/150% Sage UI</string>
403
400
  <string name="typographyProfileInitialsS">Medium 14px/150% Sage UI</string>
404
401
  <string name="typographyProfileInitialsM">Medium 18px/150% Sage UI</string>
405
402
  <string name="typographyProfileInitialsMl">Medium 24px/150% Sage UI</string>
406
403
  <string name="typographyProfileInitialsL">Medium 32px/150% Sage UI</string>
407
404
  <string name="typographyProfileInitialsXl">Medium 48px/150% Sage UI</string>
408
405
  <string name="typographyProfileInitialsXxl">Medium 56px/150% Sage UI</string>
409
- <string name="typographyProfileNameXs">Medium 13px/100% Sage UI</string>
410
406
  <string name="typographyProfileNameS">Medium 14px/100% Sage UI</string>
411
407
  <string name="typographyProfileNameM">Medium 14px/125% Sage UI</string>
412
408
  <string name="typographyProfileNameMl">Medium 16px/125% Sage UI</string>
@@ -416,7 +412,6 @@
416
412
  <string name="typographyProgressTrackerValueLabelS">Medium 14px/150% Sage UI</string>
417
413
  <string name="typographyProgressTrackerValueLabelM">Medium 14px/150% Sage UI</string>
418
414
  <string name="typographyProgressTrackerValueLabelL">Medium 14px/150% Sage UI</string>
419
- <string name="typographySearchLabelM">Regular 14px/150% Sage UI</string>
420
415
  <string name="typographySidebarTitleXs">Bold 20px/125% Sage UI</string>
421
416
  <string name="typographySidebarTitleS">Bold 20px/125% Sage UI</string>
422
417
  <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 Thu, 23 Jun 2022 13:20:34 GMT
7
+ * Generated on Thu, 23 Jun 2022 13:32:07 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -388,28 +388,24 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
388
388
  --typographyPillLabelM: 500 12px/150% Sage UI;
389
389
  --typographyPillLabelL: 500 14px/150% Sage UI;
390
390
  --typographyPillLabelXl: 500 16px/150% Sage UI;
391
- --typographyProfileEmailTextXs: 400 12px/100% Sage UI;
392
391
  --typographyProfileEmailTextS: 400 14px/100% Sage UI;
393
392
  --typographyProfileEmailTextM: 400 14px/125% Sage UI;
394
393
  --typographyProfileEmailTextMl: 400 14px/125% Sage UI;
395
394
  --typographyProfileEmailTextL: 400 14px/125% Sage UI;
396
395
  --typographyProfileEmailTextXl: 400 18px/125% Sage UI;
397
396
  --typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
398
- --typographyProfileEmailLinkXs: 400 12px/100% Sage UI;
399
397
  --typographyProfileEmailLinkS: 400 14px/100% Sage UI;
400
398
  --typographyProfileEmailLinkM: 400 14px/125% Sage UI;
401
399
  --typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
402
400
  --typographyProfileEmailLinkL: 400 14px/125% Sage UI;
403
401
  --typographyProfileEmailLinkXl: 400 18px/125% Sage UI;
404
402
  --typographyProfileEmailLinkXxl: 400 24px/125% Sage UI;
405
- --typographyProfileInitialsXs: 500 10px/150% Sage UI;
406
403
  --typographyProfileInitialsS: 500 14px/150% Sage UI;
407
404
  --typographyProfileInitialsM: 500 18px/150% Sage UI;
408
405
  --typographyProfileInitialsMl: 500 24px/150% Sage UI;
409
406
  --typographyProfileInitialsL: 500 32px/150% Sage UI;
410
407
  --typographyProfileInitialsXl: 500 48px/150% Sage UI;
411
408
  --typographyProfileInitialsXxl: 500 56px/150% Sage UI;
412
- --typographyProfileNameXs: 500 13px/100% Sage UI;
413
409
  --typographyProfileNameS: 500 14px/100% Sage UI;
414
410
  --typographyProfileNameM: 500 14px/125% Sage UI;
415
411
  --typographyProfileNameMl: 500 16px/125% Sage UI;
@@ -419,7 +415,6 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
419
415
  --typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
420
416
  --typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
421
417
  --typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
422
- --typographySearchLabelM: 400 14px/150% Sage UI;
423
418
  --typographySidebarTitleXs: 700 20px/125% Sage UI;
424
419
  --typographySidebarTitleS: 700 20px/125% Sage UI;
425
420
  --typographySidebarTitleMs: 700 20px/125% Sage UI;
package/data/tokens.json CHANGED
@@ -2654,20 +2654,6 @@
2654
2654
  },
2655
2655
  "profile": {
2656
2656
  "emailText": {
2657
- "xs": {
2658
- "value": {
2659
- "fontFamily": "Sage UI",
2660
- "fontWeight": "Regular",
2661
- "lineHeight": "100%",
2662
- "fontSize": "12px",
2663
- "letterSpacing": "0%",
2664
- "paragraphSpacing": "0",
2665
- "textDecoration": "none",
2666
- "textCase": "none"
2667
- },
2668
- "type": "typography",
2669
- "description": "Not recommended for use. Font size not accessible."
2670
- },
2671
2657
  "s": {
2672
2658
  "value": {
2673
2659
  "fontFamily": "Sage UI",
@@ -2748,20 +2734,6 @@
2748
2734
  }
2749
2735
  },
2750
2736
  "emailLink": {
2751
- "xs": {
2752
- "value": {
2753
- "fontFamily": "Sage UI",
2754
- "fontWeight": "Regular",
2755
- "lineHeight": "100%",
2756
- "fontSize": "12px",
2757
- "letterSpacing": "0%",
2758
- "paragraphSpacing": "0",
2759
- "textDecoration": "underline",
2760
- "textCase": "none"
2761
- },
2762
- "type": "typography",
2763
- "description": "Not recommended for use. Font size not accessible."
2764
- },
2765
2737
  "s": {
2766
2738
  "value": {
2767
2739
  "fontFamily": "Sage UI",
@@ -2842,20 +2814,6 @@
2842
2814
  }
2843
2815
  },
2844
2816
  "initials": {
2845
- "xs": {
2846
- "value": {
2847
- "fontFamily": "Sage UI",
2848
- "fontWeight": "Medium",
2849
- "lineHeight": "150%",
2850
- "fontSize": "10px",
2851
- "letterSpacing": "0%",
2852
- "paragraphSpacing": "0",
2853
- "textDecoration": "none",
2854
- "textCase": "uppercase"
2855
- },
2856
- "type": "typography",
2857
- "description": "Not recommended for use. Font size not accessible."
2858
- },
2859
2817
  "s": {
2860
2818
  "value": {
2861
2819
  "fontFamily": "Sage UI",
@@ -2937,20 +2895,6 @@
2937
2895
  }
2938
2896
  },
2939
2897
  "name": {
2940
- "xs": {
2941
- "value": {
2942
- "fontFamily": "Sage UI",
2943
- "fontWeight": "Medium",
2944
- "lineHeight": "100%",
2945
- "fontSize": "13px",
2946
- "letterSpacing": "0%",
2947
- "paragraphSpacing": "0",
2948
- "textDecoration": "none",
2949
- "textCase": "none"
2950
- },
2951
- "type": "typography",
2952
- "description": "Not recommended for use. Font size not accessible."
2953
- },
2954
2898
  "s": {
2955
2899
  "value": {
2956
2900
  "fontFamily": "Sage UI",
@@ -3074,23 +3018,6 @@
3074
3018
  }
3075
3019
  }
3076
3020
  },
3077
- "search": {
3078
- "label": {
3079
- "m": {
3080
- "value": {
3081
- "fontFamily": "Sage UI",
3082
- "fontWeight": "Regular",
3083
- "lineHeight": "150%",
3084
- "fontSize": "14px",
3085
- "letterSpacing": "0%",
3086
- "paragraphSpacing": "0px",
3087
- "textDecoration": "none",
3088
- "textCase": "none"
3089
- },
3090
- "type": "typography"
3091
- }
3092
- }
3093
- },
3094
3021
  "sidebar": {
3095
3022
  "title": {
3096
3023
  "xs": {
package/docs/tokens/base/index.html CHANGED
@@ -8402,27 +8402,6 @@
8402
8402
 
8403
8403
  </td>
8404
8404
  </tr>
8405
- <tr>
8406
- <td class="with-icons is-vcentered"
8407
- id="base-typographyProfileEmailTextXs"
8408
- title="theme: base; category: typography; group: profile; name: emailText; variant: xs; ">
8409
- typographyProfileEmailTextXs
8410
- <a href="#base-typographyProfileEmailTextXs"
8411
- title="permalink"
8412
- class="permalink">
8413
- 🔗
8414
- </a>
8415
- </td>
8416
- <td class="is-vcentered">
8417
- <pre>400 12px/100% Sage UI</pre>
8418
- </td>
8419
- <td class="is-vcentered">
8420
- <div class="table__typography-preview">
8421
- n/a
8422
- </div>
8423
-
8424
- </td>
8425
- </tr>
8426
8405
  <tr>
8427
8406
  <td class="with-icons is-vcentered"
8428
8407
  id="base-typographyProfileEmailTextS"
@@ -8549,27 +8528,6 @@
8549
8528
 
8550
8529
  </td>
8551
8530
  </tr>
8552
- <tr>
8553
- <td class="with-icons is-vcentered"
8554
- id="base-typographyProfileEmailLinkXs"
8555
- title="theme: base; category: typography; group: profile; name: emailLink; variant: xs; ">
8556
- typographyProfileEmailLinkXs
8557
- <a href="#base-typographyProfileEmailLinkXs"
8558
- title="permalink"
8559
- class="permalink">
8560
- 🔗
8561
- </a>
8562
- </td>
8563
- <td class="is-vcentered">
8564
- <pre>400 12px/100% Sage UI</pre>
8565
- </td>
8566
- <td class="is-vcentered">
8567
- <div class="table__typography-preview">
8568
- n/a
8569
- </div>
8570
-
8571
- </td>
8572
- </tr>
8573
8531
  <tr>
8574
8532
  <td class="with-icons is-vcentered"
8575
8533
  id="base-typographyProfileEmailLinkS"
@@ -8696,27 +8654,6 @@
8696
8654
 
8697
8655
  </td>
8698
8656
  </tr>
8699
- <tr>
8700
- <td class="with-icons is-vcentered"
8701
- id="base-typographyProfileInitialsXs"
8702
- title="theme: base; category: typography; group: profile; name: initials; variant: xs; ">
8703
- typographyProfileInitialsXs
8704
- <a href="#base-typographyProfileInitialsXs"
8705
- title="permalink"
8706
- class="permalink">
8707
- 🔗
8708
- </a>
8709
- </td>
8710
- <td class="is-vcentered">
8711
- <pre>500 10px/150% Sage UI</pre>
8712
- </td>
8713
- <td class="is-vcentered">
8714
- <div class="table__typography-preview">
8715
- n/a
8716
- </div>
8717
-
8718
- </td>
8719
- </tr>
8720
8657
  <tr>
8721
8658
  <td class="with-icons is-vcentered"
8722
8659
  id="base-typographyProfileInitialsS"
@@ -8843,27 +8780,6 @@
8843
8780
 
8844
8781
  </td>
8845
8782
  </tr>
8846
- <tr>
8847
- <td class="with-icons is-vcentered"
8848
- id="base-typographyProfileNameXs"
8849
- title="theme: base; category: typography; group: profile; name: name; variant: xs; ">
8850
- typographyProfileNameXs
8851
- <a href="#base-typographyProfileNameXs"
8852
- title="permalink"
8853
- class="permalink">
8854
- 🔗
8855
- </a>
8856
- </td>
8857
- <td class="is-vcentered">
8858
- <pre>500 13px/100% Sage UI</pre>
8859
- </td>
8860
- <td class="is-vcentered">
8861
- <div class="table__typography-preview">
8862
- n/a
8863
- </div>
8864
-
8865
- </td>
8866
- </tr>
8867
8783
  <tr>
8868
8784
  <td class="with-icons is-vcentered"
8869
8785
  id="base-typographyProfileNameS"
@@ -9053,27 +8969,6 @@
9053
8969
 
9054
8970
  </td>
9055
8971
  </tr>
9056
- <tr>
9057
- <td class="with-icons is-vcentered"
9058
- id="base-typographySearchLabelM"
9059
- title="theme: base; category: typography; group: search; name: label; variant: m; ">
9060
- typographySearchLabelM
9061
- <a href="#base-typographySearchLabelM"
9062
- title="permalink"
9063
- class="permalink">
9064
- 🔗
9065
- </a>
9066
- </td>
9067
- <td class="is-vcentered">
9068
- <pre>400 14px/150% Sage UI</pre>
9069
- </td>
9070
- <td class="is-vcentered">
9071
- <div class="table__typography-preview">
9072
- n/a
9073
- </div>
9074
-
9075
- </td>
9076
- </tr>
9077
8972
  <tr>
9078
8973
  <td class="with-icons is-vcentered"
9079
8974
  id="base-typographySidebarTitleXs"
package/docs/tokens/base/typography/index.html CHANGED
@@ -2028,27 +2028,6 @@
2028
2028
 
2029
2029
  </td>
2030
2030
  </tr>
2031
- <tr>
2032
- <td class="with-icons is-vcentered"
2033
- id="base-typographyProfileEmailTextXs"
2034
- title="theme: base; category: typography; group: profile; name: emailText; variant: xs; ">
2035
- typographyProfileEmailTextXs
2036
- <a href="#base-typographyProfileEmailTextXs"
2037
- title="permalink"
2038
- class="permalink">
2039
- 🔗
2040
- </a>
2041
- </td>
2042
- <td class="is-vcentered">
2043
- <pre>400 12px/100% Sage UI</pre>
2044
- </td>
2045
- <td class="is-vcentered">
2046
- <div class="table__typography-preview">
2047
- n/a
2048
- </div>
2049
-
2050
- </td>
2051
- </tr>
2052
2031
  <tr>
2053
2032
  <td class="with-icons is-vcentered"
2054
2033
  id="base-typographyProfileEmailTextS"
@@ -2175,27 +2154,6 @@
2175
2154
 
2176
2155
  </td>
2177
2156
  </tr>
2178
- <tr>
2179
- <td class="with-icons is-vcentered"
2180
- id="base-typographyProfileEmailLinkXs"
2181
- title="theme: base; category: typography; group: profile; name: emailLink; variant: xs; ">
2182
- typographyProfileEmailLinkXs
2183
- <a href="#base-typographyProfileEmailLinkXs"
2184
- title="permalink"
2185
- class="permalink">
2186
- 🔗
2187
- </a>
2188
- </td>
2189
- <td class="is-vcentered">
2190
- <pre>400 12px/100% Sage UI</pre>
2191
- </td>
2192
- <td class="is-vcentered">
2193
- <div class="table__typography-preview">
2194
- n/a
2195
- </div>
2196
-
2197
- </td>
2198
- </tr>
2199
2157
  <tr>
2200
2158
  <td class="with-icons is-vcentered"
2201
2159
  id="base-typographyProfileEmailLinkS"
@@ -2322,27 +2280,6 @@
2322
2280
 
2323
2281
  </td>
2324
2282
  </tr>
2325
- <tr>
2326
- <td class="with-icons is-vcentered"
2327
- id="base-typographyProfileInitialsXs"
2328
- title="theme: base; category: typography; group: profile; name: initials; variant: xs; ">
2329
- typographyProfileInitialsXs
2330
- <a href="#base-typographyProfileInitialsXs"
2331
- title="permalink"
2332
- class="permalink">
2333
- 🔗
2334
- </a>
2335
- </td>
2336
- <td class="is-vcentered">
2337
- <pre>500 10px/150% Sage UI</pre>
2338
- </td>
2339
- <td class="is-vcentered">
2340
- <div class="table__typography-preview">
2341
- n/a
2342
- </div>
2343
-
2344
- </td>
2345
- </tr>
2346
2283
  <tr>
2347
2284
  <td class="with-icons is-vcentered"
2348
2285
  id="base-typographyProfileInitialsS"
@@ -2469,27 +2406,6 @@
2469
2406
 
2470
2407
  </td>
2471
2408
  </tr>
2472
- <tr>
2473
- <td class="with-icons is-vcentered"
2474
- id="base-typographyProfileNameXs"
2475
- title="theme: base; category: typography; group: profile; name: name; variant: xs; ">
2476
- typographyProfileNameXs
2477
- <a href="#base-typographyProfileNameXs"
2478
- title="permalink"
2479
- class="permalink">
2480
- 🔗
2481
- </a>
2482
- </td>
2483
- <td class="is-vcentered">
2484
- <pre>500 13px/100% Sage UI</pre>
2485
- </td>
2486
- <td class="is-vcentered">
2487
- <div class="table__typography-preview">
2488
- n/a
2489
- </div>
2490
-
2491
- </td>
2492
- </tr>
2493
2409
  <tr>
2494
2410
  <td class="with-icons is-vcentered"
2495
2411
  id="base-typographyProfileNameS"
@@ -2679,27 +2595,6 @@
2679
2595
 
2680
2596
  </td>
2681
2597
  </tr>
2682
- <tr>
2683
- <td class="with-icons is-vcentered"
2684
- id="base-typographySearchLabelM"
2685
- title="theme: base; category: typography; group: search; name: label; variant: m; ">
2686
- typographySearchLabelM
2687
- <a href="#base-typographySearchLabelM"
2688
- title="permalink"
2689
- class="permalink">
2690
- 🔗
2691
- </a>
2692
- </td>
2693
- <td class="is-vcentered">
2694
- <pre>400 14px/150% Sage UI</pre>
2695
- </td>
2696
- <td class="is-vcentered">
2697
- <div class="table__typography-preview">
2698
- n/a
2699
- </div>
2700
-
2701
- </td>
2702
- </tr>
2703
2598
  <tr>
2704
2599
  <td class="with-icons is-vcentered"
2705
2600
  id="base-typographySidebarTitleXs"
package/docs/tokens/index.html CHANGED
@@ -8458,27 +8458,6 @@
8458
8458
 
8459
8459
  </td>
8460
8460
  </tr>
8461
- <tr>
8462
- <td class="with-icons is-vcentered"
8463
- id="base-typographyProfileEmailTextXs"
8464
- title="theme: base; category: typography; group: profile; name: emailText; variant: xs; ">
8465
- typographyProfileEmailTextXs
8466
- <a href="#base-typographyProfileEmailTextXs"
8467
- title="permalink"
8468
- class="permalink">
8469
- 🔗
8470
- </a>
8471
- </td>
8472
- <td class="is-vcentered">
8473
- <pre>400 12px/100% Sage UI</pre>
8474
- </td>
8475
- <td class="is-vcentered">
8476
- <div class="table__typography-preview">
8477
- n/a
8478
- </div>
8479
-
8480
- </td>
8481
- </tr>
8482
8461
  <tr>
8483
8462
  <td class="with-icons is-vcentered"
8484
8463
  id="base-typographyProfileEmailTextS"
@@ -8605,27 +8584,6 @@
8605
8584
 
8606
8585
  </td>
8607
8586
  </tr>
8608
- <tr>
8609
- <td class="with-icons is-vcentered"
8610
- id="base-typographyProfileEmailLinkXs"
8611
- title="theme: base; category: typography; group: profile; name: emailLink; variant: xs; ">
8612
- typographyProfileEmailLinkXs
8613
- <a href="#base-typographyProfileEmailLinkXs"
8614
- title="permalink"
8615
- class="permalink">
8616
- 🔗
8617
- </a>
8618
- </td>
8619
- <td class="is-vcentered">
8620
- <pre>400 12px/100% Sage UI</pre>
8621
- </td>
8622
- <td class="is-vcentered">
8623
- <div class="table__typography-preview">
8624
- n/a
8625
- </div>
8626
-
8627
- </td>
8628
- </tr>
8629
8587
  <tr>
8630
8588
  <td class="with-icons is-vcentered"
8631
8589
  id="base-typographyProfileEmailLinkS"
@@ -8752,27 +8710,6 @@
8752
8710
 
8753
8711
  </td>
8754
8712
  </tr>
8755
- <tr>
8756
- <td class="with-icons is-vcentered"
8757
- id="base-typographyProfileInitialsXs"
8758
- title="theme: base; category: typography; group: profile; name: initials; variant: xs; ">
8759
- typographyProfileInitialsXs
8760
- <a href="#base-typographyProfileInitialsXs"
8761
- title="permalink"
8762
- class="permalink">
8763
- 🔗
8764
- </a>
8765
- </td>
8766
- <td class="is-vcentered">
8767
- <pre>500 10px/150% Sage UI</pre>
8768
- </td>
8769
- <td class="is-vcentered">
8770
- <div class="table__typography-preview">
8771
- n/a
8772
- </div>
8773
-
8774
- </td>
8775
- </tr>
8776
8713
  <tr>
8777
8714
  <td class="with-icons is-vcentered"
8778
8715
  id="base-typographyProfileInitialsS"
@@ -8899,27 +8836,6 @@
8899
8836
 
8900
8837
  </td>
8901
8838
  </tr>
8902
- <tr>
8903
- <td class="with-icons is-vcentered"
8904
- id="base-typographyProfileNameXs"
8905
- title="theme: base; category: typography; group: profile; name: name; variant: xs; ">
8906
- typographyProfileNameXs
8907
- <a href="#base-typographyProfileNameXs"
8908
- title="permalink"
8909
- class="permalink">
8910
- 🔗
8911
- </a>
8912
- </td>
8913
- <td class="is-vcentered">
8914
- <pre>500 13px/100% Sage UI</pre>
8915
- </td>
8916
- <td class="is-vcentered">
8917
- <div class="table__typography-preview">
8918
- n/a
8919
- </div>
8920
-
8921
- </td>
8922
- </tr>
8923
8839
  <tr>
8924
8840
  <td class="with-icons is-vcentered"
8925
8841
  id="base-typographyProfileNameS"
@@ -9109,27 +9025,6 @@
9109
9025
 
9110
9026
  </td>
9111
9027
  </tr>
9112
- <tr>
9113
- <td class="with-icons is-vcentered"
9114
- id="base-typographySearchLabelM"
9115
- title="theme: base; category: typography; group: search; name: label; variant: m; ">
9116
- typographySearchLabelM
9117
- <a href="#base-typographySearchLabelM"
9118
- title="permalink"
9119
- class="permalink">
9120
- 🔗
9121
- </a>
9122
- </td>
9123
- <td class="is-vcentered">
9124
- <pre>400 14px/150% Sage UI</pre>
9125
- </td>
9126
- <td class="is-vcentered">
9127
- <div class="table__typography-preview">
9128
- n/a
9129
- </div>
9130
-
9131
- </td>
9132
- </tr>
9133
9028
  <tr>
9134
9029
  <td class="with-icons is-vcentered"
9135
9030
  id="base-typographySidebarTitleXs"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Thu, 23 Jun 2022 13:20:34 GMT
7
+ // Generated on Thu, 23 Jun 2022 13:32:07 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -390,28 +390,24 @@
390
390
  #define typographyPillLabelM Medium 12px/150% Sage UI
391
391
  #define typographyPillLabelL Medium 14px/150% Sage UI
392
392
  #define typographyPillLabelXl Medium 16px/150% Sage UI
393
- #define typographyProfileEmailTextXs Regular 12px/100% Sage UI
394
393
  #define typographyProfileEmailTextS Regular 14px/100% Sage UI
395
394
  #define typographyProfileEmailTextM Regular 14px/125% Sage UI
396
395
  #define typographyProfileEmailTextMl Regular 14px/125% Sage UI
397
396
  #define typographyProfileEmailTextL Regular 14px/125% Sage UI
398
397
  #define typographyProfileEmailTextXl Regular 18px/125% Sage UI
399
398
  #define typographyProfileEmailTextXxl Regular 24px/125% Sage UI
400
- #define typographyProfileEmailLinkXs Regular 12px/100% Sage UI
401
399
  #define typographyProfileEmailLinkS Regular 14px/100% Sage UI
402
400
  #define typographyProfileEmailLinkM Regular 14px/125% Sage UI
403
401
  #define typographyProfileEmailLinkMl Regular 14px/125% Sage UI
404
402
  #define typographyProfileEmailLinkL Regular 14px/125% Sage UI
405
403
  #define typographyProfileEmailLinkXl Regular 18px/125% Sage UI
406
404
  #define typographyProfileEmailLinkXxl Regular 24px/125% Sage UI
407
- #define typographyProfileInitialsXs Medium 10px/150% Sage UI
408
405
  #define typographyProfileInitialsS Medium 14px/150% Sage UI
409
406
  #define typographyProfileInitialsM Medium 18px/150% Sage UI
410
407
  #define typographyProfileInitialsMl Medium 24px/150% Sage UI
411
408
  #define typographyProfileInitialsL Medium 32px/150% Sage UI
412
409
  #define typographyProfileInitialsXl Medium 48px/150% Sage UI
413
410
  #define typographyProfileInitialsXxl Medium 56px/150% Sage UI
414
- #define typographyProfileNameXs Medium 13px/100% Sage UI
415
411
  #define typographyProfileNameS Medium 14px/100% Sage UI
416
412
  #define typographyProfileNameM Medium 14px/125% Sage UI
417
413
  #define typographyProfileNameMl Medium 16px/125% Sage UI
@@ -421,7 +417,6 @@
421
417
  #define typographyProgressTrackerValueLabelS Medium 14px/150% Sage UI
422
418
  #define typographyProgressTrackerValueLabelM Medium 14px/150% Sage UI
423
419
  #define typographyProgressTrackerValueLabelL Medium 14px/150% Sage UI
424
- #define typographySearchLabelM Regular 14px/150% Sage UI
425
420
  #define typographySidebarTitleXs Bold 20px/125% Sage UI
426
421
  #define typographySidebarTitleS Bold 20px/125% Sage UI
427
422
  #define typographySidebarTitleMs Bold 20px/125% Sage UI
package/js/base/common.d.ts CHANGED
@@ -378,28 +378,24 @@ export const typographyPillLabelS: string;
378
378
  export const typographyPillLabelM: string;
379
379
  export const typographyPillLabelL: string;
380
380
  export const typographyPillLabelXl: string;
381
- export const typographyProfileEmailTextXs: string;
382
381
  export const typographyProfileEmailTextS: string;
383
382
  export const typographyProfileEmailTextM: string;
384
383
  export const typographyProfileEmailTextMl: string;
385
384
  export const typographyProfileEmailTextL: string;
386
385
  export const typographyProfileEmailTextXl: string;
387
386
  export const typographyProfileEmailTextXxl: string;
388
- export const typographyProfileEmailLinkXs: string;
389
387
  export const typographyProfileEmailLinkS: string;
390
388
  export const typographyProfileEmailLinkM: string;
391
389
  export const typographyProfileEmailLinkMl: string;
392
390
  export const typographyProfileEmailLinkL: string;
393
391
  export const typographyProfileEmailLinkXl: string;
394
392
  export const typographyProfileEmailLinkXxl: string;
395
- export const typographyProfileInitialsXs: string;
396
393
  export const typographyProfileInitialsS: string;
397
394
  export const typographyProfileInitialsM: string;
398
395
  export const typographyProfileInitialsMl: string;
399
396
  export const typographyProfileInitialsL: string;
400
397
  export const typographyProfileInitialsXl: string;
401
398
  export const typographyProfileInitialsXxl: string;
402
- export const typographyProfileNameXs: string;
403
399
  export const typographyProfileNameS: string;
404
400
  export const typographyProfileNameM: string;
405
401
  export const typographyProfileNameMl: string;
@@ -409,7 +405,6 @@ export const typographyProfileNameXxl: string;
409
405
  export const typographyProgressTrackerValueLabelS: string;
410
406
  export const typographyProgressTrackerValueLabelM: string;
411
407
  export const typographyProgressTrackerValueLabelL: string;
412
- export const typographySearchLabelM: string;
413
408
  export const typographySidebarTitleXs: string;
414
409
  export const typographySidebarTitleS: string;
415
410
  export const typographySidebarTitleMs: 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 Thu, 23 Jun 2022 13:20:34 GMT
7
+ * Generated on Thu, 23 Jun 2022 13:32:07 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -388,28 +388,24 @@ module.exports = {
388
388
  typographyPillLabelM: '500 12px/150% Sage UI',
389
389
  typographyPillLabelL: '500 14px/150% Sage UI',
390
390
  typographyPillLabelXl: '500 16px/150% Sage UI',
391
- typographyProfileEmailTextXs: '400 12px/100% Sage UI',
392
391
  typographyProfileEmailTextS: '400 14px/100% Sage UI',
393
392
  typographyProfileEmailTextM: '400 14px/125% Sage UI',
394
393
  typographyProfileEmailTextMl: '400 14px/125% Sage UI',
395
394
  typographyProfileEmailTextL: '400 14px/125% Sage UI',
396
395
  typographyProfileEmailTextXl: '400 18px/125% Sage UI',
397
396
  typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
398
- typographyProfileEmailLinkXs: '400 12px/100% Sage UI',
399
397
  typographyProfileEmailLinkS: '400 14px/100% Sage UI',
400
398
  typographyProfileEmailLinkM: '400 14px/125% Sage UI',
401
399
  typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
402
400
  typographyProfileEmailLinkL: '400 14px/125% Sage UI',
403
401
  typographyProfileEmailLinkXl: '400 18px/125% Sage UI',
404
402
  typographyProfileEmailLinkXxl: '400 24px/125% Sage UI',
405
- typographyProfileInitialsXs: '500 10px/150% Sage UI',
406
403
  typographyProfileInitialsS: '500 14px/150% Sage UI',
407
404
  typographyProfileInitialsM: '500 18px/150% Sage UI',
408
405
  typographyProfileInitialsMl: '500 24px/150% Sage UI',
409
406
  typographyProfileInitialsL: '500 32px/150% Sage UI',
410
407
  typographyProfileInitialsXl: '500 48px/150% Sage UI',
411
408
  typographyProfileInitialsXxl: '500 56px/150% Sage UI',
412
- typographyProfileNameXs: '500 13px/100% Sage UI',
413
409
  typographyProfileNameS: '500 14px/100% Sage UI',
414
410
  typographyProfileNameM: '500 14px/125% Sage UI',
415
411
  typographyProfileNameMl: '500 16px/125% Sage UI',
@@ -419,7 +415,6 @@ module.exports = {
419
415
  typographyProgressTrackerValueLabelS: '500 14px/150% Sage UI',
420
416
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
421
417
  typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
422
- typographySearchLabelM: '400 14px/150% Sage UI',
423
418
  typographySidebarTitleXs: '700 20px/125% Sage UI',
424
419
  typographySidebarTitleS: '700 20px/125% Sage UI',
425
420
  typographySidebarTitleMs: '700 20px/125% Sage UI',
package/js/base/es6.d.ts CHANGED
@@ -379,28 +379,24 @@ declare namespace _default {
379
379
  const typographyPillLabelM: string;
380
380
  const typographyPillLabelL: string;
381
381
  const typographyPillLabelXl: string;
382
- const typographyProfileEmailTextXs: string;
383
382
  const typographyProfileEmailTextS: string;
384
383
  const typographyProfileEmailTextM: string;
385
384
  const typographyProfileEmailTextMl: string;
386
385
  const typographyProfileEmailTextL: string;
387
386
  const typographyProfileEmailTextXl: string;
388
387
  const typographyProfileEmailTextXxl: string;
389
- const typographyProfileEmailLinkXs: string;
390
388
  const typographyProfileEmailLinkS: string;
391
389
  const typographyProfileEmailLinkM: string;
392
390
  const typographyProfileEmailLinkMl: string;
393
391
  const typographyProfileEmailLinkL: string;
394
392
  const typographyProfileEmailLinkXl: string;
395
393
  const typographyProfileEmailLinkXxl: string;
396
- const typographyProfileInitialsXs: string;
397
394
  const typographyProfileInitialsS: string;
398
395
  const typographyProfileInitialsM: string;
399
396
  const typographyProfileInitialsMl: string;
400
397
  const typographyProfileInitialsL: string;
401
398
  const typographyProfileInitialsXl: string;
402
399
  const typographyProfileInitialsXxl: string;
403
- const typographyProfileNameXs: string;
404
400
  const typographyProfileNameS: string;
405
401
  const typographyProfileNameM: string;
406
402
  const typographyProfileNameMl: string;
@@ -410,7 +406,6 @@ declare namespace _default {
410
406
  const typographyProgressTrackerValueLabelS: string;
411
407
  const typographyProgressTrackerValueLabelM: string;
412
408
  const typographyProgressTrackerValueLabelL: string;
413
- const typographySearchLabelM: string;
414
409
  const typographySidebarTitleXs: string;
415
410
  const typographySidebarTitleS: string;
416
411
  const typographySidebarTitleMs: string;
package/js/base/es6.js CHANGED
@@ -383,28 +383,24 @@ export default {
383
383
  typographyPillLabelM: '500 12px/150% Sage UI',
384
384
  typographyPillLabelL: '500 14px/150% Sage UI',
385
385
  typographyPillLabelXl: '500 16px/150% Sage UI',
386
- typographyProfileEmailTextXs: '400 12px/100% Sage UI',
387
386
  typographyProfileEmailTextS: '400 14px/100% Sage UI',
388
387
  typographyProfileEmailTextM: '400 14px/125% Sage UI',
389
388
  typographyProfileEmailTextMl: '400 14px/125% Sage UI',
390
389
  typographyProfileEmailTextL: '400 14px/125% Sage UI',
391
390
  typographyProfileEmailTextXl: '400 18px/125% Sage UI',
392
391
  typographyProfileEmailTextXxl: '400 24px/125% Sage UI',
393
- typographyProfileEmailLinkXs: '400 12px/100% Sage UI',
394
392
  typographyProfileEmailLinkS: '400 14px/100% Sage UI',
395
393
  typographyProfileEmailLinkM: '400 14px/125% Sage UI',
396
394
  typographyProfileEmailLinkMl: '400 14px/125% Sage UI',
397
395
  typographyProfileEmailLinkL: '400 14px/125% Sage UI',
398
396
  typographyProfileEmailLinkXl: '400 18px/125% Sage UI',
399
397
  typographyProfileEmailLinkXxl: '400 24px/125% Sage UI',
400
- typographyProfileInitialsXs: '500 10px/150% Sage UI',
401
398
  typographyProfileInitialsS: '500 14px/150% Sage UI',
402
399
  typographyProfileInitialsM: '500 18px/150% Sage UI',
403
400
  typographyProfileInitialsMl: '500 24px/150% Sage UI',
404
401
  typographyProfileInitialsL: '500 32px/150% Sage UI',
405
402
  typographyProfileInitialsXl: '500 48px/150% Sage UI',
406
403
  typographyProfileInitialsXxl: '500 56px/150% Sage UI',
407
- typographyProfileNameXs: '500 13px/100% Sage UI',
408
404
  typographyProfileNameS: '500 14px/100% Sage UI',
409
405
  typographyProfileNameM: '500 14px/125% Sage UI',
410
406
  typographyProfileNameMl: '500 16px/125% Sage UI',
@@ -414,7 +410,6 @@ export default {
414
410
  typographyProgressTrackerValueLabelS: '500 14px/150% Sage UI',
415
411
  typographyProgressTrackerValueLabelM: '500 14px/150% Sage UI',
416
412
  typographyProgressTrackerValueLabelL: '500 14px/150% Sage UI',
417
- typographySearchLabelM: '400 14px/150% Sage UI',
418
413
  typographySidebarTitleXs: '700 20px/125% Sage UI',
419
414
  typographySidebarTitleS: '700 20px/125% Sage UI',
420
415
  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.35.0",
13
+ "version": "2.36.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.36.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 Thu, 23 Jun 2022 13:20:34 GMT
7
+ // Generated on Thu, 23 Jun 2022 13:32:07 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -386,28 +386,24 @@ $typographyPillLabelS: 500 10px/150% Sage UI;
386
386
  $typographyPillLabelM: 500 12px/150% Sage UI;
387
387
  $typographyPillLabelL: 500 14px/150% Sage UI;
388
388
  $typographyPillLabelXl: 500 16px/150% Sage UI;
389
- $typographyProfileEmailTextXs: 400 12px/100% Sage UI;
390
389
  $typographyProfileEmailTextS: 400 14px/100% Sage UI;
391
390
  $typographyProfileEmailTextM: 400 14px/125% Sage UI;
392
391
  $typographyProfileEmailTextMl: 400 14px/125% Sage UI;
393
392
  $typographyProfileEmailTextL: 400 14px/125% Sage UI;
394
393
  $typographyProfileEmailTextXl: 400 18px/125% Sage UI;
395
394
  $typographyProfileEmailTextXxl: 400 24px/125% Sage UI;
396
- $typographyProfileEmailLinkXs: 400 12px/100% Sage UI;
397
395
  $typographyProfileEmailLinkS: 400 14px/100% Sage UI;
398
396
  $typographyProfileEmailLinkM: 400 14px/125% Sage UI;
399
397
  $typographyProfileEmailLinkMl: 400 14px/125% Sage UI;
400
398
  $typographyProfileEmailLinkL: 400 14px/125% Sage UI;
401
399
  $typographyProfileEmailLinkXl: 400 18px/125% Sage UI;
402
400
  $typographyProfileEmailLinkXxl: 400 24px/125% Sage UI;
403
- $typographyProfileInitialsXs: 500 10px/150% Sage UI;
404
401
  $typographyProfileInitialsS: 500 14px/150% Sage UI;
405
402
  $typographyProfileInitialsM: 500 18px/150% Sage UI;
406
403
  $typographyProfileInitialsMl: 500 24px/150% Sage UI;
407
404
  $typographyProfileInitialsL: 500 32px/150% Sage UI;
408
405
  $typographyProfileInitialsXl: 500 48px/150% Sage UI;
409
406
  $typographyProfileInitialsXxl: 500 56px/150% Sage UI;
410
- $typographyProfileNameXs: 500 13px/100% Sage UI;
411
407
  $typographyProfileNameS: 500 14px/100% Sage UI;
412
408
  $typographyProfileNameM: 500 14px/125% Sage UI;
413
409
  $typographyProfileNameMl: 500 16px/125% Sage UI;
@@ -417,7 +413,6 @@ $typographyProfileNameXxl: 500 32px/125% Sage UI;
417
413
  $typographyProgressTrackerValueLabelS: 500 14px/150% Sage UI;
418
414
  $typographyProgressTrackerValueLabelM: 500 14px/150% Sage UI;
419
415
  $typographyProgressTrackerValueLabelL: 500 14px/150% Sage UI;
420
- $typographySearchLabelM: 400 14px/150% Sage UI;
421
416
  $typographySidebarTitleXs: 700 20px/125% Sage UI;
422
417
  $typographySidebarTitleS: 700 20px/125% Sage UI;
423
418
  $typographySidebarTitleMs: 700 20px/125% Sage UI;
package/sage-design-tokens-2.35.0.tgz DELETED
Binary file