@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/wixel/all.st.css CHANGED
@@ -115,11 +115,15 @@
115
115
  @property st-global(--wds-badge-outline-destructive-label-color);
116
116
  @property st-global(--wds-badge-outline-neutral-border-color);
117
117
  @property st-global(--wds-badge-outline-neutral-danger-border-color);
118
+ @property st-global(--wds-badge-outline-neutral-danger-label-color);
118
119
  @property st-global(--wds-badge-outline-neutral-fill);
119
120
  @property st-global(--wds-badge-outline-neutral-label-color);
120
121
  @property st-global(--wds-badge-outline-neutral-light-border-color);
122
+ @property st-global(--wds-badge-outline-neutral-light-label-color);
121
123
  @property st-global(--wds-badge-outline-neutral-standard-border-color);
124
+ @property st-global(--wds-badge-outline-neutral-standard-label-color);
122
125
  @property st-global(--wds-badge-outline-neutral-success-border-color);
126
+ @property st-global(--wds-badge-outline-neutral-success-label-color);
123
127
  @property st-global(--wds-badge-outline-premium-border-color);
124
128
  @property st-global(--wds-badge-outline-premium-fill);
125
129
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -136,6 +140,7 @@
136
140
  @property st-global(--wds-badge-outline-warning-fill);
137
141
  @property st-global(--wds-badge-outline-warning-label-color);
138
142
  @property st-global(--wds-badge-outline-warning-light-border-color);
143
+ @property st-global(--wds-badge-outline-warning-light-label-color);
139
144
  @property st-global(--wds-badge-padding-horizontal-medium);
140
145
  @property st-global(--wds-badge-padding-horizontal-small);
141
146
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -147,7 +152,6 @@
147
152
  @property st-global(--wds-badge-size-tiny);
148
153
  @property st-global(--wds-badge-solid-neutral-danger-fill);
149
154
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
150
- @property st-global(--wds-badge-solid-neutral-light-fill);
151
155
  @property st-global(--wds-badge-solid-neutral-light-label-color);
152
156
  @property st-global(--wds-badge-solid-neutral-standard-fill);
153
157
  @property st-global(--wds-badge-solid-neutral-standard-label-color);
@@ -159,9 +163,15 @@
159
163
  @property st-global(--wds-badge-solid-warning-label-color);
160
164
  @property st-global(--wds-badge-solid-warning-light-fill);
161
165
  @property st-global(--wds-badge-solid-warning-light-label-color);
166
+ @property st-global(--wds-badge-transparent-neutral-danger-label-color);
167
+ @property st-global(--wds-badge-transparent-neutral-label-color);
168
+ @property st-global(--wds-badge-transparent-neutral-light-label-color);
169
+ @property st-global(--wds-badge-transparent-neutral-standard-label-color);
170
+ @property st-global(--wds-badge-transparent-neutral-success-label-color);
162
171
  @property st-global(--wds-badge-transparent-success-label-color);
163
172
  @property st-global(--wds-badge-transparent-urgent-label-color);
164
173
  @property st-global(--wds-badge-transparent-warning-label-color);
174
+ @property st-global(--wds-badge-transparent-warning-light-label-color);
165
175
  @property st-global(--wds-border-radius-0);
166
176
  @property st-global(--wds-border-radius-100);
167
177
  @property st-global(--wds-border-radius-200);
@@ -991,8 +1001,20 @@
991
1001
  @property st-global(--wds-color-yellow-400);
992
1002
  @property st-global(--wds-color-yellow-500);
993
1003
  @property st-global(--wds-color-yellow-600);
1004
+ @property st-global(--wds-composer-header-actions-gap);
1005
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
1006
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
1007
+ @property st-global(--wds-composer-header-border-fill);
1008
+ @property st-global(--wds-composer-header-divider-margin);
1009
+ @property st-global(--wds-composer-header-fill);
1010
+ @property st-global(--wds-composer-header-height-medium);
1011
+ @property st-global(--wds-composer-header-height-small);
1012
+ @property st-global(--wds-composer-header-padding-vertical-small);
1013
+ @property st-global(--wds-composer-sidebar-border-width);
994
1014
  @property st-global(--wds-composer-sidebar-bottom-width);
995
1015
  @property st-global(--wds-composer-sidebar-end-max-width);
1016
+ @property st-global(--wds-composer-sidebar-fill);
1017
+ @property st-global(--wds-composer-sidebar-item-border-radius);
996
1018
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
997
1019
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
998
1020
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -1011,9 +1033,13 @@
1011
1033
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
1012
1034
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
1013
1035
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
1036
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
1037
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
1014
1038
  @property st-global(--wds-counter-badge-border-radius-medium);
1015
1039
  @property st-global(--wds-counter-badge-border-radius-small);
1016
1040
  @property st-global(--wds-counter-badge-font-size-tiny);
1041
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
1042
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
1017
1043
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
1018
1044
  @property st-global(--wds-counter-badge-padding-horizontal-small);
1019
1045
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1760,12 +1786,24 @@
1760
1786
  @property st-global(--wds-section-header-padding-vertical-small);
1761
1787
  @property st-global(--wds-section-helper-action-padding-medium);
1762
1788
  @property st-global(--wds-section-helper-action-padding-small);
1789
+ @property st-global(--wds-section-helper-border-experimental-dark);
1763
1790
  @property st-global(--wds-section-helper-border-preview);
