@wix/design-system-tokens 1.229.2 → 1.231.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 (28) hide show
  1. package/CHANGELOG.md +39 -0
  2. package/all.css +74 -1
  3. package/all.scss +74 -1
  4. package/all.st.css +148 -2
  5. package/component.st.css +148 -2
  6. package/odeditor/all.css +99 -26
  7. package/odeditor/all.scss +99 -26
  8. package/odeditor/all.st.css +173 -27
  9. package/odeditor/component.st.css +173 -27
  10. package/odeditor-dark/all.css +108 -35
  11. package/odeditor-dark/all.scss +108 -35
  12. package/odeditor-dark/all.st.css +176 -30
  13. package/odeditor-dark/component.st.css +176 -30
  14. package/package.json +2 -2
  15. package/studio/all.css +80 -7
  16. package/studio/all.scss +80 -7
  17. package/studio/all.st.css +154 -8
  18. package/studio/component.st.css +154 -8
  19. package/studio2-light/all.css +2703 -0
  20. package/studio2-light/all.scss +2703 -0
  21. package/studio2-light/all.st.css +5405 -0
  22. package/studio2-light/component.st.css +3901 -0
  23. package/studio2-light/foundation.st.css +487 -0
  24. package/studio2-light/semantic.st.css +1023 -0
  25. package/wixel/all.css +80 -7
  26. package/wixel/all.scss +80 -7
  27. package/wixel/all.st.css +154 -8
  28. package/wixel/component.st.css +154 -8
package/odeditor/all.st.css CHANGED
@@ -116,11 +116,15 @@
116
116
  @property st-global(--wds-badge-outline-destructive-label-color);
117
117
  @property st-global(--wds-badge-outline-neutral-border-color);
118
118
  @property st-global(--wds-badge-outline-neutral-danger-border-color);
119
+ @property st-global(--wds-badge-outline-neutral-danger-label-color);
119
120
  @property st-global(--wds-badge-outline-neutral-fill);
120
121
  @property st-global(--wds-badge-outline-neutral-label-color);
121
122
  @property st-global(--wds-badge-outline-neutral-light-border-color);
123
+ @property st-global(--wds-badge-outline-neutral-light-label-color);
122
124
  @property st-global(--wds-badge-outline-neutral-standard-border-color);
125
+ @property st-global(--wds-badge-outline-neutral-standard-label-color);
123
126
  @property st-global(--wds-badge-outline-neutral-success-border-color);
127
+ @property st-global(--wds-badge-outline-neutral-success-label-color);
124
128
  @property st-global(--wds-badge-outline-premium-border-color);
125
129
  @property st-global(--wds-badge-outline-premium-fill);
126
130
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -137,6 +141,7 @@
137
141
  @property st-global(--wds-badge-outline-warning-fill);
138
142
  @property st-global(--wds-badge-outline-warning-label-color);
139
143
  @property st-global(--wds-badge-outline-warning-light-border-color);
144
+ @property st-global(--wds-badge-outline-warning-light-label-color);
140
145
  @property st-global(--wds-badge-padding-horizontal-medium);
141
146
  @property st-global(--wds-badge-padding-horizontal-small);
142
147
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -148,7 +153,6 @@
148
153
  @property st-global(--wds-badge-size-tiny);
149
154
  @property st-global(--wds-badge-solid-neutral-danger-fill);
150
155
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
151
- @property st-global(--wds-badge-solid-neutral-light-fill);
152
156
  @property st-global(--wds-badge-solid-neutral-light-label-color);
153
157
  @property st-global(--wds-badge-solid-neutral-standard-fill);
154
158
  @property st-global(--wds-badge-solid-neutral-standard-label-color);
@@ -160,9 +164,15 @@
160
164
  @property st-global(--wds-badge-solid-warning-label-color);
161
165
  @property st-global(--wds-badge-solid-warning-light-fill);
162
166
  @property st-global(--wds-badge-solid-warning-light-label-color);
167
+ @property st-global(--wds-badge-transparent-neutral-danger-label-color);
168
+ @property st-global(--wds-badge-transparent-neutral-label-color);
169
+ @property st-global(--wds-badge-transparent-neutral-light-label-color);
170
+ @property st-global(--wds-badge-transparent-neutral-standard-label-color);
171
+ @property st-global(--wds-badge-transparent-neutral-success-label-color);
163
172
  @property st-global(--wds-badge-transparent-success-label-color);
164
173
  @property st-global(--wds-badge-transparent-urgent-label-color);
