@sage/design-tokens 2.20.0 → 2.23.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 (16) hide show
  1. package/android/base.xml +15 -4
  2. package/css/base.css +15 -4
  3. package/data/tokens.json +149 -9
  4. package/docs/tokens/base/colors/index.html +21 -0
  5. package/docs/tokens/base/index.html +234 -3
  6. package/docs/tokens/base/typography/index.html +213 -3
  7. package/docs/tokens/index.html +234 -3
  8. package/ios/base.h +15 -4
  9. package/js/base/common.d.ts +11 -0
  10. package/js/base/common.js +15 -4
  11. package/js/base/es6.d.ts +11 -0
  12. package/js/base/es6.js +14 -3
  13. package/package.json +1 -1
  14. package/sage-design-tokens-2.23.0.tgz +0 -0
  15. package/scss/base.scss +15 -4
  16. package/sage-design-tokens-2.20.0.tgz +0 -0
package/docs/tokens/base/typography/index.html CHANGED
@@ -423,7 +423,7 @@
423
423
  </a>
424
424
  </td>
425
425
  <td class="is-vcentered">
426
- <pre>700 14px/150% Sage UI</pre>
426
+ <pre>500 14px/150% Sage UI</pre>
427
427
  </td>
428
428
  <td class="is-vcentered">
429
429
  <div class="table__typography-preview">
@@ -444,7 +444,7 @@
444
444
  </a>
445
445
  </td>
446
446
  <td class="is-vcentered">
447
- <pre>700 14px/150% Sage UI</pre>
447
+ <pre>500 14px/150% Sage UI</pre>
448
448
  </td>
449
449
  <td class="is-vcentered">
450
450
  <div class="table__typography-preview">
@@ -465,7 +465,7 @@
465
465
  </a>
466
466
  </td>
467
467
  <td class="is-vcentered">
468
- <pre>700 16px/150% Sage UI</pre>
468
+ <pre>500 16px/150% Sage UI</pre>
469
469
  </td>
470
470
  <td class="is-vcentered">
471
471
  <div class="table__typography-preview">
@@ -2700,6 +2700,27 @@
2700
2700
 
2701
2701
  </td>
2702
2702
  </tr>
2703
+ <tr>
2704
+ <td class="with-icons is-vcentered"
2705
+ id="base-typographySidebarTitleXs"
2706
+ title="theme: base; category: typography; group: sidebar; name: title; variant: xs; ">
2707
+ typographySidebarTitleXs
2708
+ <a href="#base-typographySidebarTitleXs"
2709
+ title="permalink"
2710
+ class="permalink">
2711
+ 🔗
2712
+ </a>
2713
+ </td>
2714
+ <td class="is-vcentered">
2715
+ <pre>700 20px/125% Sage UI</pre>
2716
+ </td>
2717
+ <td class="is-vcentered">
2718
+ <div class="table__typography-preview">
2719
+ n/a
2720
+ </div>
2721
+
2722
+ </td>
2723
+ </tr>
2703
2724
  <tr>
2704
2725
  <td class="with-icons is-vcentered"
2705
2726
  id="base-typographySidebarTitleS"
@@ -2721,6 +2742,27 @@
2721
2742
 
2722
2743
  </td>
2723
2744
  </tr>
2745
+ <tr>
2746
+ <td class="with-icons is-vcentered"
2747
+ id="base-typographySidebarTitleMs"
2748
+ title="theme: base; category: typography; group: sidebar; name: title; variant: ms; ">
2749
+ typographySidebarTitleMs
2750
+ <a href="#base-typographySidebarTitleMs"
2751
+ title="permalink"
2752
+ class="permalink">
2753
+ 🔗
2754
+ </a>
2755
+ </td>
2756
+ <td class="is-vcentered">
2757
+ <pre>700 20px/125% Sage UI</pre>
2758
+ </td>
2759
+ <td class="is-vcentered">
2760
+ <div class="table__typography-preview">
2761
+ n/a
2762
+ </div>
2763
+
2764
+ </td>
2765
+ </tr>
2724
2766
  <tr>
2725
2767
  <td class="with-icons is-vcentered"
2726
2768
  id="base-typographySidebarTitleM"
@@ -2742,6 +2784,27 @@
2742
2784
 
2743
2785
  </td>
2744
2786
  </tr>