1764
1791
  @property st-global(--wds-section-helper-border-radius);
1792
+ @property st-global(--wds-section-helper-border-standard);
1793
+ @property st-global(--wds-section-helper-border-success);
1794
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1795
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1796
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1797
+ @property st-global(--wds-section-helper-close-button-inset-small);
1765
1798
  @property st-global(--wds-section-helper-close-button-offset);
1799
+ @property st-global(--wds-section-helper-content-gap-medium);
1800
+ @property st-global(--wds-section-helper-content-gap-small);
1801
+ @property st-global(--wds-section-helper-fill-danger);
1766
1802
  @property st-global(--wds-section-helper-fill-premium);
1767
1803
  @property st-global(--wds-section-helper-fill-preview);
1768
1804
  @property st-global(--wds-section-helper-fill-standard);
1805
+ @property st-global(--wds-section-helper-fill-success);
1806
+ @property st-global(--wds-section-helper-fill-warning);
1769
1807
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
1770
1808
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
1771
1809
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
@@ -2269,6 +2307,27 @@
2269
2307
  @property st-global(--wds-tag-label-font-line-height-small);
2270
2308
  @property st-global(--wds-tag-label-font-size-small);
2271
2309
  @property st-global(--wds-tag-list-action-gap);
2310
+ @property st-global(--wds-tag-outlined-dark-border-color);
2311
+ @property st-global(--wds-tag-outlined-dark-fill);
2312
+ @property st-global(--wds-tag-outlined-dark-label-color);
2313
+ @property st-global(--wds-tag-outlined-error-border-color);
2314
+ @property st-global(--wds-tag-outlined-error-fill);
2315
+ @property st-global(--wds-tag-outlined-error-label-color);
2316
+ @property st-global(--wds-tag-outlined-light-border-color);
2317
+ @property st-global(--wds-tag-outlined-light-fill);
2318
+ @property st-global(--wds-tag-outlined-light-label-color);
2319
+ @property st-global(--wds-tag-outlined-neutral-border-color);
2320
+ @property st-global(--wds-tag-outlined-neutral-fill);
2321
+ @property st-global(--wds-tag-outlined-neutral-label-color);
2322
+ @property st-global(--wds-tag-outlined-standard-border-color);
2323
+ @property st-global(--wds-tag-outlined-standard-fill);
2324
+ @property st-global(--wds-tag-outlined-standard-label-color);
2325
+ @property st-global(--wds-tag-outlined-success-border-color);
2326
+ @property st-global(--wds-tag-outlined-success-fill);
2327
+ @property st-global(--wds-tag-outlined-success-label-color);
2328
+ @property st-global(--wds-tag-outlined-warning-border-color);
2329
+ @property st-global(--wds-tag-outlined-warning-fill);
2330
+ @property st-global(--wds-tag-outlined-warning-label-color);
2272
2331
  @property st-global(--wds-tag-padding-horizontal-large);
2273
2332
  @property st-global(--wds-tag-padding-horizontal-medium);
2274
2333
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2281,6 +2340,20 @@
2281
2340
  @property st-global(--wds-tag-size-medium);
2282
2341
  @property st-global(--wds-tag-size-small);
2283
2342
  @property st-global(--wds-tag-size-tiny);
2343
+ @property st-global(--wds-tag-solid-dark-fill);
2344
+ @property st-global(--wds-tag-solid-error-fill);
2345
+ @property st-global(--wds-tag-solid-light-fill);
2346
+ @property st-global(--wds-tag-solid-neutral-fill);
2347
+ @property st-global(--wds-tag-solid-standard-fill);
2348
+ @property st-global(--wds-tag-solid-success-fill);
2349
+ @property st-global(--wds-tag-solid-warning-fill);
2350
+ @property st-global(--wds-tag-transparent-dark-label-color);
2351
+ @property st-global(--wds-tag-transparent-error-label-color);
2352
+ @property st-global(--wds-tag-transparent-light-label-color);
2353
+ @property st-global(--wds-tag-transparent-neutral-label-color);
2354
+ @property st-global(--wds-tag-transparent-standard-label-color);
2355
+ @property st-global(--wds-tag-transparent-success-label-color);
2356
+ @property st-global(--wds-tag-transparent-warning-label-color);
2284
2357
  @property st-global(--wds-testimonial-list-gap);
2285
2358
  @property st-global(--wds-text-button-font-line-height-medium);
2286
2359
  @property st-global(--wds-text-button-font-line-height-small);
@@ -2684,11 +2757,15 @@
2684
2757
  --wds-badge-outline-destructive-label-color: #ee4437;
2685
2758
  --wds-badge-outline-neutral-border-color: #868aa5;
2686
2759
  --wds-badge-outline-neutral-danger-border-color: #e2e3ea;
2760
+ --wds-badge-outline-neutral-danger-label-color: #595d70;
2687
2761
  --wds-badge-outline-neutral-fill: #ffffff;
2688
2762
  --wds-badge-outline-neutral-label-color: #acafc4;
2689
2763
  --wds-badge-outline-neutral-light-border-color: #e2e3ea;
2764
+ --wds-badge-outline-neutral-light-label-color: #595d70;
2690
2765
  --wds-badge-outline-neutral-standard-border-color: #dce2ff;