165
174
  @property st-global(--wds-badge-transparent-warning-label-color);
175
+ @property st-global(--wds-badge-transparent-warning-light-label-color);
166
176
  @property st-global(--wds-border-radius-0);
167
177
  @property st-global(--wds-border-radius-100);
168
178
  @property st-global(--wds-border-radius-200);
@@ -1012,8 +1022,20 @@
1012
1022
  @property st-global(--wds-color-yellow-400);
1013
1023
  @property st-global(--wds-color-yellow-500);
1014
1024
  @property st-global(--wds-color-yellow-600);
1025
+ @property st-global(--wds-composer-header-actions-gap);
1026
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
1027
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
1028
+ @property st-global(--wds-composer-header-border-fill);
1029
+ @property st-global(--wds-composer-header-divider-margin);
1030
+ @property st-global(--wds-composer-header-fill);
1031
+ @property st-global(--wds-composer-header-height-medium);
1032
+ @property st-global(--wds-composer-header-height-small);
1033
+ @property st-global(--wds-composer-header-padding-vertical-small);
1034
+ @property st-global(--wds-composer-sidebar-border-width);
1015
1035
  @property st-global(--wds-composer-sidebar-bottom-width);
1016
1036
  @property st-global(--wds-composer-sidebar-end-max-width);
1037
+ @property st-global(--wds-composer-sidebar-fill);
1038
+ @property st-global(--wds-composer-sidebar-item-border-radius);
1017
1039
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
1018
1040
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
1019
1041
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -1032,9 +1054,13 @@
1032
1054
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
1033
1055
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
1034
1056
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
1057
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
1058
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
1035
1059
  @property st-global(--wds-counter-badge-border-radius-medium);
1036
1060
  @property st-global(--wds-counter-badge-border-radius-small);
1037
1061
  @property st-global(--wds-counter-badge-font-size-tiny);
1062
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
1063
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
1038
1064
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
1039
1065
  @property st-global(--wds-counter-badge-padding-horizontal-small);
1040
1066
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1780,12 +1806,24 @@
1780
1806
  @property st-global(--wds-section-header-padding-vertical-small);
1781
1807
  @property st-global(--wds-section-helper-action-padding-medium);
1782
1808
  @property st-global(--wds-section-helper-action-padding-small);
1809
+ @property st-global(--wds-section-helper-border-experimental-dark);
1783
1810
  @property st-global(--wds-section-helper-border-preview);
1784
1811
  @property st-global(--wds-section-helper-border-radius);
1812
+ @property st-global(--wds-section-helper-border-standard);
1813
+ @property st-global(--wds-section-helper-border-success);
1814
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1815
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1816
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1817
+ @property st-global(--wds-section-helper-close-button-inset-small);
1785
1818
  @property st-global(--wds-section-helper-close-button-offset);
1819
+ @property st-global(--wds-section-helper-content-gap-medium);
1820
+ @property st-global(--wds-section-helper-content-gap-small);
1821
+ @property st-global(--wds-section-helper-fill-danger);
1786
1822
  @property st-global(--wds-section-helper-fill-premium);
1787
1823
  @property st-global(--wds-section-helper-fill-preview);
1788
1824
  @property st-global(--wds-section-helper-fill-standard);
1825
+ @property st-global(--wds-section-helper-fill-success);
1826
+ @property st-global(--wds-section-helper-fill-warning);
1789
1827
  @property st-global(--wds-section-helper-horizontal-margin);
1790
1828
  @property st-global(--wds-section-helper-horizontal-padding-medium);
1791
1829
  @property st-global(--wds-section-helper-horizontal-padding-small);
@@ -2334,6 +2372,27 @@
2334
2372
  @property st-global(--wds-tag-label-font-line-height-small);
2335
2373
  @property st-global(--wds-tag-label-font-size-small);
2336
2374
  @property st-global(--wds-tag-list-action-gap);
