@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.css CHANGED
@@ -463,6 +463,8 @@
463
463
  --wds-counter-badge-font-size-tiny: 10px;
464
464
  --wds-composer-sidebar-end-max-width: 240px;
465
465
  --wds-composer-sidebar-bottom-width: 88px;
466
+ --wds-composer-sidebar-border-width: 1px;
467
+ --wds-composer-header-divider-margin: 20px;
466
468
  --wds-carousel-gradient-opacity: 50%;
467
469
  --wds-carousel-dots-height: 4px;
468
470
  --wds-carousel-dots-gap-bottom-shift: 0.5;
@@ -1307,7 +1309,13 @@
1307
1309
  --wds-section-helper-fullwidth-horizontal-padding-small: var(--wds-space-600);
1308
1310
  --wds-section-helper-fullwidth-horizontal-padding-medium: var(--wds-space-600);
1309
1311
  --wds-section-helper-fill-preview: var(--wds-color-black-700);
1312
+ --wds-section-helper-content-gap-small: var(--wds-space-200);
1313
+ --wds-section-helper-content-gap-medium: var(--wds-space-200);
1310
1314
  --wds-section-helper-close-button-offset: var(--wds-space-300);
1315
+ --wds-section-helper-close-button-inset-small: var(--wds-space-0);
1316
+ --wds-section-helper-close-button-inset-medium: var(--wds-space-100);
1317
+ --wds-section-helper-close-button-clearance-small: var(--wds-space-500);
1318
+ --wds-section-helper-close-button-clearance-medium: var(--wds-space-700);
1311
1319
  --wds-section-helper-border-radius: var(--wds-border-radius-200);
1312
1320
  --wds-section-helper-border-preview: var(--wds-color-black-550);
1313
1321
  --wds-section-helper-action-padding-small: var(--wds-space-200);
@@ -1603,12 +1611,14 @@
1603
1611
  --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1604
1612
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1605
1613
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1606
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
1607
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200);
1608
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200);
1609
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200);
1610
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200);
1611
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200);
1614
+ --wds-composer-sidebar-tooltip-item-gap: var(--wds-space-0);
1615
+ --wds-composer-sidebar-tooltip-container-padding-vertical: var(--wds-space-150);
1616
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-150);
1617
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-300);
1618
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-300);
1619
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-300);
1620
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-300);
1621
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-300);
1612
1622
  --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1613
1623
  --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1614
1624
  --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
@@ -1621,6 +1631,13 @@
1621
1631
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1622
1632
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1623
1633
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1634
+ --wds-composer-sidebar-item-border-radius: var(--wds-border-radius-full);
1635
+ --wds-composer-header-padding-vertical-small: var(--wds-space-200);
1636
+ --wds-composer-header-height-small: var(--wds-space-750);
1637
+ --wds-composer-header-height-medium: var(--wds-space-900);
1638
+ --wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
1639
+ --wds-composer-header-back-button-icon-size-medium: var(--wds-space-600);
1640
+ --wds-composer-header-actions-gap: var(--wds-space-200);
1624
1641
  --wds-code-snippet-border-radius-singleline: var(--wds-border-radius-200);
1625
1642
  --wds-code-snippet-border-radius-multiline: var(--wds-border-radius-200);
1626
1643
  --wds-code-snippet-border-radius-inline: var(--wds-border-radius-200);
@@ -1763,6 +1780,11 @@
1763
1780
  --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1764
1781
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1765
1782
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1783
+ --wds-badge-transparent-warning-light-label-color: var(--wds-color-yellow-400);
1784
+ --wds-badge-transparent-neutral-success-label-color: var(--wds-color-green-400);
1785
+ --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-blue-400);
1786
+ --wds-badge-transparent-neutral-light-label-color: var(--wds-color-black-700);
1787
+ --wds-badge-transparent-neutral-danger-label-color: var(--wds-color-red-400);
1766
1788
  --wds-badge-size-tiny: var(--wds-space-400);
1767
1789
  --wds-badge-size-small: var(--wds-space-500);
1768
1790
  --wds-badge-size-medium: var(--wds-space-600);
@@ -1945,6 +1967,41 @@
1945
1967
  --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
1946
1968
  --wds-text-button-font-size-small: var(--wds-font-size-body-small);
1947
1969
  --wds-text-button-font-size-medium: var(--wds-font-size-body-medium);
