@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/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-divider-margin-horizontal);
155
165
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -502,8 +512,20 @@
502
512
  @property st-global(--wds-color-picker-padding-horizontal);
503
513
  @property st-global(--wds-color-picker-padding-vertical);
504
514
  @property st-global(--wds-color-picker-width);
515
+ @property st-global(--wds-composer-header-actions-gap);
516
+ @property st-global(--wds-composer-header-back-button-icon-size-medium);
517
+ @property st-global(--wds-composer-header-back-button-icon-size-small);
518
+ @property st-global(--wds-composer-header-border-fill);
519
+ @property st-global(--wds-composer-header-divider-margin);
520
+ @property st-global(--wds-composer-header-fill);
521
+ @property st-global(--wds-composer-header-height-medium);
522
+ @property st-global(--wds-composer-header-height-small);
523
+ @property st-global(--wds-composer-header-padding-vertical-small);
524
+ @property st-global(--wds-composer-sidebar-border-width);
505
525
  @property st-global(--wds-composer-sidebar-bottom-width);
506
526
  @property st-global(--wds-composer-sidebar-end-max-width);
527
+ @property st-global(--wds-composer-sidebar-fill);
528
+ @property st-global(--wds-composer-sidebar-item-border-radius);
507
529
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-large);
508
530
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-medium);
509
531
  @property st-global(--wds-composer-sidebar-item-bottom-padding-horizontal-small);
@@ -522,9 +544,13 @@
522
544
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-large);
523
545
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-medium);
524
546
  @property st-global(--wds-composer-sidebar-item-tooltip-padding-vertical-small);
547
+ @property st-global(--wds-composer-sidebar-tooltip-container-padding-vertical);
548
+ @property st-global(--wds-composer-sidebar-tooltip-item-gap);
525
549
  @property st-global(--wds-counter-badge-border-radius-medium);
526
550
  @property st-global(--wds-counter-badge-border-radius-small);
527
551
  @property st-global(--wds-counter-badge-font-size-tiny);
552
+ @property st-global(--wds-counter-badge-outline-destructive-border-color);
553
+ @property st-global(--wds-counter-badge-outline-warning-label-color);
528
554
  @property st-global(--wds-counter-badge-padding-horizontal-medium);
529
555
  @property st-global(--wds-counter-badge-padding-horizontal-small);
530
556
  @property st-global(--wds-counter-badge-padding-horizontal-tiny);
@@ -1185,12 +1211,24 @@
1185
1211
  @property st-global(--wds-section-header-padding-vertical-small);
1186
1212
  @property st-global(--wds-section-helper-action-padding-medium);
1187
1213
  @property st-global(--wds-section-helper-action-padding-small);
1214
+ @property st-global(--wds-section-helper-border-experimental-dark);
1188
1215
  @property st-global(--wds-section-helper-border-preview);
1189
1216
  @property st-global(--wds-section-helper-border-radius);
1217
+ @property st-global(--wds-section-helper-border-standard);
1218
+ @property st-global(--wds-section-helper-border-success);
1219
+ @property st-global(--wds-section-helper-close-button-clearance-medium);
1220
+ @property st-global(--wds-section-helper-close-button-clearance-small);
1221
+ @property st-global(--wds-section-helper-close-button-inset-medium);
1222
+ @property st-global(--wds-section-helper-close-button-inset-small);
1190
1223
  @property st-global(--wds-section-helper-close-button-offset);
1224
+ @property st-global(--wds-section-helper-content-gap-medium);
1225
+ @property st-global(--wds-section-helper-content-gap-small);
1226
+ @property st-global(--wds-section-helper-fill-danger);
1191
1227
  @property st-global(--wds-section-helper-fill-premium);
1192
1228
  @property st-global(--wds-section-helper-fill-preview);
1193
1229
  @property st-global(--wds-section-helper-fill-standard);
1230
+ @property st-global(--wds-section-helper-fill-success);
1231
+ @property st-global(--wds-section-helper-fill-warning);
1194
1232
  @property st-global(--wds-section-helper-horizontal-margin);
1195
1233
  @property st-global(--wds-section-helper-horizontal-padding-medium);
1196
1234
  @property st-global(--wds-section-helper-horizontal-padding-small);
@@ -1584,6 +1622,27 @@
1584
1622
  @property st-global(--wds-tag-label-font-line-height-small);
1585
1623
  @property st-global(--wds-tag-label-font-size-small);
1586
1624
  @property st-global(--wds-tag-list-action-gap);