2787
+ <tr>
2788
+ <td class="with-icons is-vcentered"
2789
+ id="base-typographySidebarTitleMl"
2790
+ title="theme: base; category: typography; group: sidebar; name: title; variant: ml; ">
2791
+ typographySidebarTitleMl
2792
+ <a href="#base-typographySidebarTitleMl"
2793
+ title="permalink"
2794
+ class="permalink">
2795
+ 🔗
2796
+ </a>
2797
+ </td>
2798
+ <td class="is-vcentered">
2799
+ <pre>700 20px/125% Sage UI</pre>
2800
+ </td>
2801
+ <td class="is-vcentered">
2802
+ <div class="table__typography-preview">
2803
+ n/a
2804
+ </div>
2805
+
2806
+ </td>
2807
+ </tr>
2745
2808
  <tr>
2746
2809
  <td class="with-icons is-vcentered"
2747
2810
  id="base-typographySidebarTitleL"
@@ -2763,6 +2826,90 @@
2763
2826
 
2764
2827
  </td>
2765
2828
  </tr>
2829
+ <tr>
2830
+ <td class="with-icons is-vcentered"
2831
+ id="base-typographySidebarTitleXl"
2832
+ title="theme: base; category: typography; group: sidebar; name: title; variant: xl; ">
2833
+ typographySidebarTitleXl
2834
+ <a href="#base-typographySidebarTitleXl"
2835
+ title="permalink"
2836
+ class="permalink">
2837
+ 🔗
2838
+ </a>
2839
+ </td>
2840
+ <td class="is-vcentered">
2841
+ <pre>700 20px/125% Sage UI</pre>
2842
+ </td>
2843
+ <td class="is-vcentered">
2844
+ <div class="table__typography-preview">
2845
+ n/a
2846
+ </div>
2847
+
2848
+ </td>
2849
+ </tr>
2850
+ <tr>
2851
+ <td class="with-icons is-vcentered"
2852
+ id="base-typographySidebarParagraphXs"
2853
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xs; ">
2854
+ typographySidebarParagraphXs
2855
+ <a href="#base-typographySidebarParagraphXs"
2856
+ title="permalink"
2857
+ class="permalink">
2858
+ 🔗
2859
+ </a>
2860
+ </td>
2861
+ <td class="is-vcentered">
2862
+ <pre>0 none</pre>
2863
+ </td>
2864
+ <td class="is-vcentered">
2865
+ <div class="table__typography-preview">
2866
+ n/a
2867
+ </div>
2868
+
2869
+ </td>
2870
+ </tr>
2871
+ <tr>
2872
+ <td class="with-icons is-vcentered"
2873
+ id="base-typographySidebarParagraphS"
2874
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: s; ">
2875
+ typographySidebarParagraphS
2876
+ <a href="#base-typographySidebarParagraphS"
2877
+ title="permalink"
2878
+ class="permalink">
2879
+ 🔗
2880
+ </a>
2881
+ </td>
2882
+ <td class="is-vcentered">
2883
+ <pre>0 none</pre>
2884
+ </td>
2885
+ <td class="is-vcentered">
2886
+ <div class="table__typography-preview">
2887
+ n/a
2888
+ </div>
2889
+
2890
+ </td>
2891
+ </tr>
2892
+ <tr>
2893
+ <td class="with-icons is-vcentered"
2894
+ id="base-typographySidebarParagraphMs"
2895
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ms; ">
2896
+ typographySidebarParagraphMs
2897
+ <a href="#base-typographySidebarParagraphMs"
2898
+ title="permalink"
2899
+ class="permalink">
2900
+ 🔗
2901
+ </a>
2902
+ </td>
2903
+ <td class="is-vcentered">
2904
+ <pre>0 none</pre>
2905
+ </td>
2906
+ <td class="is-vcentered">
2907
+ <div class="table__typography-preview">
2908
+ n/a
2909
+ </div>
2910
+
2911
+ </td>
2912
+ </tr>
2766
2913
  <tr>
2767
2914
  <td class="with-icons is-vcentered"
2768
2915
  id="base-typographySidebarParagraphM"
@@ -2784,6 +2931,69 @@
2784
2931
 
2785
2932
  </td>
2786
2933
  </tr>