2375
+ @property st-global(--wds-tag-outlined-dark-border-color);
2376
+ @property st-global(--wds-tag-outlined-dark-fill);
2377
+ @property st-global(--wds-tag-outlined-dark-label-color);
2378
+ @property st-global(--wds-tag-outlined-error-border-color);
2379
+ @property st-global(--wds-tag-outlined-error-fill);
2380
+ @property st-global(--wds-tag-outlined-error-label-color);
2381
+ @property st-global(--wds-tag-outlined-light-border-color);
2382
+ @property st-global(--wds-tag-outlined-light-fill);
2383
+ @property st-global(--wds-tag-outlined-light-label-color);
2384
+ @property st-global(--wds-tag-outlined-neutral-border-color);
2385
+ @property st-global(--wds-tag-outlined-neutral-fill);
2386
+ @property st-global(--wds-tag-outlined-neutral-label-color);
2387
+ @property st-global(--wds-tag-outlined-standard-border-color);
2388
+ @property st-global(--wds-tag-outlined-standard-fill);
2389
+ @property st-global(--wds-tag-outlined-standard-label-color);
2390
+ @property st-global(--wds-tag-outlined-success-border-color);
2391
+ @property st-global(--wds-tag-outlined-success-fill);
2392
+ @property st-global(--wds-tag-outlined-success-label-color);
2393
+ @property st-global(--wds-tag-outlined-warning-border-color);
2394
+ @property st-global(--wds-tag-outlined-warning-fill);
2395
+ @property st-global(--wds-tag-outlined-warning-label-color);
2337
2396
  @property st-global(--wds-tag-padding-horizontal-large);
2338
2397
  @property st-global(--wds-tag-padding-horizontal-medium);
2339
2398
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2346,6 +2405,20 @@
2346
2405
  @property st-global(--wds-tag-size-medium);
2347
2406
  @property st-global(--wds-tag-size-small);
2348
2407
  @property st-global(--wds-tag-size-tiny);
2408
+ @property st-global(--wds-tag-solid-dark-fill);
2409
+ @property st-global(--wds-tag-solid-error-fill);
2410
+ @property st-global(--wds-tag-solid-light-fill);
2411
+ @property st-global(--wds-tag-solid-neutral-fill);
2412
+ @property st-global(--wds-tag-solid-standard-fill);
2413
+ @property st-global(--wds-tag-solid-success-fill);
2414
+ @property st-global(--wds-tag-solid-warning-fill);
2415
+ @property st-global(--wds-tag-transparent-dark-label-color);
2416
+ @property st-global(--wds-tag-transparent-error-label-color);
2417
+ @property st-global(--wds-tag-transparent-light-label-color);
2418
+ @property st-global(--wds-tag-transparent-neutral-label-color);
2419
+ @property st-global(--wds-tag-transparent-standard-label-color);
2420
+ @property st-global(--wds-tag-transparent-success-label-color);
2421
+ @property st-global(--wds-tag-transparent-warning-label-color);
2349
2422
  @property st-global(--wds-testimonial-list-gap);
2350
2423
  @property st-global(--wds-text-button-font-line-height-medium);
2351
2424
  @property st-global(--wds-text-button-font-line-height-small);
@@ -2741,21 +2814,25 @@
2741
2814
  --wds-badge-label-font-line-height-small: 16px;
2742
2815
  --wds-badge-label-font-size-small: 12px;
2743
2816
  --wds-badge-outline-dark-border-color: #151414;
2744
- --wds-badge-outline-dark-fill: #e8e7e7;
2817
+ --wds-badge-outline-dark-fill: #f0efef;
2745
2818
  --wds-badge-outline-dark-label-color: #383838;
2746
2819
  --wds-badge-outline-destructive-border-color: #e55c5e;
2747
2820
  --wds-badge-outline-destructive-fill: #fcebeb;
2748
2821
  --wds-badge-outline-destructive-label-color: #be2b2e;
2749
- --wds-badge-outline-neutral-border-color: #525150;
2822
+ --wds-badge-outline-neutral-border-color: #767574;
2750
2823
  --wds-badge-outline-neutral-danger-border-color: #e55c5e;
2824
+ --wds-badge-outline-neutral-danger-label-color: #151414;
2751
2825
  --wds-badge-outline-neutral-fill: #f0efef;
2752
2826
  --wds-badge-outline-neutral-label-color: #525150;
2753
- --wds-badge-outline-neutral-light-border-color: #525150;
2827
+ --wds-badge-outline-neutral-light-border-color: #767574;
2828
+ --wds-badge-outline-neutral-light-label-color: #151414;
2754
2829
  --wds-badge-outline-neutral-standard-border-color: #597dff;
2830
+ --wds-badge-outline-neutral-standard-label-color: #151414;
2755
2831
  --wds-badge-outline-neutral-success-border-color: #4b916d;
2756
- --wds-badge-outline-premium-border-color: #acbeff;
2832
+ --wds-badge-outline-neutral-success-label-color: #151414;
2833
+ --wds-badge-outline-premium-border-color: #2f5dff;
2757
2834
  --wds-badge-outline-premium-fill: #eaefff;