1970
+ --wds-tag-transparent-warning-label-color: var(--wds-color-text-warning);
1971
+ --wds-tag-transparent-success-label-color: var(--wds-color-text-success);
1972
+ --wds-tag-transparent-standard-label-color: var(--wds-color-text-standard-secondary);
1973
+ --wds-tag-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1974
+ --wds-tag-transparent-light-label-color: var(--wds-color-text-standard-primary-light);
1975
+ --wds-tag-transparent-error-label-color: var(--wds-color-text-destructive);
1976
+ --wds-tag-transparent-dark-label-color: var(--wds-color-text-standard-primary);
1977
+ --wds-tag-solid-warning-fill: var(--wds-color-fill-warning-secondary);
1978
+ --wds-tag-solid-success-fill: var(--wds-color-fill-success-secondary);
1979
+ --wds-tag-solid-standard-fill: var(--wds-color-fill-dark-secondary);
1980
+ --wds-tag-solid-neutral-fill: var(--wds-color-fill-dark-secondary);
1981
+ --wds-tag-solid-light-fill: var(--wds-color-fill-light-primary);
1982
+ --wds-tag-solid-error-fill: var(--wds-color-fill-destructive-secondary);
1983
+ --wds-tag-solid-dark-fill: var(--wds-color-fill-dark-primary);
1984
+ --wds-tag-outlined-warning-label-color: var(--wds-color-text-standard-secondary);
1985
+ --wds-tag-outlined-warning-fill: var(--wds-color-fill-warning-tertiary);
1986
+ --wds-tag-outlined-warning-border-color: var(--wds-color-border-warning-secondary);
1987
+ --wds-tag-outlined-success-label-color: var(--wds-color-text-standard-secondary);
1988
+ --wds-tag-outlined-success-fill: var(--wds-color-fill-success-tertiary);
1989
+ --wds-tag-outlined-success-border-color: var(--wds-color-border-success-secondary);
1990
+ --wds-tag-outlined-standard-label-color: var(--wds-color-text-standard-secondary);
1991
+ --wds-tag-outlined-standard-fill: var(--wds-color-fill-standard-tertiary);
1992
+ --wds-tag-outlined-standard-border-color: var(--wds-color-border-standard-secondary);
1993
+ --wds-tag-outlined-neutral-label-color: var(--wds-color-text-standard-secondary);
1994
+ --wds-tag-outlined-neutral-fill: var(--wds-color-fill-dark-tertiary);
1995
+ --wds-tag-outlined-neutral-border-color: var(--wds-color-border-dark-secondary);
1996
+ --wds-tag-outlined-light-label-color: var(--wds-color-text-standard-primary-light);
1997
+ --wds-tag-outlined-light-fill: var(--wds-color-fill-light-secondary);
1998
+ --wds-tag-outlined-light-border-color: var(--wds-color-border-light);
1999
+ --wds-tag-outlined-error-label-color: var(--wds-color-text-standard-secondary);
2000
+ --wds-tag-outlined-error-fill: var(--wds-color-fill-destructive-tertiary);
2001
+ --wds-tag-outlined-error-border-color: var(--wds-color-border-destructive-secondary);
2002
+ --wds-tag-outlined-dark-label-color: var(--wds-color-text-standard-primary);
2003
+ --wds-tag-outlined-dark-fill: var(--wds-color-fill-dark-tertiary);
2004
+ --wds-tag-outlined-dark-border-color: var(--wds-color-border-dark-primary);
1948
2005
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1949
2006
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1950
2007
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
@@ -2019,8 +2076,14 @@
2019
2076
  --wds-segmented-toggle-fill: var(--wds-color-fill-standard-secondary);
2020
2077
  --wds-segmented-toggle-border-hover: var(--wds-color-fill-standard-secondary-hover);
2021
2078
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
2079
+ --wds-section-helper-fill-warning: var(--wds-color-fill-surface-warning);
2080
+ --wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
2022
2081
  --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
2023
2082
  --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
2083
+ --wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
2084
+ --wds-section-helper-border-success: var(--wds-color-border-success-primary);
2085
+ --wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
2086
+ --wds-section-helper-border-experimental-dark: var(--wds-color-fill-dark-primary);
2024
2087
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
2025
2088
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
2026
2089
  --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
@@ -2274,6 +2337,11 @@
2274
2337
  --wds-divider-fill-color-light-primary: var(--wds-color-border-standard-secondary);