2934
+ <tr>
2935
+ <td class="with-icons is-vcentered"
2936
+ id="base-typographySidebarParagraphMl"
2937
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ml; ">
2938
+ typographySidebarParagraphMl
2939
+ <a href="#base-typographySidebarParagraphMl"
2940
+ title="permalink"
2941
+ class="permalink">
2942
+ 🔗
2943
+ </a>
2944
+ </td>
2945
+ <td class="is-vcentered">
2946
+ <pre>0 none</pre>
2947
+ </td>
2948
+ <td class="is-vcentered">
2949
+ <div class="table__typography-preview">
2950
+ n/a
2951
+ </div>
2952
+
2953
+ </td>
2954
+ </tr>
2955
+ <tr>
2956
+ <td class="with-icons is-vcentered"
2957
+ id="base-typographySidebarParagraphL"
2958
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: l; ">
2959
+ typographySidebarParagraphL
2960
+ <a href="#base-typographySidebarParagraphL"
2961
+ title="permalink"
2962
+ class="permalink">
2963
+ 🔗
2964
+ </a>
2965
+ </td>
2966
+ <td class="is-vcentered">
2967
+ <pre>0 none</pre>
2968
+ </td>
2969
+ <td class="is-vcentered">
2970
+ <div class="table__typography-preview">
2971
+ n/a
2972
+ </div>
2973
+
2974
+ </td>
2975
+ </tr>
2976
+ <tr>
2977
+ <td class="with-icons is-vcentered"
2978
+ id="base-typographySidebarParagraphXl"
2979
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xl; ">
2980
+ typographySidebarParagraphXl
2981
+ <a href="#base-typographySidebarParagraphXl"
2982
+ title="permalink"
2983
+ class="permalink">
2984
+ 🔗
2985
+ </a>
2986
+ </td>
2987
+ <td class="is-vcentered">
2988
+ <pre>0 none</pre>
2989
+ </td>
2990
+ <td class="is-vcentered">
2991
+ <div class="table__typography-preview">
2992
+ n/a
2993
+ </div>
2994
+
2995
+ </td>
2996
+ </tr>
2787
2997
  <tr>
2788
2998
  <td class="with-icons is-vcentered"
2789
2999
  id="base-typographyStepFlowCompleteLabelM"
package/docs/tokens/index.html CHANGED
@@ -2303,6 +2303,27 @@
2303
2303
 
2304
2304
  </td>
2305
2305
  </tr>
2306
+ <tr>
2307
+ <td class="with-icons is-vcentered"
2308
+ id="base-colorsComponentsMenuTransparent"
2309
+ title="theme: base; category: colors; group: components; name: menu; variant: transparent; ">
2310
+ colorsComponentsMenuTransparent
2311
+ <a href="#base-colorsComponentsMenuTransparent"
2312
+ title="permalink"
2313
+ class="permalink">
2314
+ 🔗
2315
+ </a>
2316
+ </td>
2317
+ <td class="is-vcentered">
2318
+ <pre>#00000000</pre>
2319
+ </td>
2320
+ <td class="is-vcentered">
2321
+ <div class="table__color-preview"
2322
+ style="background-color: #00000000;">
2323
+ </div>
2324
+
2325
+ </td>
2326
+ </tr>
2306
2327
  <tr>
2307
2328
  <td class="with-icons is-vcentered"
2308
2329
  id="base-colorsUtilityMajor100"
@@ -6769,7 +6790,7 @@
6769
6790
  </a>
6770
6791
  </td>
6771
6792
  <td class="is-vcentered">
6772
- <pre>700 14px/150% Sage UI</pre>
6793
+ <pre>500 14px/150% Sage UI</pre>
6773
6794
  </td>
6774
6795
  <td class="is-vcentered">
6775
6796
  <div class="table__typography-preview">
@@ -6790,7 +6811,7 @@
6790
6811
  </a>
6791
6812
  </td>
6792
6813
  <td class="is-vcentered">
6793
- <pre>700 14px/150% Sage UI</pre>
6814
+ <pre>500 14px/150% Sage UI</pre>
6794
6815
  </td>
6795
6816
  <td class="is-vcentered">
6796
6817
  <div class="table__typography-preview">
@@ -6811,7 +6832,7 @@
6811
6832
  </a>
6812
6833
  </td>
6813
6834
  <td class="is-vcentered">
6814
- <pre>700 16px/150% Sage UI</pre>
6835
+ <pre>500 16px/150% Sage UI</pre>
6815
6836
  </td>
6816
6837
  <td class="is-vcentered">
6817
6838
  <div class="table__typography-preview">
@@ -9046,6 +9067,27 @@
9046
9067
 
9047
9068
  </td>
9048
9069
  </tr>