2766
+ --wds-badge-outline-neutral-standard-label-color: #595d70;
2691
2767
  --wds-badge-outline-neutral-success-border-color: #e2e3ea;
2768
+ --wds-badge-outline-neutral-success-label-color: #595d70;
2692
2769
  --wds-badge-outline-premium-border-color: #cf8cf1;
2693
2770
  --wds-badge-outline-premium-fill: #ffffff;
2694
2771
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -2705,6 +2782,7 @@
2705
2782
  --wds-badge-outline-warning-fill: #ffffff;
2706
2783
  --wds-badge-outline-warning-label-color: #f9ad4d;
2707
2784
  --wds-badge-outline-warning-light-border-color: #e2e3ea;
2785
+ --wds-badge-outline-warning-light-label-color: #595d70;
2708
2786
  --wds-badge-padding-horizontal-medium: 12px;
2709
2787
  --wds-badge-padding-horizontal-small: 8px;
2710
2788
  --wds-badge-padding-horizontal-tiny: 4px;
@@ -2716,7 +2794,6 @@
2716
2794
  --wds-badge-size-tiny: 16px;
2717
2795
  --wds-badge-solid-neutral-danger-fill: #fbd0cd;
2718
2796
  --wds-badge-solid-neutral-danger-label-color: #595d70;
2719
- --wds-badge-solid-neutral-light-fill: #f7f8f8;
2720
2797
  --wds-badge-solid-neutral-light-label-color: #595d70;
2721
2798
  --wds-badge-solid-neutral-standard-fill: #eef0ff;
2722
2799
  --wds-badge-solid-neutral-standard-label-color: #595d70;
@@ -2728,9 +2805,15 @@
2728
2805
  --wds-badge-solid-warning-label-color: #ffffff;
2729
2806
  --wds-badge-solid-warning-light-fill: #fef3e5;
2730
2807
  --wds-badge-solid-warning-light-label-color: #595d70;
2808
+ --wds-badge-transparent-neutral-danger-label-color: #fbd0cd;
2809
+ --wds-badge-transparent-neutral-label-color: #acafc4;
2810
+ --wds-badge-transparent-neutral-light-label-color: #edeef2;
2811
+ --wds-badge-transparent-neutral-standard-label-color: #dce2ff;
2812
+ --wds-badge-transparent-neutral-success-label-color: #c8e8d6;
2731
2813
  --wds-badge-transparent-success-label-color: #25a55a;
2732
2814
  --wds-badge-transparent-urgent-label-color: #f96132;
2733
2815
  --wds-badge-transparent-warning-label-color: #f9ad4d;
2816
+ --wds-badge-transparent-warning-light-label-color: #fdead2;
2734
2817
  --wds-border-radius-0: 0px;
2735
2818
  --wds-border-radius-100: 2px;
2736
2819
  --wds-border-radius-200: 4px;
@@ -3560,8 +3643,20 @@
3560
3643
  --wds-color-yellow-400: #fdead2;
3561
3644
  --wds-color-yellow-500: #fef3e5;
3562
3645
  --wds-color-yellow-600: #fef6ed;
3646
+ --wds-composer-header-actions-gap: 8px;
3647
+ --wds-composer-header-back-button-icon-size-medium: 24px;
3648
+ --wds-composer-header-back-button-icon-size-small: 18px;
3649
+ --wds-composer-header-border-fill: #e2e3ea;
3650
+ --wds-composer-header-divider-margin: 20px;
3651
+ --wds-composer-header-fill: #ffffff;
3652
+ --wds-composer-header-height-medium: 36px;
3653
+ --wds-composer-header-height-small: 30px;
3654
+ --wds-composer-header-padding-vertical-small: 8px;
3655
+ --wds-composer-sidebar-border-width: 1px;
3563
3656
  --wds-composer-sidebar-bottom-width: 88px;
3564
3657
  --wds-composer-sidebar-end-max-width: 240px;
3658
+ --wds-composer-sidebar-fill: #ffffff;
3659
+ --wds-composer-sidebar-item-border-radius: 1000px;
3565
3660
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
3566
3661
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 4px;
3567
3662
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 4px;
@@ -3574,15 +3669,19 @@
3574
3669
  --wds-composer-sidebar-item-end-padding-vertical-large: 8px;
3575
3670
  --wds-composer-sidebar-item-end-padding-vertical-medium: 8px;
3576
3671
  --wds-composer-sidebar-item-end-padding-vertical-small: 4px;
3577
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 8px;
3578
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 8px;
3579
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 8px;
3580
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: 8px;
3581
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 8px;
3582
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
3672
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 12px;
3673
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 12px;
3674
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 12px;
3675
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: 12px;
3676
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 12px;
3677
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
3678
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 6px;
3679
+ --wds-composer-sidebar-tooltip-item-gap: 0px;
3583
3680
  --wds-counter-badge-border-radius-medium: 1000px;
3584
3681
  --wds-counter-badge-border-radius-small: 1000px;
3585
3682
  --wds-counter-badge-font-size-tiny: 10px;
3683
+ --wds-counter-badge-outline-destructive-border-color: #f69891;
3684
+ --wds-counter-badge-outline-warning-label-color: #f9ad4d;
3586
3685
  --wds-counter-badge-padding-horizontal-medium: 6px;
3587
3686
  --wds-counter-badge-padding-horizontal-small: 4px;