2275
2338
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
2276
2339
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
2340
+ --wds-counter-badge-outline-warning-label-color: var(--wds-color-text-warning);
2341
+ --wds-counter-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2342
+ --wds-composer-sidebar-fill: var(--wds-color-fill-standard-tertiary);
2343
+ --wds-composer-header-fill: var(--wds-color-fill-surface-default);
2344
+ --wds-composer-header-border-fill: var(--wds-color-border-dark-secondary);
2277
2345
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
2278
2346
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
2279
2347
  --wds-close-button-standard-filled-text: var(--wds-color-text-primary);
@@ -2399,6 +2467,7 @@
2399
2467
  --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2400
2468
  --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2401
2469
  --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2470
+ --wds-badge-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2402
2471
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2403
2472
  --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2404
2473
  --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
@@ -2410,9 +2479,9 @@
2410
2479
  --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2411
2480
  --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2412
2481
  --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2413
- --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2414
2482
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2415
2483
  --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2484
+ --wds-badge-outline-warning-light-label-color: var(--wds-color-text-standard-secondary);
2416
2485
  --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2417
2486
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2418
2487
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
@@ -2429,9 +2498,13 @@
2429
2498
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2430
2499
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2431
2500
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2501
+ --wds-badge-outline-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2432
2502
  --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2503
+ --wds-badge-outline-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2433
2504
  --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2505
+ --wds-badge-outline-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2434
2506
  --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2507
+ --wds-badge-outline-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2435
2508
  --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2436
2509
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2437
2510
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
package/wixel/all.scss CHANGED
@@ -237,6 +237,8 @@
237
237
  --wds-counter-badge-font-size-tiny: 10px;
238
238
  --wds-composer-sidebar-end-max-width: 240px;
239
239
  --wds-composer-sidebar-bottom-width: 88px;
240
+ --wds-composer-sidebar-border-width: 1px;
241
+ --wds-composer-header-divider-margin: 20px;
240
242
  --wds-color-yellow-600: #fef6ed;
241
243
  --wds-color-yellow-500: #fef3e5;
242
244
  --wds-color-yellow-400: #fdead2;
@@ -983,7 +985,13 @@
983
985
  --wds-section-helper-fullwidth-horizontal-padding-small: var(--wds-space-600);
984
986
  --wds-section-helper-fullwidth-horizontal-padding-medium: var(--wds-space-600);
985
987
  --wds-section-helper-fill-preview: var(--wds-color-black-700);
988
+ --wds-section-helper-content-gap-small: var(--wds-space-200);
989
+ --wds-section-helper-content-gap-medium: var(--wds-space-200);
986
990
  --wds-section-helper-close-button-offset: var(--wds-space-300);
991
+ --wds-section-helper-close-button-inset-small: var(--wds-space-0);
992
+ --wds-section-helper-close-button-inset-medium: var(--wds-space-100);
993
+ --wds-section-helper-close-button-clearance-small: var(--wds-space-500);
994
+ --wds-section-helper-close-button-clearance-medium: var(--wds-space-700);
987
995
  --wds-section-helper-border-radius: var(--wds-border-radius-200);
988
996
  --wds-section-helper-border-preview: var(--wds-color-black-550);
989
997
  --wds-section-helper-action-padding-small: var(--wds-space-200);
@@ -1323,12 +1331,14 @@
1323
1331
  --wds-counter-badge-padding-horizontal-medium: var(--wds-space-150);
1324
1332
  --wds-counter-badge-border-radius-small: var(--wds-border-radius-full);
1325
1333
  --wds-counter-badge-border-radius-medium: var(--wds-border-radius-full);
1326
- --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-100);
1327
- --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-200);
1328
- --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-200);
1329
- --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-200);
1330
- --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-200);
1331
- --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-200);
1334
+ --wds-composer-sidebar-tooltip-item-gap: var(--wds-space-0);
1335
+ --wds-composer-sidebar-tooltip-container-padding-vertical: var(--wds-space-150);
1336
+ --wds-composer-sidebar-item-tooltip-padding-vertical-small: var(--wds-space-150);
1337
+ --wds-composer-sidebar-item-tooltip-padding-vertical-medium: var(--wds-space-300);
1338
+ --wds-composer-sidebar-item-tooltip-padding-vertical-large: var(--wds-space-300);
1339
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-small: var(--wds-space-300);
1340
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-medium: var(--wds-space-300);
1341
+ --wds-composer-sidebar-item-tooltip-padding-horizontal-large: var(--wds-space-300);
1332
1342
  --wds-composer-sidebar-item-end-padding-vertical-small: var(--wds-space-100);