1625
+ @property st-global(--wds-tag-outlined-dark-border-color);
1626
+ @property st-global(--wds-tag-outlined-dark-fill);
1627
+ @property st-global(--wds-tag-outlined-dark-label-color);
1628
+ @property st-global(--wds-tag-outlined-error-border-color);
1629
+ @property st-global(--wds-tag-outlined-error-fill);
1630
+ @property st-global(--wds-tag-outlined-error-label-color);
1631
+ @property st-global(--wds-tag-outlined-light-border-color);
1632
+ @property st-global(--wds-tag-outlined-light-fill);
1633
+ @property st-global(--wds-tag-outlined-light-label-color);
1634
+ @property st-global(--wds-tag-outlined-neutral-border-color);
1635
+ @property st-global(--wds-tag-outlined-neutral-fill);
1636
+ @property st-global(--wds-tag-outlined-neutral-label-color);
1637
+ @property st-global(--wds-tag-outlined-standard-border-color);
1638
+ @property st-global(--wds-tag-outlined-standard-fill);
1639
+ @property st-global(--wds-tag-outlined-standard-label-color);
1640
+ @property st-global(--wds-tag-outlined-success-border-color);
1641
+ @property st-global(--wds-tag-outlined-success-fill);
1642
+ @property st-global(--wds-tag-outlined-success-label-color);
1643
+ @property st-global(--wds-tag-outlined-warning-border-color);
1644
+ @property st-global(--wds-tag-outlined-warning-fill);
1645
+ @property st-global(--wds-tag-outlined-warning-label-color);
1587
1646
  @property st-global(--wds-tag-padding-horizontal-large);
1588
1647
  @property st-global(--wds-tag-padding-horizontal-medium);
1589
1648
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -1596,6 +1655,20 @@
1596
1655
  @property st-global(--wds-tag-size-medium);
1597
1656
  @property st-global(--wds-tag-size-small);
1598
1657
  @property st-global(--wds-tag-size-tiny);
1658
+ @property st-global(--wds-tag-solid-dark-fill);
1659
+ @property st-global(--wds-tag-solid-error-fill);
1660
+ @property st-global(--wds-tag-solid-light-fill);
1661
+ @property st-global(--wds-tag-solid-neutral-fill);
1662
+ @property st-global(--wds-tag-solid-standard-fill);
1663
+ @property st-global(--wds-tag-solid-success-fill);
1664
+ @property st-global(--wds-tag-solid-warning-fill);
1665
+ @property st-global(--wds-tag-transparent-dark-label-color);
1666
+ @property st-global(--wds-tag-transparent-error-label-color);
1667
+ @property st-global(--wds-tag-transparent-light-label-color);
1668
+ @property st-global(--wds-tag-transparent-neutral-label-color);
1669
+ @property st-global(--wds-tag-transparent-standard-label-color);
1670
+ @property st-global(--wds-tag-transparent-success-label-color);
1671
+ @property st-global(--wds-tag-transparent-warning-label-color);
1599
1672
  @property st-global(--wds-testimonial-list-gap);
1600
1673
  @property st-global(--wds-text-button-font-line-height-medium);
1601
1674
  @property st-global(--wds-text-button-font-line-height-small);
@@ -1976,21 +2049,25 @@
1976
2049
  --wds-badge-label-font-line-height-small: 16px;
1977
2050
  --wds-badge-label-font-size-small: 12px;
1978
2051
  --wds-badge-outline-dark-border-color: #151414;
1979
- --wds-badge-outline-dark-fill: #e8e7e7;
2052
+ --wds-badge-outline-dark-fill: #f0efef;
1980
2053
  --wds-badge-outline-dark-label-color: #383838;
1981
2054
  --wds-badge-outline-destructive-border-color: #e55c5e;
1982
2055
  --wds-badge-outline-destructive-fill: #fcebeb;
1983
2056
  --wds-badge-outline-destructive-label-color: #be2b2e;
1984
- --wds-badge-outline-neutral-border-color: #525150;
2057
+ --wds-badge-outline-neutral-border-color: #767574;
1985
2058
  --wds-badge-outline-neutral-danger-border-color: #e55c5e;
2059
+ --wds-badge-outline-neutral-danger-label-color: #151414;
1986
2060
  --wds-badge-outline-neutral-fill: #f0efef;
1987
2061
  --wds-badge-outline-neutral-label-color: #525150;
1988
- --wds-badge-outline-neutral-light-border-color: #525150;
2062
+ --wds-badge-outline-neutral-light-border-color: #767574;
2063
+ --wds-badge-outline-neutral-light-label-color: #151414;
1989
2064
  --wds-badge-outline-neutral-standard-border-color: #597dff;
2065
+ --wds-badge-outline-neutral-standard-label-color: #151414;
1990
2066
  --wds-badge-outline-neutral-success-border-color: #4b916d;