3588
3687
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -4329,12 +4428,24 @@
4329
4428
  --wds-section-header-padding-vertical-small: 8px;
4330
4429
  --wds-section-helper-action-padding-medium: 8px;
4331
4430
  --wds-section-helper-action-padding-small: 8px;
4431
+ --wds-section-helper-border-experimental-dark: #000624;
4332
4432
  --wds-section-helper-border-preview: #cfd1dc;
4333
4433
  --wds-section-helper-border-radius: 4px;
4434
+ --wds-section-helper-border-standard: #bac4ff;
4435
+ --wds-section-helper-border-success: #87cea5;
4436
+ --wds-section-helper-close-button-clearance-medium: 28px;
4437
+ --wds-section-helper-close-button-clearance-small: 20px;
4438
+ --wds-section-helper-close-button-inset-medium: 4px;
4439
+ --wds-section-helper-close-button-inset-small: 0px;
4334
4440
  --wds-section-helper-close-button-offset: 12px;
4441
+ --wds-section-helper-content-gap-medium: 8px;
4442
+ --wds-section-helper-content-gap-small: 8px;
4443
+ --wds-section-helper-fill-danger: #fde3e1;
4335
4444
  --wds-section-helper-fill-premium: #f1e0f9;
4336
4445
  --wds-section-helper-fill-preview: #edeef2;
4337
4446
  --wds-section-helper-fill-standard: #dce2ff;
4447
+ --wds-section-helper-fill-success: #e1f4eb;
4448
+ --wds-section-helper-fill-warning: #fef3e5;
4338
4449
  --wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
4339
4450
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
4340
4451
  --wds-section-helper-fullwidth-vertical-padding-medium: 10px;
@@ -4838,6 +4949,27 @@
4838
4949
  --wds-tag-label-font-line-height-small: 16px;
4839
4950
  --wds-tag-label-font-size-small: 12px;
4840
4951
  --wds-tag-list-action-gap: 4px;
4952
+ --wds-tag-outlined-dark-border-color: #868aa5;
4953
+ --wds-tag-outlined-dark-fill: #ffffff;
4954
+ --wds-tag-outlined-dark-label-color: #000624;
4955
+ --wds-tag-outlined-error-border-color: #e2e3ea;
4956
+ --wds-tag-outlined-error-fill: #ffffff;
4957
+ --wds-tag-outlined-error-label-color: #595d70;
4958
+ --wds-tag-outlined-light-border-color: rgba(255, 255, 255, 0.5000);
4959
+ --wds-tag-outlined-light-fill: rgba(255, 255, 255, 0.0000);
4960
+ --wds-tag-outlined-light-label-color: #ffffff;
4961
+ --wds-tag-outlined-neutral-border-color: #e2e3ea;
4962
+ --wds-tag-outlined-neutral-fill: #ffffff;
4963
+ --wds-tag-outlined-neutral-label-color: #595d70;
4964
+ --wds-tag-outlined-standard-border-color: #dce2ff;
4965
+ --wds-tag-outlined-standard-fill: #ffffff;
4966
+ --wds-tag-outlined-standard-label-color: #595d70;
4967
+ --wds-tag-outlined-success-border-color: #e2e3ea;
4968
+ --wds-tag-outlined-success-fill: #ffffff;
4969
+ --wds-tag-outlined-success-label-color: #595d70;
4970
+ --wds-tag-outlined-warning-border-color: #e2e3ea;
4971
+ --wds-tag-outlined-warning-fill: #ffffff;
4972
+ --wds-tag-outlined-warning-label-color: #595d70;
4841
4973
  --wds-tag-padding-horizontal-large: 16px;
4842
4974
  --wds-tag-padding-horizontal-medium: 12px;
4843
4975
  --wds-tag-padding-horizontal-small: 12px;
@@ -4850,6 +4982,20 @@
4850
4982
  --wds-tag-size-medium: 28px;
4851
4983
  --wds-tag-size-small: 24px;
4852
4984
  --wds-tag-size-tiny: 20px;
4985
+ --wds-tag-solid-dark-fill: #000624;
4986
+ --wds-tag-solid-error-fill: #fbd0cd;
4987
+ --wds-tag-solid-light-fill: #ffffff;
4988
+ --wds-tag-solid-neutral-fill: #f7f8f8;
4989
+ --wds-tag-solid-standard-fill: #f7f8f8;
4990
+ --wds-tag-solid-success-fill: #c8e8d6;
4991
+ --wds-tag-solid-warning-fill: #fef3e5;
4992
+ --wds-tag-transparent-dark-label-color: #000624;
4993
+ --wds-tag-transparent-error-label-color: #ee4437;
4994
+ --wds-tag-transparent-light-label-color: #ffffff;
4995
+ --wds-tag-transparent-neutral-label-color: #acafc4;
4996
+ --wds-tag-transparent-standard-label-color: #595d70;
4997
+ --wds-tag-transparent-success-label-color: #25a55a;
4998
+ --wds-tag-transparent-warning-label-color: #f9ad4d;
4853
4999
  --wds-testimonial-list-gap: 24px;
4854
5000
  --wds-text-button-font-line-height-medium: 24px;
4855
5001
  --wds-text-button-font-line-height-small: 20px;
package/wixel/component.st.css CHANGED
@@ -103,11 +103,15 @@
103
103
  @property st-global(--wds-badge-outline-destructive-label-color);