9070
+ <tr>
9071
+ <td class="with-icons is-vcentered"
9072
+ id="base-typographySidebarTitleXs"
9073
+ title="theme: base; category: typography; group: sidebar; name: title; variant: xs; ">
9074
+ typographySidebarTitleXs
9075
+ <a href="#base-typographySidebarTitleXs"
9076
+ title="permalink"
9077
+ class="permalink">
9078
+ 🔗
9079
+ </a>
9080
+ </td>
9081
+ <td class="is-vcentered">
9082
+ <pre>700 20px/125% Sage UI</pre>
9083
+ </td>
9084
+ <td class="is-vcentered">
9085
+ <div class="table__typography-preview">
9086
+ n/a
9087
+ </div>
9088
+
9089
+ </td>
9090
+ </tr>
9049
9091
  <tr>
9050
9092
  <td class="with-icons is-vcentered"
9051
9093
  id="base-typographySidebarTitleS"
@@ -9067,6 +9109,27 @@
9067
9109
 
9068
9110
  </td>
9069
9111
  </tr>
9112
+ <tr>
9113
+ <td class="with-icons is-vcentered"
9114
+ id="base-typographySidebarTitleMs"
9115
+ title="theme: base; category: typography; group: sidebar; name: title; variant: ms; ">
9116
+ typographySidebarTitleMs
9117
+ <a href="#base-typographySidebarTitleMs"
9118
+ title="permalink"
9119
+ class="permalink">
9120
+ 🔗
9121
+ </a>
9122
+ </td>
9123
+ <td class="is-vcentered">
9124
+ <pre>700 20px/125% 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>
9070
9133
  <tr>
9071
9134
  <td class="with-icons is-vcentered"
9072
9135
  id="base-typographySidebarTitleM"
@@ -9088,6 +9151,27 @@
9088
9151
 
9089
9152
  </td>
9090
9153
  </tr>
9154
+ <tr>
9155
+ <td class="with-icons is-vcentered"
9156
+ id="base-typographySidebarTitleMl"
9157
+ title="theme: base; category: typography; group: sidebar; name: title; variant: ml; ">
9158
+ typographySidebarTitleMl
9159
+ <a href="#base-typographySidebarTitleMl"
9160
+ title="permalink"
9161
+ class="permalink">
9162
+ 🔗
9163
+ </a>
9164
+ </td>
9165
+ <td class="is-vcentered">
9166
+ <pre>700 20px/125% Sage UI</pre>
9167
+ </td>
9168
+ <td class="is-vcentered">
9169
+ <div class="table__typography-preview">
9170
+ n/a
9171
+ </div>
9172
+
9173
+ </td>
9174
+ </tr>
9091
9175
  <tr>
9092
9176
  <td class="with-icons is-vcentered"
9093
9177
  id="base-typographySidebarTitleL"
@@ -9109,6 +9193,90 @@
9109
9193
 
9110
9194
  </td>
9111
9195
  </tr>
9196
+ <tr>
9197
+ <td class="with-icons is-vcentered"
9198
+ id="base-typographySidebarTitleXl"
9199
+ title="theme: base; category: typography; group: sidebar; name: title; variant: xl; ">
9200
+ typographySidebarTitleXl
9201
+ <a href="#base-typographySidebarTitleXl"
9202
+ title="permalink"
9203
+ class="permalink">
9204
+ 🔗
9205
+ </a>
9206
+ </td>
9207
+ <td class="is-vcentered">
9208
+ <pre>700 20px/125% Sage UI</pre>
9209
+ </td>
9210
+ <td class="is-vcentered">
9211
+ <div class="table__typography-preview">
9212
+ n/a
9213
+ </div>
9214
+
9215
+ </td>
9216
+ </tr>
9217
+ <tr>
9218
+ <td class="with-icons is-vcentered"
9219
+ id="base-typographySidebarParagraphXs"
9220
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xs; ">
9221
+ typographySidebarParagraphXs
9222
+ <a href="#base-typographySidebarParagraphXs"
9223
+ title="permalink"
9224
+ class="permalink">
9225
+ 🔗
9226
+ </a>
9227
+ </td>
9228
+ <td class="is-vcentered">
9229
+ <pre>0 none</pre>
9230
+ </td>
9231
+ <td class="is-vcentered">
9232
+ <div class="table__typography-preview">
9233
+ n/a
9234
+ </div>
9235
+
9236
+ </td>
9237
+ </tr>
9238
+ <tr>
9239
+ <td class="with-icons is-vcentered"
9240
+ id="base-typographySidebarParagraphS"
9241
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: s; ">
9242
+ typographySidebarParagraphS
9243
+ <a href="#base-typographySidebarParagraphS"
9244
+ title="permalink"
9245
+ class="permalink">
9246
+ 🔗
9247
+ </a>
9248
+ </td>
9249
+ <td class="is-vcentered">
9250
+ <pre>0 none</pre>
9251
+ </td>
9252
+ <td class="is-vcentered">
9253
+ <div class="table__typography-preview">
9254
+ n/a
9255
+ </div>
9256
+
9257
+ </td>
9258
+ </tr>
9259
+ <tr>
9260
+ <td class="with-icons is-vcentered"
9261
+ id="base-typographySidebarParagraphMs"
9262
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ms; ">
9263
+ typographySidebarParagraphMs
9264
+ <a href="#base-typographySidebarParagraphMs"
9265
+ title="permalink"
9266
+ class="permalink">
9267
+ 🔗
9268
+ </a>
9269
+ </td>
9270
+ <td class="is-vcentered">
9271
+ <pre>0 none</pre>
9272
+ </td>
9273
+ <td class="is-vcentered">
9274
+ <div class="table__typography-preview">
9275
+ n/a
9276
+ </div>
9277
+
9278
+ </td>
9279
+ </tr>
9112
9280
  <tr>