1991
- --wds-badge-outline-premium-border-color: #acbeff;
2067
+ --wds-badge-outline-neutral-success-label-color: #151414;
2068
+ --wds-badge-outline-premium-border-color: #2f5dff;
1992
2069
  --wds-badge-outline-premium-fill: #eaefff;
1993
- --wds-badge-outline-premium-label-color: #2f5dff;
2070
+ --wds-badge-outline-premium-label-color: #1c3fe5;
1994
2071
  --wds-badge-outline-standard-border-color: #597dff;
1995
2072
  --wds-badge-outline-standard-fill: #eaefff;
1996
2073
  --wds-badge-outline-standard-label-color: #1c3fe5;
@@ -2001,9 +2078,10 @@
2001
2078
  --wds-badge-outline-urgent-fill: #fdf1ec;
2002
2079
  --wds-badge-outline-urgent-label-color: #ae3e09;
2003
2080
  --wds-badge-outline-warning-border-color: #9f6113;
2004
- --wds-badge-outline-warning-fill: #fef6ed;
2081
+ --wds-badge-outline-warning-fill: #fef3e5;
2005
2082
  --wds-badge-outline-warning-label-color: #9f6113;
2006
- --wds-badge-outline-warning-light-border-color: #c78634;
2083
+ --wds-badge-outline-warning-light-border-color: #9f6113;
2084
+ --wds-badge-outline-warning-light-label-color: #151414;
2007
2085
  --wds-badge-padding-horizontal-medium: 8px;
2008
2086
  --wds-badge-padding-horizontal-small: 8px;
2009
2087
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2015,21 +2093,26 @@
2015
2093
  --wds-badge-size-tiny: 20px;
2016
2094
  --wds-badge-solid-neutral-danger-fill: #fcebeb;
2017
2095
  --wds-badge-solid-neutral-danger-label-color: #be2b2e;
2018
- --wds-badge-solid-neutral-light-fill: #f0efef;
2019
2096
  --wds-badge-solid-neutral-light-label-color: #525150;
2020
2097
  --wds-badge-solid-neutral-standard-fill: #eaefff;
2021
2098
  --wds-badge-solid-neutral-standard-label-color: #1c3fe5;
2022
2099
  --wds-badge-solid-neutral-success-fill: #f1f5ed;
2023
2100
  --wds-badge-solid-neutral-success-label-color: #3f7b5c;
2024
2101
  --wds-badge-solid-success-fill: #bde2a7;
2025
- --wds-badge-solid-success-label-color: #383838;
2026
- --wds-badge-solid-urgent-label-color: #383838;
2027
- --wds-badge-solid-warning-label-color: #383838;
2102
+ --wds-badge-solid-success-label-color: #151414;
2103
+ --wds-badge-solid-urgent-label-color: #151414;
2104
+ --wds-badge-solid-warning-label-color: #151414;
2028
2105
  --wds-badge-solid-warning-light-fill: #fef3e5;
2029
2106
  --wds-badge-solid-warning-light-label-color: #9f6113;
2107
+ --wds-badge-transparent-neutral-danger-label-color: #df3336;
2108
+ --wds-badge-transparent-neutral-label-color: #525150;
2109
+ --wds-badge-transparent-neutral-light-label-color: #383838;
2110
+ --wds-badge-transparent-neutral-standard-label-color: #2f5dff;
2111
+ --wds-badge-transparent-neutral-success-label-color: #3f7b5c;
2030
2112
  --wds-badge-transparent-success-label-color: #3f7b5c;
2031
2113
  --wds-badge-transparent-urgent-label-color: #ae3e09;
2032
2114
  --wds-badge-transparent-warning-label-color: #9f6113;
2115
+ --wds-badge-transparent-warning-light-label-color: #9f6113;
2033
2116
  --wds-breadcrumbs-border-radius: 6px;
2034
2117
  --wds-breadcrumbs-divider-margin-horizontal: 0px;
2035
2118
  --wds-breadcrumbs-font-size-small: 12px;
@@ -2382,8 +2465,20 @@
2382
2465
  --wds-color-picker-padding-horizontal: 16px;
2383
2466
  --wds-color-picker-padding-vertical: 12px;
2384
2467
  --wds-color-picker-width: 236px;