2758
- --wds-badge-outline-premium-label-color: #2f5dff;
2835
+ --wds-badge-outline-premium-label-color: #1c3fe5;
2759
2836
  --wds-badge-outline-standard-border-color: #597dff;
2760
2837
  --wds-badge-outline-standard-fill: #eaefff;
2761
2838
  --wds-badge-outline-standard-label-color: #1c3fe5;
@@ -2766,9 +2843,10 @@
2766
2843
  --wds-badge-outline-urgent-fill: #fdf1ec;
2767
2844
  --wds-badge-outline-urgent-label-color: #ae3e09;
2768
2845
  --wds-badge-outline-warning-border-color: #9f6113;
2769
- --wds-badge-outline-warning-fill: #fef6ed;
2846
+ --wds-badge-outline-warning-fill: #fef3e5;
2770
2847
  --wds-badge-outline-warning-label-color: #9f6113;
2771
- --wds-badge-outline-warning-light-border-color: #c78634;
2848
+ --wds-badge-outline-warning-light-border-color: #9f6113;
2849
+ --wds-badge-outline-warning-light-label-color: #151414;
2772
2850
  --wds-badge-padding-horizontal-medium: 8px;
2773
2851
  --wds-badge-padding-horizontal-small: 8px;
2774
2852
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2780,21 +2858,26 @@
2780
2858
  --wds-badge-size-tiny: 20px;
2781
2859
  --wds-badge-solid-neutral-danger-fill: #fcebeb;
2782
2860
  --wds-badge-solid-neutral-danger-label-color: #be2b2e;
2783
- --wds-badge-solid-neutral-light-fill: #f0efef;
2784
2861
  --wds-badge-solid-neutral-light-label-color: #525150;
2785
2862
  --wds-badge-solid-neutral-standard-fill: #eaefff;
2786
2863
  --wds-badge-solid-neutral-standard-label-color: #1c3fe5;
2787
2864
  --wds-badge-solid-neutral-success-fill: #f1f5ed;
2788
2865
  --wds-badge-solid-neutral-success-label-color: #3f7b5c;
2789
2866
  --wds-badge-solid-success-fill: #bde2a7;
2790
- --wds-badge-solid-success-label-color: #383838;
2791
- --wds-badge-solid-urgent-label-color: #383838;
2792
- --wds-badge-solid-warning-label-color: #383838;
2867
+ --wds-badge-solid-success-label-color: #151414;
2868
+ --wds-badge-solid-urgent-label-color: #151414;
2869
+ --wds-badge-solid-warning-label-color: #151414;
2793
2870
  --wds-badge-solid-warning-light-fill: #fef3e5;
2794
2871
  --wds-badge-solid-warning-light-label-color: #9f6113;
2872
+ --wds-badge-transparent-neutral-danger-label-color: #df3336;
2873
+ --wds-badge-transparent-neutral-label-color: #525150;
2874
+ --wds-badge-transparent-neutral-light-label-color: #383838;
2875
+ --wds-badge-transparent-neutral-standard-label-color: #2f5dff;
2876
+ --wds-badge-transparent-neutral-success-label-color: #3f7b5c;
2795
2877
  --wds-badge-transparent-success-label-color: #3f7b5c;
2796
2878
  --wds-badge-transparent-urgent-label-color: #ae3e09;
2797
2879
  --wds-badge-transparent-warning-label-color: #9f6113;
2880
+ --wds-badge-transparent-warning-light-label-color: #9f6113;
2798
2881
  --wds-border-radius-0: 0px;
2799
2882
  --wds-border-radius-100: 2px;
2800
2883
  --wds-border-radius-200: 4px;
@@ -3644,8 +3727,20 @@
3644
3727
  --wds-color-yellow-400: #fdead2;
3645
3728
  --wds-color-yellow-500: #fef3e5;
3646
3729
  --wds-color-yellow-600: #fef6ed;
3730
+ --wds-composer-header-actions-gap: 2px;
3731
+ --wds-composer-header-back-button-icon-size-medium: 18px;
3732
+ --wds-composer-header-back-button-icon-size-small: 18px;
3733
+ --wds-composer-header-border-fill: rgba(255, 255, 255, 0);
3734
+ --wds-composer-header-divider-margin: 16px;
3735
+ --wds-composer-header-fill: #f8f6f6;
3736
+ --wds-composer-header-height-medium: 30px;
3737
+ --wds-composer-header-height-small: 30px;
3738
+ --wds-composer-header-padding-vertical-small: 10px;
3739
+ --wds-composer-sidebar-border-width: 0px;
3647
3740
  --wds-composer-sidebar-bottom-width: 88px;