104
104
  @property st-global(--wds-badge-outline-neutral-border-color);
105
105
  @property st-global(--wds-badge-outline-neutral-danger-border-color);
106
+ @property st-global(--wds-badge-outline-neutral-danger-label-color);
106
107
  @property st-global(--wds-badge-outline-neutral-fill);
107
108
  @property st-global(--wds-badge-outline-neutral-label-color);
108
109
  @property st-global(--wds-badge-outline-neutral-light-border-color);
110
+ @property st-global(--wds-badge-outline-neutral-light-label-color);
109
111
  @property st-global(--wds-badge-outline-neutral-standard-border-color);
112
+ @property st-global(--wds-badge-outline-neutral-standard-label-color);
110
113
  @property st-global(--wds-badge-outline-neutral-success-border-color);
114
+ @property st-global(--wds-badge-outline-neutral-success-label-color);
111
115
  @property st-global(--wds-badge-outline-premium-border-color);
112
116
  @property st-global(--wds-badge-outline-premium-fill);
113
117
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -124,6 +128,7 @@
124
128
  @property st-global(--wds-badge-outline-warning-fill);
125
129
  @property st-global(--wds-badge-outline-warning-label-color);
126
130
  @property st-global(--wds-badge-outline-warning-light-border-color);
131
+ @property st-global(--wds-badge-outline-warning-light-label-color);
127
132
  @property st-global(--wds-badge-padding-horizontal-medium);
128
133
  @property st-global(--wds-badge-padding-horizontal-small);
129
134
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -135,7 +140,6 @@
135
140
  @property st-global(--wds-badge-size-tiny);
136
141
  @property st-global(--wds-badge-solid-neutral-danger-fill);
137
142
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
138
- @property st-global(--wds-badge-solid-neutral-light-fill);
139
143
  @property st-global(--wds-badge-solid-neutral-light-label-color);
140
144
  @property st-global(--wds-badge-solid-neutral-standard-fill);
141
145
  @property st-global(--wds-badge-solid-neutral-standard-label-color);
@@ -147,9 +151,15 @@
147
151
  @property st-global(--wds-badge-solid-warning-label-color);
148
152
  @property st-global(--wds-badge-solid-warning-light-fill);
149
153
  @property st-global(--wds-badge-solid-warning-light-label-color);
154
+ @property st-global(--wds-badge-transparent-neutral-danger-label-color);
155
+ @property st-global(--wds-badge-transparent-neutral-label-color);
156
+ @property st-global(--wds-badge-transparent-neutral-light-label-color);
157
+ @property st-global(--wds-badge-transparent-neutral-standard-label-color);
158
+ @property st-global(--wds-badge-transparent-neutral-success-label-color);
150
159
  @property st-global(--wds-badge-transparent-success-label-color);
151
160
  @property st-global(--wds-badge-transparent-urgent-label-color);
152
161
  @property st-global(--wds-badge-transparent-warning-label-color);
162
+ @property st-global(--wds-badge-transparent-warning-light-label-color);
153
163
  @property st-global(--wds-breadcrumbs-border-radius);
154
164
  @property st-global(--wds-breadcrumbs-font-size-small);
155
165
  @property st-global(--wds-breadcrumbs-height-large);
@@ -484,8 +494,20 @@
484
494
  @property st-global(--wds-code-snippet-border-radius-inline);
485
495
  @property st-global(--wds-code-snippet-border-radius-multiline);
486
496
  @property st-global(--wds-code-snippet-border-radius-singleline);
497
+ @property st-global(--wds-composer-header-actions-gap);
498
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
499
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
500
+ @property st-global(--wds-composer-header-border-fill);
501
+ @property st-global(--wds-composer-header-divider-margin);
502
+ @property st-global(--wds-composer-header-fill);
503
+ @property st-global(--wds-composer-header-height-medium);
504
+ @property st-global(--wds-composer-header-height-small);
505
+ @property st-global(--wds-composer-header-padding-vertical-small);
506
+ @property st-global(--wds-composer-sidebar-border-width);
487
507
  @property st-global(--wds-composer-sidebar-bottom-width);
488
508
  @property st-global(--wds-composer-sidebar-end-max-width);
509
+ @property st-global(--wds-composer-sidebar-fill);
510
+ @property st-global(--wds-composer-sidebar-item-border-radius);
489
511
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
490
512
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
491
513
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -504,9 +526,13 @@
504
526
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
505
527
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
506
528
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
529
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
530
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
507
531
  @property st-global(--wds-counter-badge-border-radius-medium);
508
532
  @property st-global(--wds-counter-badge-border-radius-small);
509
533
  @property st-global(--wds-counter-badge-font-size-tiny);
534
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
535
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
510
536
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
511
537
  @property st-global(--wds-counter-badge-padding-horizontal-small);
512
538
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1180,12 +1206,24 @@
1180
1206
  @property st-global(--wds-section-header-padding-vertical-small);
1181
1207
  @property st-global(--wds-section-helper-action-padding-medium);
1182
1208
  @property st-global(--wds-section-helper-action-padding-small);
1209
+ @property st-global(--wds-section-helper-border-experimental-dark);
1183
1210
  @property st-global(--wds-section-helper-border-preview);
1184
1211
  @property st-global(--wds-section-helper-border-radius);