2468
+ --wds-composer-header-actions-gap: 2px;
2469
+ --wds-composer-header-back-button-icon-size-medium: 18px;
2470
+ --wds-composer-header-back-button-icon-size-small: 18px;
2471
+ --wds-composer-header-border-fill: rgba(255, 255, 255, 0);
2472
+ --wds-composer-header-divider-margin: 16px;
2473
+ --wds-composer-header-fill: #f8f6f6;
2474
+ --wds-composer-header-height-medium: 30px;
2475
+ --wds-composer-header-height-small: 30px;
2476
+ --wds-composer-header-padding-vertical-small: 10px;
2477
+ --wds-composer-sidebar-border-width: 0px;
2385
2478
  --wds-composer-sidebar-bottom-width: 88px;
2386
2479
  --wds-composer-sidebar-end-max-width: 240px;
2480
+ --wds-composer-sidebar-fill: #f8f6f6;
2481
+ --wds-composer-sidebar-item-border-radius: 8px;
2387
2482
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: 4px;
2388
2483
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: 4px;
2389
2484
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: 4px;
@@ -2396,15 +2491,19 @@
2396
2491
  --wds-composer-sidebar-item-end-padding-vertical-large: 8px;
2397
2492
  --wds-composer-sidebar-item-end-padding-vertical-medium: 8px;
2398
2493
  --wds-composer-sidebar-item-end-padding-vertical-small: 4px;
2399
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 8px;
2400
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 8px;
2401
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 8px;
2402
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: 8px;
2403
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 8px;
2404
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: 4px;
2494
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: 12px;
2495
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: 12px;
2496
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: 12px;
2497
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: 0px;
2498
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: 0px;
2499
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: 0px;
2500
+ --wds-composer-sidebar-tooltip-container-padding-vertical: 0px;
2501
+ --wds-composer-sidebar-tooltip-item-gap: 8px;
2405
2502
  --wds-counter-badge-border-radius-medium: 1000px;
2406
2503
  --wds-counter-badge-border-radius-small: 1000px;
2407
2504
  --wds-counter-badge-font-size-tiny: 10px;
2505
+ --wds-counter-badge-outline-destructive-border-color: #e55c5e;
2506
+ --wds-counter-badge-outline-warning-label-color: #9f6113;
2408
2507
  --wds-counter-badge-padding-horizontal-medium: 8px;
2409
2508
  --wds-counter-badge-padding-horizontal-small: 6px;
2410
2509
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -2474,9 +2573,9 @@
2474
2573
  --wds-fill-button-fill: #ffffff;
2475
2574
  --wds-fill-button-fill-hover: #ffffff;
2476
2575
  --wds-fill-button-icon-color: #151414;
2477
- --wds-floating-helper-main-action-padding-top: 16px;
2478
- --wds-floating-helper-padding-horizontal: 32px;
2479
- --wds-floating-helper-padding-vertical: 28px;
2576
+ --wds-floating-helper-main-action-padding-top: 20px;
2577
+ --wds-floating-helper-padding-horizontal: 24px;
2578
+ --wds-floating-helper-padding-vertical: 24px;
2480
2579
  --wds-form-field-label-fill: #383838;
2481
2580
  --wds-form-field-label-font-size-small: 12px;
2482
2581
  --wds-form-field-label-font-size-tiny: 10px;
@@ -3065,12 +3164,24 @@
3065
3164
  --wds-section-header-padding-vertical-small: 8px;
3066
3165
  --wds-section-helper-action-padding-medium: 12px;
3067
3166
  --wds-section-helper-action-padding-small: 8px;
3068
- --wds-section-helper-border-preview: #e8e7e7;
3069
- --wds-section-helper-border-radius: 6px;
3167
+ --wds-section-helper-border-experimental-dark: #525150;
3168
+ --wds-section-helper-border-preview: #dedede;
3169
+ --wds-section-helper-border-radius: 12px;
3170
+ --wds-section-helper-border-standard: #acbeff;
3171
+ --wds-section-helper-border-success: #97c693;
3172
+ --wds-section-helper-close-button-clearance-medium: 32px;
3173
+ --wds-section-helper-close-button-clearance-small: 32px;
3174
+ --wds-section-helper-close-button-inset-medium: 4px;
3175
+ --wds-section-helper-close-button-inset-small: 4px;
3070
3176
  --wds-section-helper-close-button-offset: 0px;
3177
+ --wds-section-helper-content-gap-medium: 20px;
3178
+ --wds-section-helper-content-gap-small: 20px;
3179
+ --wds-section-helper-fill-danger: #fcebeb;
3071
3180
  --wds-section-helper-fill-premium: #f5f7ff;
3072
- --wds-section-helper-fill-preview: #f8f6f6;
3181
+ --wds-section-helper-fill-preview: #f0efef;
3073
3182
  --wds-section-helper-fill-standard: #f5f7ff;
3183
+ --wds-section-helper-fill-success: #f1f5ed;
3184
+ --wds-section-helper-fill-warning: #fef6ed;
3074
3185
  --wds-section-helper-horizontal-margin: 6px;