3648
3741
  --wds-composer-sidebar-end-max-width: 240px;
3742
+ --wds-composer-sidebar-fill: #f8f6f6;
3743
+ --wds-composer-sidebar-item-border-radius: 8px;
3649
3744
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
3650
3745
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 4px;
3651
3746
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 4px;
@@ -3658,15 +3753,19 @@
3658
3753
  --wds-composer-sidebar-item-end-padding-vertical-large: 8px;
3659
3754
  --wds-composer-sidebar-item-end-padding-vertical-medium: 8px;
3660
3755
  --wds-composer-sidebar-item-end-padding-vertical-small: 4px;
3661
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 8px;
3662
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 8px;
3663
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 8px;
3664
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: 8px;
3665
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 8px;
3666
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
3756
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 12px;
3757
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 12px;
3758
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 12px;
3759
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: 0px;
3760
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 0px;
3761
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: 0px;
3762
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 0px;
3763
+ --wds-composer-sidebar-tooltip-item-gap: 8px;
3667
3764
  --wds-counter-badge-border-radius-medium: 1000px;
3668
3765
  --wds-counter-badge-border-radius-small: 1000px;
3669
3766
  --wds-counter-badge-font-size-tiny: 10px;
3767
+ --wds-counter-badge-outline-destructive-border-color: #e55c5e;
3768
+ --wds-counter-badge-outline-warning-label-color: #9f6113;
3670
3769
  --wds-counter-badge-padding-horizontal-medium: 8px;
3671
3770
  --wds-counter-badge-padding-horizontal-small: 6px;
3672
3771
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -3736,9 +3835,9 @@
3736
3835
  --wds-fill-button-fill: #ffffff;
3737
3836
  --wds-fill-button-fill-hover: #ffffff;
3738
3837
  --wds-fill-button-icon-color: #151414;
3739
- --wds-floating-helper-main-action-padding-top: 16px;
3740
- --wds-floating-helper-padding-horizontal: 32px;
3741
- --wds-floating-helper-padding-vertical: 28px;
3838
+ --wds-floating-helper-main-action-padding-top: 20px;
3839
+ --wds-floating-helper-padding-horizontal: 24px;
3840
+ --wds-floating-helper-padding-vertical: 24px;
3742
3841
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3743
3842
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3744
3843
  --wds-font-letter-spacing-0: 0px;
@@ -4412,12 +4511,24 @@
4412
4511
  --wds-section-header-padding-vertical-small: 8px;
4413
4512
  --wds-section-helper-action-padding-medium: 12px;
4414
4513
  --wds-section-helper-action-padding-small: 8px;
4415
- --wds-section-helper-border-preview: #e8e7e7;
4416
- --wds-section-helper-border-radius: 6px;
4514
+ --wds-section-helper-border-experimental-dark: #525150;
4515
+ --wds-section-helper-border-preview: #dedede;
4516
+ --wds-section-helper-border-radius: 12px;
4517
+ --wds-section-helper-border-standard: #acbeff;
4518
+ --wds-section-helper-border-success: #97c693;
4519
+ --wds-section-helper-close-button-clearance-medium: 32px;
4520
+ --wds-section-helper-close-button-clearance-small: 32px;
4521
+ --wds-section-helper-close-button-inset-medium: 4px;
4522
+ --wds-section-helper-close-button-inset-small: 4px;
4417
4523
  --wds-section-helper-close-button-offset: 0px;
4524
+ --wds-section-helper-content-gap-medium: 20px;
4525
+ --wds-section-helper-content-gap-small: 20px;
4526
+ --wds-section-helper-fill-danger: #fcebeb;
4418
4527
  --wds-section-helper-fill-premium: #f5f7ff;
4419
- --wds-section-helper-fill-preview: #f8f6f6;
4528
+ --wds-section-helper-fill-preview: #f0efef;
4420
4529
  --wds-section-helper-fill-standard: #f5f7ff;
4530
+ --wds-section-helper-fill-success: #f1f5ed;
4531
+ --wds-section-helper-fill-warning: #fef6ed;
4421
4532
  --wds-section-helper-horizontal-margin: 6px;
4422
4533
  --wds-section-helper-horizontal-padding-medium: 16px;
4423
4534
  --wds-section-helper-horizontal-padding-small: 12px;
@@ -4425,11 +4536,11 @@
4425
4536
  --wds-section-helper-prefix-offset-medium: 16px;