9113
9281
  <td class="with-icons is-vcentered"
9114
9282
  id="base-typographySidebarParagraphM"
@@ -9130,6 +9298,69 @@
9130
9298
 
9131
9299
  </td>
9132
9300
  </tr>
9301
+ <tr>
9302
+ <td class="with-icons is-vcentered"
9303
+ id="base-typographySidebarParagraphMl"
9304
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: ml; ">
9305
+ typographySidebarParagraphMl
9306
+ <a href="#base-typographySidebarParagraphMl"
9307
+ title="permalink"
9308
+ class="permalink">
9309
+ 🔗
9310
+ </a>
9311
+ </td>
9312
+ <td class="is-vcentered">
9313
+ <pre>0 none</pre>
9314
+ </td>
9315
+ <td class="is-vcentered">
9316
+ <div class="table__typography-preview">
9317
+ n/a
9318
+ </div>
9319
+
9320
+ </td>
9321
+ </tr>
9322
+ <tr>
9323
+ <td class="with-icons is-vcentered"
9324
+ id="base-typographySidebarParagraphL"
9325
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: l; ">
9326
+ typographySidebarParagraphL
9327
+ <a href="#base-typographySidebarParagraphL"
9328
+ title="permalink"
9329
+ class="permalink">
9330
+ 🔗
9331
+ </a>
9332
+ </td>
9333
+ <td class="is-vcentered">
9334
+ <pre>0 none</pre>
9335
+ </td>
9336
+ <td class="is-vcentered">
9337
+ <div class="table__typography-preview">
9338
+ n/a
9339
+ </div>
9340
+
9341
+ </td>
9342
+ </tr>
9343
+ <tr>
9344
+ <td class="with-icons is-vcentered"
9345
+ id="base-typographySidebarParagraphXl"
9346
+ title="theme: base; category: typography; group: sidebar; name: paragraph; variant: xl; ">
9347
+ typographySidebarParagraphXl
9348
+ <a href="#base-typographySidebarParagraphXl"
9349
+ title="permalink"
9350
+ class="permalink">
9351
+ 🔗
9352
+ </a>
9353
+ </td>
9354
+ <td class="is-vcentered">
9355
+ <pre>0 none</pre>
9356
+ </td>
9357
+ <td class="is-vcentered">
9358
+ <div class="table__typography-preview">
9359
+ n/a
9360
+ </div>
9361
+
9362
+ </td>
9363
+ </tr>
9133
9364
  <tr>
9134
9365
  <td class="with-icons is-vcentered"
9135
9366
  id="base-typographyStepFlowCompleteLabelM"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Wed, 13 Apr 2022 10:51:51 GMT
7
+ // Generated on Fri, 22 Apr 2022 16:23:18 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -108,6 +108,7 @@
108
108
  #define colorsComponentsMenuYin090 #000000e6
109
109
  #define colorsComponentsMenuYang100 #ffffffff
110
110
  #define colorsComponentsMenuYang080 #ffffffcc
111
+ #define colorsComponentsMenuTransparent #00000000
111
112
  #define colorsUtilityMajor100 #ccd6dbff
112
113
  #define colorsUtilityMajor150 #b3c2c9ff