3075
3186
  --wds-section-helper-horizontal-padding-medium: 16px;
3076
3187
  --wds-section-helper-horizontal-padding-small: 12px;
@@ -3078,11 +3189,11 @@
3078
3189
  --wds-section-helper-prefix-offset-medium: 16px;
3079
3190
  --wds-section-helper-text-font-line-height: 16px;
3080
3191
  --wds-section-helper-text-font-size: 12px;
3081
- --wds-section-helper-title-font-size: 14px;
3192
+ --wds-section-helper-title-font-size: 12px;
3082
3193
  --wds-section-helper-title-font-weight: 600;
3083
3194
  --wds-section-helper-vertical-margin: 6px;
3084
- --wds-section-helper-vertical-padding-medium: 24px;
3085
- --wds-section-helper-vertical-padding-small: 8px;
3195
+ --wds-section-helper-vertical-padding-medium: 16px;
3196
+ --wds-section-helper-vertical-padding-small: 16px;
3086
3197
  --wds-segmented-toggle-border-color: rgba(19, 23, 32, 0);
3087
3198
  --wds-segmented-toggle-border-color-disabled: rgba(19, 23, 32, 0);
3088
3199
  --wds-segmented-toggle-border-color-hover: rgba(19, 23, 32, 0);
@@ -3464,6 +3575,27 @@
3464
3575
  --wds-tag-label-font-line-height-small: 16px;
3465
3576
  --wds-tag-label-font-size-small: 12px;
3466
3577
  --wds-tag-list-action-gap: 12px;
3578
+ --wds-tag-outlined-dark-border-color: #151414;
3579
+ --wds-tag-outlined-dark-fill: rgba(19, 23, 32, 0);
3580
+ --wds-tag-outlined-dark-label-color: #151414;
3581
+ --wds-tag-outlined-error-border-color: #e55c5e;
3582
+ --wds-tag-outlined-error-fill: #fcebeb;
3583
+ --wds-tag-outlined-error-label-color: #383838;
3584
+ --wds-tag-outlined-light-border-color: #ffffff;
3585
+ --wds-tag-outlined-light-fill: rgba(255, 255, 255, 0);
3586
+ --wds-tag-outlined-light-label-color: #ffffff;
3587
+ --wds-tag-outlined-neutral-border-color: #a8a6a5;
3588
+ --wds-tag-outlined-neutral-fill: #ffffff;
3589
+ --wds-tag-outlined-neutral-label-color: #383838;
3590
+ --wds-tag-outlined-standard-border-color: #7896ff;
3591
+ --wds-tag-outlined-standard-fill: #eaefff;
3592
+ --wds-tag-outlined-standard-label-color: #383838;
3593
+ --wds-tag-outlined-success-border-color: #97c693;
3594
+ --wds-tag-outlined-success-fill: #effae5;
3595
+ --wds-tag-outlined-success-label-color: #383838;
3596
+ --wds-tag-outlined-warning-border-color: #fabd71;
3597
+ --wds-tag-outlined-warning-fill: #fef3e5;
3598
+ --wds-tag-outlined-warning-label-color: #383838;
3467
3599
  --wds-tag-padding-horizontal-large: 16px;
3468
3600
  --wds-tag-padding-horizontal-medium: 12px;
3469
3601
  --wds-tag-padding-horizontal-small: 12px;
@@ -3476,6 +3608,20 @@
3476
3608
  --wds-tag-size-medium: 28px;
3477
3609
  --wds-tag-size-small: 24px;
3478
3610
  --wds-tag-size-tiny: 20px;
3611
+ --wds-tag-solid-dark-fill: #151414;
3612
+ --wds-tag-solid-error-fill: #f4b8b9;
3613
+ --wds-tag-solid-light-fill: #ffffff;
3614
+ --wds-tag-solid-neutral-fill: #f0efef;
3615
+ --wds-tag-solid-standard-fill: #d5dfff;
3616
+ --wds-tag-solid-success-fill: #daf3c0;
3617
+ --wds-tag-solid-warning-fill: #fdead2;
3618
+ --wds-tag-transparent-dark-label-color: #151414;
3619
+ --wds-tag-transparent-error-label-color: #df3336;
3620
+ --wds-tag-transparent-light-label-color: #ffffff;
3621
+ --wds-tag-transparent-neutral-label-color: #767574;
3622
+ --wds-tag-transparent-standard-label-color: #383838;
3623
+ --wds-tag-transparent-success-label-color: #3f7b5c;
3624
+ --wds-tag-transparent-warning-label-color: #9f6113;
3479
3625
  --wds-testimonial-list-gap: 24px;