1333
1343
  --wds-composer-sidebar-item-end-padding-vertical-medium: var(--wds-space-200);
1334
1344
  --wds-composer-sidebar-item-end-padding-vertical-large: var(--wds-space-200);
@@ -1341,6 +1351,13 @@
1341
1351
  --wds-composer-sidebar-item-bottom-padding-horizontal-small: var(--wds-space-100);
1342
1352
  --wds-composer-sidebar-item-bottom-padding-horizontal-medium: var(--wds-space-100);
1343
1353
  --wds-composer-sidebar-item-bottom-padding-horizontal-large: var(--wds-space-100);
1354
+ --wds-composer-sidebar-item-border-radius: var(--wds-border-radius-full);
1355
+ --wds-composer-header-padding-vertical-small: var(--wds-space-200);
1356
+ --wds-composer-header-height-small: var(--wds-space-750);
1357
+ --wds-composer-header-height-medium: var(--wds-space-900);
1358
+ --wds-composer-header-back-button-icon-size-small: var(--wds-space-475);
1359
+ --wds-composer-header-back-button-icon-size-medium: var(--wds-space-600);
1360
+ --wds-composer-header-actions-gap: var(--wds-space-200);
1344
1361
  --wds-color-text-warning: var(--wds-color-yellow-100);
1345
1362
  --wds-color-text-urgent: var(--wds-color-orange-100);
1346
1363
  --wds-color-text-success: var(--wds-color-green-100);
@@ -1761,6 +1778,11 @@
1761
1778
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
1762
1779
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
1763
1780
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
1781
+ --wds-badge-transparent-warning-light-label-color: var(--wds-color-yellow-400);
1782
+ --wds-badge-transparent-neutral-success-label-color: var(--wds-color-green-400);
1783
+ --wds-badge-transparent-neutral-standard-label-color: var(--wds-color-blue-400);
1784
+ --wds-badge-transparent-neutral-light-label-color: var(--wds-color-black-700);
1785
+ --wds-badge-transparent-neutral-danger-label-color: var(--wds-color-red-400);
1764
1786
  --wds-badge-size-tiny: var(--wds-space-400);
1765
1787
  --wds-badge-size-small: var(--wds-space-500);
1766
1788
  --wds-badge-size-medium: var(--wds-space-600);
@@ -1930,6 +1952,41 @@
1930
1952
  --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
1931
1953
  --wds-text-button-font-size-small: var(--wds-font-size-body-small);
1932
1954
  --wds-text-button-font-size-medium: var(--wds-font-size-body-medium);