1212
+ @property st-global(--wds-section-helper-border-standard);
1213
+ @property st-global(--wds-section-helper-border-success);
1214
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1215
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1216
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1217
+ @property st-global(--wds-section-helper-close-button-inset-small);
1185
1218
  @property st-global(--wds-section-helper-close-button-offset);
1219
+ @property st-global(--wds-section-helper-content-gap-medium);
1220
+ @property st-global(--wds-section-helper-content-gap-small);
1221
+ @property st-global(--wds-section-helper-fill-danger);
1186
1222
  @property st-global(--wds-section-helper-fill-premium);
1187
1223
  @property st-global(--wds-section-helper-fill-preview);
1188
1224
  @property st-global(--wds-section-helper-fill-standard);
1225
+ @property st-global(--wds-section-helper-fill-success);
1226
+ @property st-global(--wds-section-helper-fill-warning);
1189
1227
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
1190
1228
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-small);
1191
1229
  @property st-global(--wds-section-helper-fullwidth-vertical-padding-medium);
@@ -1552,6 +1590,27 @@
1552
1590
  @property st-global(--wds-tag-label-font-line-height-small);
1553
1591
  @property st-global(--wds-tag-label-font-size-small);
1554
1592
  @property st-global(--wds-tag-list-action-gap);
1593
+ @property st-global(--wds-tag-outlined-dark-border-color);
1594
+ @property st-global(--wds-tag-outlined-dark-fill);
1595
+ @property st-global(--wds-tag-outlined-dark-label-color);
1596
+ @property st-global(--wds-tag-outlined-error-border-color);
1597
+ @property st-global(--wds-tag-outlined-error-fill);
1598
+ @property st-global(--wds-tag-outlined-error-label-color);
1599
+ @property st-global(--wds-tag-outlined-light-border-color);
1600
+ @property st-global(--wds-tag-outlined-light-fill);
1601
+ @property st-global(--wds-tag-outlined-light-label-color);
1602
+ @property st-global(--wds-tag-outlined-neutral-border-color);
1603
+ @property st-global(--wds-tag-outlined-neutral-fill);
1604
+ @property st-global(--wds-tag-outlined-neutral-label-color);
1605
+ @property st-global(--wds-tag-outlined-standard-border-color);
1606
+ @property st-global(--wds-tag-outlined-standard-fill);
1607
+ @property st-global(--wds-tag-outlined-standard-label-color);
1608
+ @property st-global(--wds-tag-outlined-success-border-color);
1609
+ @property st-global(--wds-tag-outlined-success-fill);
1610
+ @property st-global(--wds-tag-outlined-success-label-color);
1611
+ @property st-global(--wds-tag-outlined-warning-border-color);
1612
+ @property st-global(--wds-tag-outlined-warning-fill);
1613
+ @property st-global(--wds-tag-outlined-warning-label-color);
1555
1614
  @property st-global(--wds-tag-padding-horizontal-large);
1556
1615
  @property st-global(--wds-tag-padding-horizontal-medium);
1557
1616
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -1564,6 +1623,20 @@
1564
1623
  @property st-global(--wds-tag-size-medium);
1565
1624
  @property st-global(--wds-tag-size-small);
1566
1625
  @property st-global(--wds-tag-size-tiny);
1626
+ @property st-global(--wds-tag-solid-dark-fill);
1627
+ @property st-global(--wds-tag-solid-error-fill);
1628
+ @property st-global(--wds-tag-solid-light-fill);
1629
+ @property st-global(--wds-tag-solid-neutral-fill);
1630
+ @property st-global(--wds-tag-solid-standard-fill);
1631
+ @property st-global(--wds-tag-solid-success-fill);
1632
+ @property st-global(--wds-tag-solid-warning-fill);
1633
+ @property st-global(--wds-tag-transparent-dark-label-color);
1634
+ @property st-global(--wds-tag-transparent-error-label-color);
1635
+ @property st-global(--wds-tag-transparent-light-label-color);
1636
+ @property st-global(--wds-tag-transparent-neutral-label-color);
1637
+ @property st-global(--wds-tag-transparent-standard-label-color);
1638
+ @property st-global(--wds-tag-transparent-success-label-color);
1639
+ @property st-global(--wds-tag-transparent-warning-label-color);
1567
1640
  @property st-global(--wds-testimonial-list-gap);
1568
1641
  @property st-global(--wds-text-button-font-line-height-medium);
1569
1642
  @property st-global(--wds-text-button-font-line-height-small);
@@ -1953,11 +2026,15 @@
1953
2026
  --wds-badge-outline-destructive-label-color: #ee4437;
1954
2027
  --wds-badge-outline-neutral-border-color: #868aa5;
1955
2028
  --wds-badge-outline-neutral-danger-border-color: #e2e3ea;
2029
+ --wds-badge-outline-neutral-danger-label-color: #595d70;
1956
2030
  --wds-badge-outline-neutral-fill: #ffffff;
1957
2031
  --wds-badge-outline-neutral-label-color: #acafc4;
1958
2032
  --wds-badge-outline-neutral-light-border-color: #e2e3ea;
2033
+ --wds-badge-outline-neutral-light-label-color: #595d70;
1959
2034
  --wds-badge-outline-neutral-standard-border-color: #dce2ff;