3480
3626
  --wds-text-button-font-line-height-medium: 18px;
3481
3627
  --wds-text-button-font-line-height-small: 16px;
package/odeditor-dark/all.css CHANGED
@@ -474,6 +474,7 @@
474
474
  --wds-counter-badge-font-size-tiny: 10px;
475
475
  --wds-composer-sidebar-end-max-width: 240px;
476
476
  --wds-composer-sidebar-bottom-width: 88px;
477
+ --wds-composer-sidebar-border-width: 1px;
477
478
  --wds-color-picker-width: 236px;
478
479
  --wds-clickable-card-standard-box-shadow-hover: none;
479
480
  --wds-carousel-gradient-opacity: 50%;
@@ -1365,8 +1366,8 @@
1365
1366
  --wds-segmented-toggle-border-color-hover: var(--wds-color-black-100-transparent-0);
1366
1367
  --wds-segmented-toggle-border-color-disabled: var(--wds-color-black-100-transparent-0);
1367
1368
  --wds-segmented-toggle-border-color: var(--wds-color-black-100-transparent-0);
1368
- --wds-section-helper-vertical-padding-small: var(--wds-space-200);
1369
- --wds-section-helper-vertical-padding-medium: var(--wds-space-600);
1369
+ --wds-section-helper-vertical-padding-small: var(--wds-space-400);
1370
+ --wds-section-helper-vertical-padding-medium: var(--wds-space-400);
1370
1371
  --wds-section-helper-vertical-margin: var(--wds-space-150);
1371
1372
  --wds-section-helper-title-font-weight: var(--wds-font-weight-semi-bold);
1372
1373
  --wds-section-helper-prefix-offset-medium: var(--wds-space-400);
@@ -1376,8 +1377,14 @@
1376
1377
  --wds-section-helper-fill-standard: var(--wds-color-blue-500);
1377
1378
  --wds-section-helper-fill-preview: var(--wds-color-black-750);
1378
1379
  --wds-section-helper-fill-premium: var(--wds-color-blue-500);
1380
+ --wds-section-helper-content-gap-small: var(--wds-space-500);
1381
+ --wds-section-helper-content-gap-medium: var(--wds-space-500);
1379
1382
  --wds-section-helper-close-button-offset: var(--wds-space-0);
1380
- --wds-section-helper-border-radius: var(--wds-border-radius-300);
1383
+ --wds-section-helper-close-button-inset-small: var(--wds-space-100);
1384
+ --wds-section-helper-close-button-inset-medium: var(--wds-space-100);
1385
+ --wds-section-helper-close-button-clearance-small: var(--wds-space-800);
1386
+ --wds-section-helper-close-button-clearance-medium: var(--wds-space-800);
1387
+ --wds-section-helper-border-radius: var(--wds-border-radius-600);
1381
1388
  --wds-section-helper-border-preview: var(--wds-color-black-600);
1382
1389
  --wds-section-helper-action-padding-small: var(--wds-space-200);
1383
1390
  --wds-section-helper-action-padding-medium: var(--wds-space-300);
@@ -1724,14 +1731,18 @@
1724
1731
  --wds-counter-badge-size-medium: var(--wds-space-600);
1725
1732
  --wds-counter-badge-padding-horizontal-small: var(--wds-space-150);
1726
1733
  --wds-counter-badge-padding-horizontal-medium: var(--wds-space-200);
1734
+ --wds-counter-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1727
1735
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1728
1736
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1729
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
1730
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200);
1731
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200);
1732
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200);
1733
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200);
1734
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200);
1737
+ --wds-composer-sidebar-tooltip-item-gap: var(--wds-space-200);
1738
+ --wds-composer-sidebar-tooltip-container-padding-vertical: var(--wds-space-0);
1739
+ --wds-composer-sidebar-item-border-radius: var(--wds-border-radius-full);
1740
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-0);
1741
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-0);
1742
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-0);
1743
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-300);
1744
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-300);
1745
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-300);
1735
1746
  --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1736
1747
  --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1737
1748
  --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
@@ -1744,6 +1755,14 @@
1744
1755
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1745
1756
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1746
1757
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1758
+ --wds-composer-header-padding-vertical-small: var(--wds-space-250);
1759
+ --wds-composer-header-height-small: var(--wds-space-750);
1760
+ --wds-composer-header-height-medium: var(--wds-space-750);
1761
+ --wds-composer-header-divider-margin: var(--wds-space-400);
1762
+ --wds-composer-header-border-fill: var(--wds-color-white-transparent-0);
1763
+ --wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
1764
+ --wds-composer-header-back-button-icon-size-medium: var(--wds-space-475);
1765
+ --wds-composer-header-actions-gap: var(--wds-space-50);
1747
1766
  --wds-color-picker-padding-vertical: var(--wds-space-300);