113
114
  #define colorsUtilityMajor200 #99adb7ff
@@ -309,9 +310,9 @@
309
310
  #define typographyActionPopoverMenuItemM Bold 14px/150% Sage UI
310
311
  #define typographyAnchorNavLabelM Medium 14px/150% Sage UI
311
312
  #define typographyBadgeLabelM Medium 12px/150% Sage UI
312
- #define typographyButtonLabelS Bold 14px/150% Sage UI
313
- #define typographyButtonLabelM Bold 14px/150% Sage UI
314
- #define typographyButtonLabelL Bold 16px/150% Sage UI
313
+ #define typographyButtonLabelS Medium 14px/150% Sage UI
314
+ #define typographyButtonLabelM Medium 14px/150% Sage UI
315
+ #define typographyButtonLabelL Medium 16px/150% Sage UI
315
316
  #define typographyCardParagraphM Regular 14px/150% Sage UI
316
317
  #define typographyCardSelectTitleM Bold 16px/150% Sage UI
317
318
  #define typographyCardSelectSubtitleM Medium 14px/150% Sage UI
@@ -418,10 +419,20 @@
418
419
  #define typographyProgressTrackerValueLabelM Medium 14px/150% Sage UI
419
420
  #define typographyProgressTrackerValueLabelL Medium 14px/150% Sage UI
420
421
  #define typographySearchLabelM Regular 14px/150% Sage UI
422
+ #define typographySidebarTitleXs Bold 20px/125% Sage UI
421
423
  #define typographySidebarTitleS Bold 20px/125% Sage UI
424
+ #define typographySidebarTitleMs Bold 20px/125% Sage UI
422
425
  #define typographySidebarTitleM Bold 20px/125% Sage UI
426
+ #define typographySidebarTitleMl Bold 20px/125% Sage UI
423
427
  #define typographySidebarTitleL Bold 20px/125% Sage UI
428
+ #define typographySidebarTitleXl Bold 20px/125% Sage UI
429
+ #define typographySidebarParagraphXs 0 none
430
+ #define typographySidebarParagraphS 0 none
431
+ #define typographySidebarParagraphMs 0 none
424
432
  #define typographySidebarParagraphM 0 none
433
+ #define typographySidebarParagraphMl 0 none
434
+ #define typographySidebarParagraphL 0 none
435
+ #define typographySidebarParagraphXl 0 none
425
436
  #define typographyStepFlowCompleteLabelM Medium 14px/150% Sage UI
426
437
  #define typographyStepFlowCurrentLabelM Medium 14px/150% Sage UI
427
438
  #define typographyStepFlowIncompleteLabelM Medium 14px/150% Sage UI
package/js/base/common.d.ts CHANGED
@@ -96,6 +96,7 @@ export const colorsComponentsMenuYin065: string;
96
96
  export const colorsComponentsMenuYin090: string;
97
97
  export const colorsComponentsMenuYang100: string;
98
98
  export const colorsComponentsMenuYang080: string;
99
+ export const colorsComponentsMenuTransparent: string;
99
100
  export const colorsUtilityMajor100: string;
100
101
  export const colorsUtilityMajor150: string;
101
102
  export const colorsUtilityMajor200: string;
@@ -406,10 +407,20 @@ export const typographyProgressTrackerValueLabelS: string;
406
407
  export const typographyProgressTrackerValueLabelM: string;
407
408
  export const typographyProgressTrackerValueLabelL: string;
408
409
  export const typographySearchLabelM: string;
410
+ export const typographySidebarTitleXs: string;
409
411
  export const typographySidebarTitleS: string;
412
+ export const typographySidebarTitleMs: string;
410
413
  export const typographySidebarTitleM: string;
414
+ export const typographySidebarTitleMl: string;
411
415
  export const typographySidebarTitleL: string;
416
+ export const typographySidebarTitleXl: string;
417
+ export const typographySidebarParagraphXs: string;
418
+ export const typographySidebarParagraphS: string;
419
+ export const typographySidebarParagraphMs: string;
412
420
  export const typographySidebarParagraphM: string;
421
+ export const typographySidebarParagraphMl: string;
422
+ export const typographySidebarParagraphL: string;
423
+ export const typographySidebarParagraphXl: string;
413
424
  export const typographyStepFlowCompleteLabelM: string;
414
425
  export const typographyStepFlowCurrentLabelM: string;
415
426
  export const typographyStepFlowIncompleteLabelM: string;