2035
+ --wds-badge-outline-neutral-standard-label-color: #595d70;
1960
2036
  --wds-badge-outline-neutral-success-border-color: #e2e3ea;
2037
+ --wds-badge-outline-neutral-success-label-color: #595d70;
1961
2038
  --wds-badge-outline-premium-border-color: #cf8cf1;
1962
2039
  --wds-badge-outline-premium-fill: #ffffff;
1963
2040
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -1974,6 +2051,7 @@
1974
2051
  --wds-badge-outline-warning-fill: #ffffff;
1975
2052
  --wds-badge-outline-warning-label-color: #f9ad4d;
1976
2053
  --wds-badge-outline-warning-light-border-color: #e2e3ea;
2054
+ --wds-badge-outline-warning-light-label-color: #595d70;
1977
2055
  --wds-badge-padding-horizontal-medium: 12px;
1978
2056
  --wds-badge-padding-horizontal-small: 8px;
1979
2057
  --wds-badge-padding-horizontal-tiny: 4px;
@@ -1985,7 +2063,6 @@
1985
2063
  --wds-badge-size-tiny: 16px;
1986
2064
  --wds-badge-solid-neutral-danger-fill: #fbd0cd;
1987
2065
  --wds-badge-solid-neutral-danger-label-color: #595d70;
1988
- --wds-badge-solid-neutral-light-fill: #f7f8f8;
1989
2066
  --wds-badge-solid-neutral-light-label-color: #595d70;
1990
2067
  --wds-badge-solid-neutral-standard-fill: #eef0ff;
1991
2068
  --wds-badge-solid-neutral-standard-label-color: #595d70;
@@ -1997,9 +2074,15 @@
1997
2074
  --wds-badge-solid-warning-label-color: #ffffff;
1998
2075
  --wds-badge-solid-warning-light-fill: #fef3e5;
1999
2076
  --wds-badge-solid-warning-light-label-color: #595d70;
2077
+ --wds-badge-transparent-neutral-danger-label-color: #fbd0cd;
2078
+ --wds-badge-transparent-neutral-label-color: #acafc4;
2079
+ --wds-badge-transparent-neutral-light-label-color: #edeef2;
2080
+ --wds-badge-transparent-neutral-standard-label-color: #dce2ff;
2081
+ --wds-badge-transparent-neutral-success-label-color: #c8e8d6;
2000
2082
  --wds-badge-transparent-success-label-color: #25a55a;
2001
2083
  --wds-badge-transparent-urgent-label-color: #f96132;
2002
2084
  --wds-badge-transparent-warning-label-color: #f9ad4d;
2085
+ --wds-badge-transparent-warning-light-label-color: #fdead2;
2003
2086
  --wds-breadcrumbs-border-radius: 2px;
2004
2087
  --wds-breadcrumbs-font-size-small: 12px;
2005
2088
  --wds-breadcrumbs-height-large: 36px;
@@ -2334,8 +2417,20 @@
2334
2417
  --wds-code-snippet-border-radius-inline: 4px;
2335
2418
  --wds-code-snippet-border-radius-multiline: 4px;
2336
2419
  --wds-code-snippet-border-radius-singleline: 4px;
2420
+ --wds-composer-header-actions-gap: 8px;
2421
+ --wds-composer-header-back-button-icon-size-medium: 24px;
2422
+ --wds-composer-header-back-button-icon-size-small: 18px;
2423
+ --wds-composer-header-border-fill: #e2e3ea;
2424
+ --wds-composer-header-divider-margin: 20px;
2425
+ --wds-composer-header-fill: #ffffff;
2426
+ --wds-composer-header-height-medium: 36px;
2427
+ --wds-composer-header-height-small: 30px;
2428
+ --wds-composer-header-padding-vertical-small: 8px;
2429
+ --wds-composer-sidebar-border-width: 1px;
2337
2430
  --wds-composer-sidebar-bottom-width: 88px;
2338
2431
  --wds-composer-sidebar-end-max-width: 240px;
2432
+ --wds-composer-sidebar-fill: #ffffff;
2433
+ --wds-composer-sidebar-item-border-radius: 1000px;
2339
2434
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
2340
2435
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 4px;
2341
2436
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 4px;
@@ -2348,15 +2443,19 @@
2348
2443
  --wds-composer-sidebar-item-end-padding-vertical-large: 8px;
2349
2444
  --wds-composer-sidebar-item-end-padding-vertical-medium: 8px;
2350
2445
  --wds-composer-sidebar-item-end-padding-vertical-small: 4px;
2351
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 8px;
2352
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 8px;
2353
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 8px;
2354
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: 8px;
2355
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 8px;
2356
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2446
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 12px;
2447
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 12px;
2448
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 12px;
2449
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: 12px;
2450
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 12px;
2451
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: 6px;
2452
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 6px;
2453
+ --wds-composer-sidebar-tooltip-item-gap: 0px;
2357
2454
  --wds-counter-badge-border-radius-medium: 1000px;
2358
2455
  --wds-counter-badge-border-radius-small: 1000px;
2359
2456
  --wds-counter-badge-font-size-tiny: 10px;
2457
+ --wds-counter-badge-outline-destructive-border-color: #f69891;
2458
+ --wds-counter-badge-outline-warning-label-color: #f9ad4d;
2360
2459
  --wds-counter-badge-padding-horizontal-medium: 6px;
2361
2460
  --wds-counter-badge-padding-horizontal-small: 4px;