1748
1767
  --wds-color-picker-padding-horizontal: var(--wds-space-400);
1749
1768
  --wds-code-snippet-border-radius-singleline: var(--wds-border-radius-500);
@@ -1930,6 +1949,20 @@
1930
1949
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1931
1950
  --wds-breadcrumbs-divider-margin-horizontal: var(--wds-space-0);
1932
1951
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1952
+ --wds-badge-transparent-warning-light-label-color: var(--wds-color-yellow-400);
1953
+ --wds-badge-transparent-neutral-success-label-color: var(--wds-color-green-400);
1954
+ --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-blue-400);
1955
+ --wds-badge-transparent-neutral-light-label-color: var(--wds-color-black-700);
1956
+ --wds-badge-transparent-neutral-danger-label-color: var(--wds-color-red-400);
1957
+ --wds-badge-transparent-neutral-label-color: var(--wds-color-black-200);
1958
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-yellow-50);
1959
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-green-50);
1960
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-green-600);
1961
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-blue-50);
1962
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-blue-500);
1963
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-black-200);
1964
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-red-50);
1965
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-red-600);
1933
1966
  --wds-badge-size-tiny: var(--wds-space-500);
1934
1967
  --wds-badge-size-small: var(--wds-space-600);
1935
1968
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1939,18 +1972,24 @@
1939
1972
  --wds-badge-padding-horizontal-tiny: var(--wds-space-150);
1940
1973
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1941
1974
  --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1942
- --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1943
- --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
1975
+ --wds-badge-outline-warning-label-color: var(--wds-color-yellow-50);
1944
1976
  --wds-badge-outline-warning-border-color: var(--wds-color-yellow-300);
1945
1977
  --wds-badge-outline-urgent-label-color: var(--wds-color-orange-50);
1946
1978
  --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1947
1979
  --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1948
1980
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1981
+ --wds-badge-outline-success-border-color: var(--wds-color-green-300);
1949
1982
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1950
1983
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1951
- --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1984
+ --wds-badge-outline-premium-fill: var(--wds-color-blue-500);
1985
+ --wds-badge-outline-premium-border-color: var(--wds-color-blue-250);
1986
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-black-500);
1987
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-red-200);
1952
1988
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1953
1989
  --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
1990
+ --wds-badge-outline-destructive-border-color: var(--wds-color-red-200);
1991
+ --wds-badge-outline-dark-label-color: var(--wds-color-black-200);
1992
+ --wds-badge-outline-dark-border-color: var(--wds-color-black-400);
1954
1993
  --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1955
1994
  --wds-badge-border-radius-small: var(--wds-border-radius-200);
1956
1995
  --wds-badge-border-radius-medium: var(--wds-border-radius-200);
@@ -2095,6 +2134,41 @@
2095
2134
  --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
2096
2135
  --wds-text-button-font-size-small: var(--wds-font-size-body-small);
2097
2136
  --wds-text-button-font-size-medium: var(--wds-font-size-body-medium);