4426
4537
  --wds-section-helper-text-font-line-height: 16px;
4427
4538
  --wds-section-helper-text-font-size: 12px;
4428
- --wds-section-helper-title-font-size: 14px;
4539
+ --wds-section-helper-title-font-size: 12px;
4429
4540
  --wds-section-helper-title-font-weight: 600;
4430
4541
  --wds-section-helper-vertical-margin: 6px;
4431
- --wds-section-helper-vertical-padding-medium: 24px;
4432
- --wds-section-helper-vertical-padding-small: 8px;
4542
+ --wds-section-helper-vertical-padding-medium: 16px;
4543
+ --wds-section-helper-vertical-padding-small: 16px;
4433
4544
  --wds-segmented-toggle-border-color: rgba(19, 23, 32, 0);
4434
4545
  --wds-segmented-toggle-border-color-disabled: rgba(19, 23, 32, 0);
4435
4546
  --wds-segmented-toggle-border-color-hover: rgba(19, 23, 32, 0);
@@ -4966,6 +5077,27 @@
4966
5077
  --wds-tag-label-font-line-height-small: 16px;
4967
5078
  --wds-tag-label-font-size-small: 12px;
4968
5079
  --wds-tag-list-action-gap: 12px;
5080
+ --wds-tag-outlined-dark-border-color: #151414;
5081
+ --wds-tag-outlined-dark-fill: rgba(19, 23, 32, 0);
5082
+ --wds-tag-outlined-dark-label-color: #151414;
5083
+ --wds-tag-outlined-error-border-color: #e55c5e;
5084
+ --wds-tag-outlined-error-fill: #fcebeb;
5085
+ --wds-tag-outlined-error-label-color: #383838;
5086
+ --wds-tag-outlined-light-border-color: #ffffff;
5087
+ --wds-tag-outlined-light-fill: rgba(255, 255, 255, 0);
5088
+ --wds-tag-outlined-light-label-color: #ffffff;
5089
+ --wds-tag-outlined-neutral-border-color: #a8a6a5;
5090
+ --wds-tag-outlined-neutral-fill: #ffffff;
5091
+ --wds-tag-outlined-neutral-label-color: #383838;
5092
+ --wds-tag-outlined-standard-border-color: #7896ff;
5093
+ --wds-tag-outlined-standard-fill: #eaefff;
5094
+ --wds-tag-outlined-standard-label-color: #383838;
5095
+ --wds-tag-outlined-success-border-color: #97c693;
5096
+ --wds-tag-outlined-success-fill: #effae5;
5097
+ --wds-tag-outlined-success-label-color: #383838;
5098
+ --wds-tag-outlined-warning-border-color: #fabd71;
5099
+ --wds-tag-outlined-warning-fill: #fef3e5;
5100
+ --wds-tag-outlined-warning-label-color: #383838;
4969
5101
  --wds-tag-padding-horizontal-large: 16px;
4970
5102
  --wds-tag-padding-horizontal-medium: 12px;
4971
5103
  --wds-tag-padding-horizontal-small: 12px;
@@ -4978,6 +5110,20 @@
4978
5110
  --wds-tag-size-medium: 28px;
4979
5111
  --wds-tag-size-small: 24px;
4980
5112
  --wds-tag-size-tiny: 20px;
5113
+ --wds-tag-solid-dark-fill: #151414;
5114
+ --wds-tag-solid-error-fill: #f4b8b9;
5115
+ --wds-tag-solid-light-fill: #ffffff;
5116
+ --wds-tag-solid-neutral-fill: #f0efef;
5117
+ --wds-tag-solid-standard-fill: #d5dfff;
5118
+ --wds-tag-solid-success-fill: #daf3c0;
5119
+ --wds-tag-solid-warning-fill: #fdead2;
5120
+ --wds-tag-transparent-dark-label-color: #151414;
5121
+ --wds-tag-transparent-error-label-color: #df3336;
5122
+ --wds-tag-transparent-light-label-color: #ffffff;
5123
+ --wds-tag-transparent-neutral-label-color: #767574;
5124
+ --wds-tag-transparent-standard-label-color: #383838;
5125
+ --wds-tag-transparent-success-label-color: #3f7b5c;
5126
+ --wds-tag-transparent-warning-label-color: #9f6113;
4981
5127
  --wds-testimonial-list-gap: 24px;
4982
5128
  --wds-text-button-font-line-height-medium: 18px;
4983
5129
  --wds-text-button-font-line-height-small: 16px;