2362
2461
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -3030,12 +3129,24 @@
3030
3129
  --wds-section-header-padding-vertical-small: 8px;
3031
3130
  --wds-section-helper-action-padding-medium: 8px;
3032
3131
  --wds-section-helper-action-padding-small: 8px;
3132
+ --wds-section-helper-border-experimental-dark: #000624;
3033
3133
  --wds-section-helper-border-preview: #cfd1dc;
3034
3134
  --wds-section-helper-border-radius: 4px;
3135
+ --wds-section-helper-border-standard: #bac4ff;
3136
+ --wds-section-helper-border-success: #87cea5;
3137
+ --wds-section-helper-close-button-clearance-medium: 28px;
3138
+ --wds-section-helper-close-button-clearance-small: 20px;
3139
+ --wds-section-helper-close-button-inset-medium: 4px;
3140
+ --wds-section-helper-close-button-inset-small: 0px;
3035
3141
  --wds-section-helper-close-button-offset: 12px;
3142
+ --wds-section-helper-content-gap-medium: 8px;
3143
+ --wds-section-helper-content-gap-small: 8px;
3144
+ --wds-section-helper-fill-danger: #fde3e1;
3036
3145
  --wds-section-helper-fill-premium: #f1e0f9;
3037
3146
  --wds-section-helper-fill-preview: #edeef2;
3038
3147
  --wds-section-helper-fill-standard: #dce2ff;
3148
+ --wds-section-helper-fill-success: #e1f4eb;
3149
+ --wds-section-helper-fill-warning: #fef3e5;
3039
3150
  --wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
3040
3151
  --wds-section-helper-fullwidth-horizontal-padding-small: 24px;
3041
3152
  --wds-section-helper-fullwidth-vertical-padding-medium: 10px;
@@ -3402,6 +3513,27 @@
3402
3513
  --wds-tag-label-font-line-height-small: 16px;
3403
3514
  --wds-tag-label-font-size-small: 12px;
3404
3515
  --wds-tag-list-action-gap: 4px;
3516
+ --wds-tag-outlined-dark-border-color: #868aa5;
3517
+ --wds-tag-outlined-dark-fill: #ffffff;
3518
+ --wds-tag-outlined-dark-label-color: #000624;
3519
+ --wds-tag-outlined-error-border-color: #e2e3ea;
3520
+ --wds-tag-outlined-error-fill: #ffffff;
3521
+ --wds-tag-outlined-error-label-color: #595d70;
3522
+ --wds-tag-outlined-light-border-color: rgba(255, 255, 255, 0.5000);
3523
+ --wds-tag-outlined-light-fill: rgba(255, 255, 255, 0.0000);
3524
+ --wds-tag-outlined-light-label-color: #ffffff;
3525
+ --wds-tag-outlined-neutral-border-color: #e2e3ea;
3526
+ --wds-tag-outlined-neutral-fill: #ffffff;
3527
+ --wds-tag-outlined-neutral-label-color: #595d70;
3528
+ --wds-tag-outlined-standard-border-color: #dce2ff;
3529
+ --wds-tag-outlined-standard-fill: #ffffff;
3530
+ --wds-tag-outlined-standard-label-color: #595d70;
3531
+ --wds-tag-outlined-success-border-color: #e2e3ea;
3532
+ --wds-tag-outlined-success-fill: #ffffff;
3533
+ --wds-tag-outlined-success-label-color: #595d70;
3534
+ --wds-tag-outlined-warning-border-color: #e2e3ea;
3535
+ --wds-tag-outlined-warning-fill: #ffffff;
3536
+ --wds-tag-outlined-warning-label-color: #595d70;
3405
3537
  --wds-tag-padding-horizontal-large: 16px;
3406
3538
  --wds-tag-padding-horizontal-medium: 12px;
3407
3539
  --wds-tag-padding-horizontal-small: 12px;
@@ -3414,6 +3546,20 @@
3414
3546
  --wds-tag-size-medium: 28px;
3415
3547
  --wds-tag-size-small: 24px;
3416
3548
  --wds-tag-size-tiny: 20px;
3549
+ --wds-tag-solid-dark-fill: #000624;
3550
+ --wds-tag-solid-error-fill: #fbd0cd;
3551
+ --wds-tag-solid-light-fill: #ffffff;
3552
+ --wds-tag-solid-neutral-fill: #f7f8f8;
3553
+ --wds-tag-solid-standard-fill: #f7f8f8;
3554
+ --wds-tag-solid-success-fill: #c8e8d6;
3555
+ --wds-tag-solid-warning-fill: #fef3e5;
3556
+ --wds-tag-transparent-dark-label-color: #000624;
3557
+ --wds-tag-transparent-error-label-color: #ee4437;
3558
+ --wds-tag-transparent-light-label-color: #ffffff;
3559
+ --wds-tag-transparent-neutral-label-color: #acafc4;
3560
+ --wds-tag-transparent-standard-label-color: #595d70;
3561
+ --wds-tag-transparent-success-label-color: #25a55a;
3562
+ --wds-tag-transparent-warning-label-color: #f9ad4d;
3417
3563
  --wds-testimonial-list-gap: 24px;
3418
3564
  --wds-text-button-font-line-height-medium: 24px;
3419
3565
  --wds-text-button-font-line-height-small: 20px;