2137
+ --wds-tag-transparent-warning-label-color: var(--wds-color-text-warning);
2138
+ --wds-tag-transparent-success-label-color: var(--wds-color-text-success);
2139
+ --wds-tag-transparent-standard-label-color: var(--wds-color-text-standard-secondary);
2140
+ --wds-tag-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2141
+ --wds-tag-transparent-light-label-color: var(--wds-color-text-standard-primary-light);
2142
+ --wds-tag-transparent-error-label-color: var(--wds-color-text-destructive);
2143
+ --wds-tag-transparent-dark-label-color: var(--wds-color-text-standard-primary);
2144
+ --wds-tag-solid-warning-fill: var(--wds-color-fill-warning-secondary);
2145
+ --wds-tag-solid-success-fill: var(--wds-color-fill-success-secondary);
2146
+ --wds-tag-solid-standard-fill: var(--wds-color-fill-dark-secondary);
2147
+ --wds-tag-solid-neutral-fill: var(--wds-color-fill-dark-secondary);
2148
+ --wds-tag-solid-light-fill: var(--wds-color-fill-light-primary);
2149
+ --wds-tag-solid-error-fill: var(--wds-color-fill-destructive-secondary);
2150
+ --wds-tag-solid-dark-fill: var(--wds-color-fill-dark-primary);
2151
+ --wds-tag-outlined-warning-label-color: var(--wds-color-text-standard-secondary);
2152
+ --wds-tag-outlined-warning-fill: var(--wds-color-fill-warning-tertiary);
2153
+ --wds-tag-outlined-warning-border-color: var(--wds-color-border-warning-secondary);
2154
+ --wds-tag-outlined-success-label-color: var(--wds-color-text-standard-secondary);
2155
+ --wds-tag-outlined-success-fill: var(--wds-color-fill-success-tertiary);
2156
+ --wds-tag-outlined-success-border-color: var(--wds-color-border-success-secondary);
2157
+ --wds-tag-outlined-standard-label-color: var(--wds-color-text-standard-secondary);
2158
+ --wds-tag-outlined-standard-fill: var(--wds-color-fill-standard-tertiary);
2159
+ --wds-tag-outlined-standard-border-color: var(--wds-color-border-standard-secondary);
2160
+ --wds-tag-outlined-neutral-label-color: var(--wds-color-text-standard-secondary);
2161
+ --wds-tag-outlined-neutral-fill: var(--wds-color-fill-dark-tertiary);
2162
+ --wds-tag-outlined-neutral-border-color: var(--wds-color-border-dark-secondary);
2163
+ --wds-tag-outlined-light-label-color: var(--wds-color-text-standard-primary-light);
2164
+ --wds-tag-outlined-light-fill: var(--wds-color-fill-light-secondary);
2165
+ --wds-tag-outlined-light-border-color: var(--wds-color-border-light);
2166
+ --wds-tag-outlined-error-label-color: var(--wds-color-text-standard-secondary);
2167
+ --wds-tag-outlined-error-fill: var(--wds-color-fill-destructive-tertiary);
2168
+ --wds-tag-outlined-error-border-color: var(--wds-color-border-destructive-secondary);
2169
+ --wds-tag-outlined-dark-label-color: var(--wds-color-text-standard-primary);
2170
+ --wds-tag-outlined-dark-fill: var(--wds-color-fill-dark-tertiary);
2171
+ --wds-tag-outlined-dark-border-color: var(--wds-color-border-dark-primary);
2098
2172
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
2099
2173
  --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
2100
2174
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-tiny);
@@ -2167,8 +2241,14 @@
2167
2241
  --wds-segmented-toggle-fill-hover: var(--wds-color-fill-light-secondary);
2168
2242
  --wds-segmented-toggle-fill-default: var(--wds-color-fill-standard-tertiary);
2169
2243
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
2170
- --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
2244
+ --wds-section-helper-title-font-size: var(--wds-font-size-body-tiny);
2171
2245
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
2246
+ --wds-section-helper-fill-warning: var(--wds-color-fill-surface-warning);
2247
+ --wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
2248
+ --wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
2249
+ --wds-section-helper-border-success: var(--wds-color-border-success-primary);
2250
+ --wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
2251
+ --wds-section-helper-border-experimental-dark: var(--wds-color-fill-dark-primary);
2172
2252
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
2173
2253
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
2174
2254
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
@@ -2382,6 +2462,9 @@
2382
2462
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
2383
2463
  --wds-custom-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2384
2464
  --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
2465
+ --wds-counter-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2466
+ --wds-composer-sidebar-fill: var(--wds-color-fill-standard-tertiary);
2467
+ --wds-composer-header-fill: var(--wds-color-fill-surface-default);
2385
2468
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
2386
2469
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
2387
2470
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
@@ -2487,37 +2570,27 @@
2487
2570
  --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2488
2571
  --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2489
2572
  --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2490
- --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2491
- --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2573
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-tertiary-hover);
2492
2574
  --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2493
2575
  --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2494
2576
  --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2495
2577
  --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2496
- --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2497
- --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2498
- --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2499
- --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2500
- --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2501
- --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2502
- --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2503
- --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2504
- --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2578
+ --wds-badge-outline-warning-light-label-color: var(--wds-color-text-standard-primary);
2579
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-primary);
2580
+ --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary-hover);
2505
2581
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2506
- --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2507
2582
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
2508
2583
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2509
- --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2510
- --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2511
- --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2512
- --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2513
- --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2514
- --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2515
- --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2584
+ --wds-badge-outline-neutral-success-label-color: var(--wds-color-text-standard-primary);
2585
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-primary);
2586
+ --wds-badge-outline-neutral-standard-label-color: var(--wds-color-text-standard-primary);
2587
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-primary);
2588
+ --wds-badge-outline-neutral-light-label-color: var(--wds-color-text-standard-primary);
2589
+ --wds-badge-outline-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2590
+ --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary);
2516
2591
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
2517
- --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2518
- --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
2592
+ --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2519
2593
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
2520
- --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2521
2594
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2522
2595
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2523
2596
  --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-text-standard-secondary);