1955
+ --wds-tag-transparent-warning-label-color: var(--wds-color-text-warning);
1956
+ --wds-tag-transparent-success-label-color: var(--wds-color-text-success);
1957
+ --wds-tag-transparent-standard-label-color: var(--wds-color-text-standard-secondary);
1958
+ --wds-tag-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
1959
+ --wds-tag-transparent-light-label-color: var(--wds-color-text-standard-primary-light);
1960
+ --wds-tag-transparent-error-label-color: var(--wds-color-text-destructive);
1961
+ --wds-tag-transparent-dark-label-color: var(--wds-color-text-standard-primary);
1962
+ --wds-tag-solid-warning-fill: var(--wds-color-fill-warning-secondary);
1963
+ --wds-tag-solid-success-fill: var(--wds-color-fill-success-secondary);
1964
+ --wds-tag-solid-standard-fill: var(--wds-color-fill-dark-secondary);
1965
+ --wds-tag-solid-neutral-fill: var(--wds-color-fill-dark-secondary);
1966
+ --wds-tag-solid-light-fill: var(--wds-color-fill-light-primary);
1967
+ --wds-tag-solid-error-fill: var(--wds-color-fill-destructive-secondary);
1968
+ --wds-tag-solid-dark-fill: var(--wds-color-fill-dark-primary);
1969
+ --wds-tag-outlined-warning-label-color: var(--wds-color-text-standard-secondary);
1970
+ --wds-tag-outlined-warning-fill: var(--wds-color-fill-warning-tertiary);
1971
+ --wds-tag-outlined-warning-border-color: var(--wds-color-border-warning-secondary);
1972
+ --wds-tag-outlined-success-label-color: var(--wds-color-text-standard-secondary);
1973
+ --wds-tag-outlined-success-fill: var(--wds-color-fill-success-tertiary);
1974
+ --wds-tag-outlined-success-border-color: var(--wds-color-border-success-secondary);
1975
+ --wds-tag-outlined-standard-label-color: var(--wds-color-text-standard-secondary);
1976
+ --wds-tag-outlined-standard-fill: var(--wds-color-fill-standard-tertiary);
1977
+ --wds-tag-outlined-standard-border-color: var(--wds-color-border-standard-secondary);
1978
+ --wds-tag-outlined-neutral-label-color: var(--wds-color-text-standard-secondary);
1979
+ --wds-tag-outlined-neutral-fill: var(--wds-color-fill-dark-tertiary);
1980
+ --wds-tag-outlined-neutral-border-color: var(--wds-color-border-dark-secondary);
1981
+ --wds-tag-outlined-light-label-color: var(--wds-color-text-standard-primary-light);
1982
+ --wds-tag-outlined-light-fill: var(--wds-color-fill-light-secondary);
1983
+ --wds-tag-outlined-light-border-color: var(--wds-color-border-light);
1984
+ --wds-tag-outlined-error-label-color: var(--wds-color-text-standard-secondary);
1985
+ --wds-tag-outlined-error-fill: var(--wds-color-fill-destructive-tertiary);
1986
+ --wds-tag-outlined-error-border-color: var(--wds-color-border-destructive-secondary);
1987
+ --wds-tag-outlined-dark-label-color: var(--wds-color-text-standard-primary);
1988
+ --wds-tag-outlined-dark-fill: var(--wds-color-fill-dark-tertiary);
1989
+ --wds-tag-outlined-dark-border-color: var(--wds-color-border-dark-primary);
1933
1990
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1934
1991
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1935
1992
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
@@ -2008,8 +2065,14 @@
2008
2065
  --wds-segmented-toggle-fill: var(--wds-color-fill-standard-secondary);
2009
2066
  --wds-segmented-toggle-border-hover: var(--wds-color-fill-standard-secondary-hover);
2010
2067
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
2068
+ --wds-section-helper-fill-warning: var(--wds-color-fill-surface-warning);
2069
+ --wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
2011
2070
  --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
2012
2071
  --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
2072
+ --wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
2073
+ --wds-section-helper-border-success: var(--wds-color-border-success-primary);
2074
+ --wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
2075
+ --wds-section-helper-border-experimental-dark: var(--wds-color-fill-dark-primary);
2013
2076
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
2014
2077
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
2015
2078
  --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
@@ -2273,6 +2336,11 @@
2273
2336
  --wds-divider-fill-color-light-primary: var(--wds-color-border-standard-secondary);
2274
2337
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
2275
2338
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
2339
+ --wds-counter-badge-outline-warning-label-color: var(--wds-color-text-warning);
2340
+ --wds-counter-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2341
+ --wds-composer-sidebar-fill: var(--wds-color-fill-standard-tertiary);
2342
+ --wds-composer-header-fill: var(--wds-color-fill-surface-default);
2343
+ --wds-composer-header-border-fill: var(--wds-color-border-dark-secondary);
2276
2344
  --wds-color-fill-surface-overlay-blur: var(--wds-color-fill-surface-overlay);
2277
2345
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-primary);
2278
2346
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-standard-primary-light);
@@ -2399,6 +2467,7 @@
2399
2467
  --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2400
2468
  --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2401
2469
  --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2470
+ --wds-badge-transparent-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2402
2471
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2403
2472
  --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2404
2473
  --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
@@ -2410,9 +2479,9 @@
2410
2479
  --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2411
2480
  --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2412
2481
  --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2413
- --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2414
2482
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2415
2483
  --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2484
+ --wds-badge-outline-warning-light-label-color: var(--wds-color-text-standard-secondary);
2416
2485
  --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2417
2486
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2418
2487
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
@@ -2429,11 +2498,15 @@
2429
2498
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2430
2499
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2431
2500
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2501
+ --wds-badge-outline-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2432
2502
  --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2503
+ --wds-badge-outline-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2433
2504
  --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2505
+ --wds-badge-outline-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2434
2506
  --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2435
2507
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2436
2508
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2509
+ --wds-badge-outline-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2437
2510
  --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2438
2511
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2439
2512
  --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);