@wix/design-system-tokens 1.224.3 → 1.225.1

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 (24) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/all.css +33 -0
  3. package/all.scss +33 -0
  4. package/all.st.css +66 -0
  5. package/component.st.css +66 -0
  6. package/odeditor/all.css +54 -21
  7. package/odeditor/all.scss +54 -21
  8. package/odeditor/all.st.css +96 -30
  9. package/odeditor/component.st.css +91 -25
  10. package/odeditor/foundation.st.css +2 -2
  11. package/odeditor/semantic.st.css +3 -3
  12. package/odeditor-dark/all.css +31 -0
  13. package/odeditor-dark/all.scss +31 -0
  14. package/odeditor-dark/all.st.css +62 -0
  15. package/odeditor-dark/component.st.css +62 -0
  16. package/package.json +2 -2
  17. package/studio/all.css +31 -0
  18. package/studio/all.scss +31 -0
  19. package/studio/all.st.css +62 -0
  20. package/studio/component.st.css +62 -0
  21. package/wixel/all.css +31 -0
  22. package/wixel/all.scss +31 -0
  23. package/wixel/all.st.css +62 -0
  24. package/wixel/component.st.css +62 -0
package/odeditor/all.css CHANGED
@@ -173,7 +173,7 @@
173
173
  --wds-color-yellow-200: #fabd71;
174
174
  --wds-color-yellow-100: #f9ad4d;
175
175
  --wds-color-yellow-50: #e7a047;
176
- --wds-color-yellow-0: #d49341;
176
+ --wds-color-yellow-0: #9f6113;
177
177
  --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
178
178
  --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
179
179
  --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
@@ -233,7 +233,7 @@
233
233
  --wds-color-green-300: #bde2a7;
234
234
  --wds-color-green-200: #97c693;
235
235
  --wds-color-green-100: #4b916d;
236
- --wds-color-green-50: #11664f;
236
+ --wds-color-green-50: #3f7b5c;
237
237
  --wds-color-green-0: #0d4f3d;
238
238
  --wds-color-blue-600: #f5f7ff;
239
239
  --wds-color-blue-500: #eaefff;
@@ -310,6 +310,7 @@
310
310
  --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
311
311
  --wds-variable-input-padding-vertical-tiny: 2px;
312
312
  --wds-variable-input-padding-vertical-small: 5px;
313
+ --wds-trend-indicator-gap: 2px;
313
314
  --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
314
315
  --wds-toggle-switch-width-small: 24px;
315
316
  --wds-toggle-switch-width-medium: 26px;
@@ -482,6 +483,7 @@
482
483
  --wds-carousel-controls-border-disabled: none;
483
484
  --wds-carousel-controls-border: none;
484
485
  --wds-card-gallery-item-title-gap: 2px;
486
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
485
487
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
486
488
  --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
487
489
  --wds-card-gallery-item-image-side-size-small: 32px;
@@ -499,6 +501,7 @@
499
501
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
500
502
  --wds-button-border-ai-secondary-mask: none;
501
503
  --wds-breadcrumbs-height-medium: 26px;
504
+ --wds-badge-outline-warning-light-border-color: #c78634;
502
505
  --wds-avatar-group-gap-condensed: -2px;
503
506
  --wds-avatar-group-counter-background-blur: 4px;
504
507
  --wds-avatar-size-tiny: 20px;
@@ -656,7 +659,7 @@
656
659
  --wds-color-text-primary: var(--wds-color-blue-100);
657
660
  --wds-color-text-premium: var(--wds-color-blue-100);
658
661
  --wds-color-text-placeholder-light: var(--wds-color-black-400);
659
- --wds-color-text-placeholder: var(--wds-color-black-400);
662
+ --wds-color-text-placeholder: var(--wds-color-black-300);
660
663
  --wds-color-text-highlight: var(--wds-color-blue-400);
661
664
  --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
662
665
  --wds-color-text-disabled: var(--wds-color-black-500);
@@ -1388,7 +1391,7 @@
1388
1391
  --wds-page-section-padding-top: var(--wds-space-400);
1389
1392
  --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1390
1393
  --wds-page-section-padding-bottom: var(--wds-space-100);
1391
- --wds-page-section-gap: var(--wds-space-100);
1394
+ --wds-page-section-gap: var(--wds-space-50);
1392
1395
  --wds-page-header-title-padding-start: var(--wds-space-200);
1393
1396
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1394
1397
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
@@ -1604,7 +1607,7 @@
1604
1607
  --wds-input-border-color: var(--wds-color-black-100-transparent-0);
1605
1608
  --wds-input-background-fill-readonly: var(--wds-color-white);
1606
1609
  --wds-input-background-fill-hover: var(--wds-color-black-750);
1607
- --wds-input-background-fill-disabled: var(--wds-color-black-750);
1610
+ --wds-input-background-fill-disabled: var(--wds-color-black-700);
1608
1611
  --wds-input-background-fill-default: var(--wds-color-black-750);
1609
1612
  --wds-input-background-fill: var(--wds-color-black-750);
1610
1613
  --wds-image-border-radius-none: var(--wds-border-radius-0);
@@ -1757,6 +1760,11 @@
1757
1760
  --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1758
1761
  --wds-card-gallery-item-shadow-hover: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1759
1762
  --wds-card-gallery-item-shadow: 0 1px 10px 0 var(--wds-color-black-100-transparent-5), 1px 0 2px -0.7px var(--wds-color-black-100-transparent-5);
1763
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1764
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1765
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1766
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1767
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1760
1768
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1761
1769
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1762
1770
  --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1772,6 +1780,8 @@
1772
1780
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1773
1781
  --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1774
1782
  --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1783
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1784
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1775
1785
  --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1776
1786
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1777
1787
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
@@ -1874,6 +1884,20 @@
1874
1884
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1875
1885
  --wds-breadcrumbs-divider-margin-horizontal: var(--wds-space-0);
1876
1886
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1887
+ --wds-badge-transparent-warning-label-color: var(--wds-color-yellow-0);
1888
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-orange-0);
1889
+ --wds-badge-transparent-success-label-color: var(--wds-color-green-50);
1890
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-yellow-0);
1891
+ --wds-badge-solid-warning-light-fill: var(--wds-color-yellow-500);
1892
+ --wds-badge-solid-success-fill: var(--wds-color-green-300);
1893
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-green-50);
1894
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-green-600);
1895
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-blue-50);
1896
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-blue-500);
1897
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-black-300);
1898
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-black-700);
1899
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-red-50);
1900
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-red-600);
1877
1901
  --wds-badge-size-tiny: var(--wds-space-500);
1878
1902
  --wds-badge-size-small: var(--wds-space-600);
1879
1903
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1884,20 +1908,30 @@
1884
1908
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1885
1909
  --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1886
1910
  --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1887
- --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
1888
- --wds-badge-outline-warning-border-color: var(--wds-color-yellow-300);
1889
- --wds-badge-outline-urgent-label-color: var(--wds-color-orange-50);
1911
+ --wds-badge-outline-warning-fill: var(--wds-color-yellow-600);
1912
+ --wds-badge-outline-warning-border-color: var(--wds-color-yellow-0);
1913
+ --wds-badge-outline-urgent-label-color: var(--wds-color-orange-0);
1890
1914
  --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1915
+ --wds-badge-outline-urgent-border-color: var(--wds-color-orange-50);
1891
1916
  --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1892
1917
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1918
+ --wds-badge-outline-success-border-color: var(--wds-color-green-100);
1893
1919
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1894
1920
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1895
- --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1921
+ --wds-badge-outline-standard-border-color: var(--wds-color-blue-200);
1922
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-green-100);
1923
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-blue-200);
1924
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-black-400);
1925
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-red-200);
1926
+ --wds-badge-outline-neutral-border-color: var(--wds-color-black-300);
1896
1927
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1897
1928
  --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
1898
- --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1899
- --wds-badge-border-radius-small: var(--wds-border-radius-200);
1900
- --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1929
+ --wds-badge-outline-destructive-border-color: var(--wds-color-red-200);
1930
+ --wds-badge-outline-dark-fill: var(--wds-color-black-600);
1931
+ --wds-badge-outline-dark-border-color: var(--wds-color-black-100);
1932
+ --wds-badge-border-radius-tiny: var(--wds-border-radius-300);
1933
+ --wds-badge-border-radius-small: var(--wds-border-radius-300);
1934
+ --wds-badge-border-radius-medium: var(--wds-border-radius-300);
1901
1935
  --wds-avatar-group-gap-default: var(--wds-space-100);
1902
1936
  --wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
1903
1937
  --wds-avatar-group-counter-border-width: var(--wds-border-width-100);
@@ -2300,6 +2334,7 @@
2300
2334
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2301
2335
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2302
2336
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2337
+ --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2303
2338
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2304
2339
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
2305
2340
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
@@ -2365,6 +2400,10 @@
2365
2400
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2366
2401
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2367
2402
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2403
+ --wds-card-gallery-item-secondary-action-fill-hover: var(--wds-color-fill-light-secondary-hover);
2404
+ --wds-card-gallery-item-secondary-action-fill-active: var(--wds-color-fill-light-secondary-active);
2405
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-text-primary);
2406
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-text-primary);
2368
2407
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2369
2408
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2370
2409
  --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
@@ -2418,21 +2457,15 @@
2418
2457
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2419
2458
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2420
2459
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2421
- --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2422
- --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2423
- --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2424
- --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2425
- --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2426
- --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
2460
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-secondary);
2461
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-secondary);
2462
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-secondary);
2427
2463
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2428
2464
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2429
2465
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2430
2466
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2431
2467
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
2432
- --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2433
2468
  --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
2434
- --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
2435
- --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2436
2469
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2437
2470
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2438
2471
  --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
package/odeditor/all.scss CHANGED
@@ -4,6 +4,7 @@
4
4
  --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
5
5
  --wds-variable-input-padding-vertical-tiny: 2px;
6
6
  --wds-variable-input-padding-vertical-small: 5px;
7
+ --wds-trend-indicator-gap: 2px;
7
8
  --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
8
9
  --wds-toggle-switch-width-small: 24px;
9
10
  --wds-toggle-switch-width-medium: 26px;
@@ -256,7 +257,7 @@
256
257
  --wds-color-yellow-200: #fabd71;
257
258
  --wds-color-yellow-100: #f9ad4d;
258
259
  --wds-color-yellow-50: #e7a047;
259
- --wds-color-yellow-0: #d49341;
260
+ --wds-color-yellow-0: #9f6113;
260
261
  --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
261
262
  --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
262
263
  --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
@@ -318,7 +319,7 @@
318
319
  --wds-color-green-300: #bde2a7;
319
320
  --wds-color-green-200: #97c693;
320
321
  --wds-color-green-100: #4b916d;
321
- --wds-color-green-50: #11664f;
322
+ --wds-color-green-50: #3f7b5c;
322
323
  --wds-color-green-0: #0d4f3d;
323
324
  --wds-color-fill-surface-stage: #F7F7F7;
324
325
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
@@ -455,6 +456,7 @@
455
456
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
456
457
  --wds-card-header-suffix-align: flex-start;
457
458
  --wds-card-gallery-item-title-gap: 2px;
459
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
458
460
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
459
461
  --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
460
462
  --wds-card-gallery-item-image-side-size-small: 32px;
@@ -488,6 +490,7 @@
488
490
  --wds-border-radius-200: 4px;
489
491
  --wds-border-radius-100: 2px;
490
492
  --wds-border-radius-0: 0px;
493
+ --wds-badge-outline-warning-light-border-color: #c78634;
491
494
  --wds-background-blur-450: 40px;
492
495
  --wds-background-blur-375: 30px;
493
496
  --wds-background-blur-350: 28px;
@@ -1050,7 +1053,7 @@
1050
1053
  --wds-page-section-padding-top: var(--wds-space-400);
1051
1054
  --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1052
1055
  --wds-page-section-padding-bottom: var(--wds-space-100);
1053
- --wds-page-section-gap: var(--wds-space-100);
1056
+ --wds-page-section-gap: var(--wds-space-50);
1054
1057
  --wds-page-header-title-padding-start: var(--wds-space-200);
1055
1058
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1056
1059
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
@@ -1258,7 +1261,7 @@
1258
1261
  --wds-input-border-color: var(--wds-color-black-100-transparent-0);
1259
1262
  --wds-input-background-fill-readonly: var(--wds-color-white);
1260
1263
  --wds-input-background-fill-hover: var(--wds-color-black-750);
1261
- --wds-input-background-fill-disabled: var(--wds-color-black-750);
1264
+ --wds-input-background-fill-disabled: var(--wds-color-black-700);
1262
1265
  --wds-input-background-fill-default: var(--wds-color-black-750);
1263
1266
  --wds-input-background-fill: var(--wds-color-black-750);
1264
1267
  --wds-input-area-padding-vertical-small: var(--wds-space-200);
@@ -1412,7 +1415,7 @@
1412
1415
  --wds-color-text-primary: var(--wds-color-blue-100);
1413
1416
  --wds-color-text-premium: var(--wds-color-blue-100);
1414
1417
  --wds-color-text-placeholder-light: var(--wds-color-black-400);
1415
- --wds-color-text-placeholder: var(--wds-color-black-400);
1418
+ --wds-color-text-placeholder: var(--wds-color-black-300);
1416
1419
  --wds-color-text-highlight: var(--wds-color-blue-400);
1417
1420
  --wds-color-text-disabled-light: var(--wds-color-white-transparent-70);
1418
1421
  --wds-color-text-disabled: var(--wds-color-black-500);
@@ -1755,6 +1758,11 @@
1755
1758
  --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1756
1759
  --wds-card-gallery-item-shadow-hover: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1757
1760
  --wds-card-gallery-item-shadow: 0 1px 10px 0 var(--wds-color-black-100-transparent-5), 1px 0 2px -0.7px var(--wds-color-black-100-transparent-5);
1761
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1762
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1763
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1764
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1765
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1758
1766
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1759
1767
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1760
1768
  --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1770,6 +1778,8 @@
1770
1778
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1771
1779
  --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1772
1780
  --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1781
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1782
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1773
1783
  --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1774
1784
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1775
1785
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
@@ -1872,6 +1882,20 @@
1872
1882
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
1873
1883
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
1874
1884
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
1885
+ --wds-badge-transparent-warning-label-color: var(--wds-color-yellow-0);
1886
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-orange-0);
1887
+ --wds-badge-transparent-success-label-color: var(--wds-color-green-50);
1888
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-yellow-0);
1889
+ --wds-badge-solid-warning-light-fill: var(--wds-color-yellow-500);
1890
+ --wds-badge-solid-success-fill: var(--wds-color-green-300);
1891
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-green-50);
1892
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-green-600);
1893
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-blue-50);
1894
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-blue-500);
1895
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-black-300);
1896
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-black-700);
1897
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-red-50);
1898
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-red-600);
1875
1899
  --wds-badge-size-tiny: var(--wds-space-500);
1876
1900
  --wds-badge-size-small: var(--wds-space-600);
1877
1901
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1882,20 +1906,30 @@
1882
1906
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1883
1907
  --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1884
1908
  --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1885
- --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
1886
- --wds-badge-outline-warning-border-color: var(--wds-color-yellow-300);
1887
- --wds-badge-outline-urgent-label-color: var(--wds-color-orange-50);
1909
+ --wds-badge-outline-warning-fill: var(--wds-color-yellow-600);
1910
+ --wds-badge-outline-warning-border-color: var(--wds-color-yellow-0);
1911
+ --wds-badge-outline-urgent-label-color: var(--wds-color-orange-0);
1888
1912
  --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1913
+ --wds-badge-outline-urgent-border-color: var(--wds-color-orange-50);
1889
1914
  --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1890
1915
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1916
+ --wds-badge-outline-success-border-color: var(--wds-color-green-100);
1891
1917
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1892
1918
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1893
- --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1919
+ --wds-badge-outline-standard-border-color: var(--wds-color-blue-200);
1920
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-green-100);
1921
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-blue-200);
1922
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-black-400);
1923
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-red-200);
1924
+ --wds-badge-outline-neutral-border-color: var(--wds-color-black-300);
1894
1925
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1895
1926
  --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
1896
- --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1897
- --wds-badge-border-radius-small: var(--wds-border-radius-200);
1898
- --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1927
+ --wds-badge-outline-destructive-border-color: var(--wds-color-red-200);
1928
+ --wds-badge-outline-dark-fill: var(--wds-color-black-600);
1929
+ --wds-badge-outline-dark-border-color: var(--wds-color-black-100);
1930
+ --wds-badge-border-radius-tiny: var(--wds-border-radius-300);
1931
+ --wds-badge-border-radius-small: var(--wds-border-radius-300);
1932
+ --wds-badge-border-radius-medium: var(--wds-border-radius-300);
1899
1933
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1900
1934
  --wds-background-blur-modal: var(--wds-background-blur-175);
1901
1935
  --wds-avatar-group-gap-default: var(--wds-space-100);
@@ -2288,6 +2322,7 @@
2288
2322
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2289
2323
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2290
2324
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2325
+ --wds-form-field-label-readonly: var(--wds-color-text-disabled);
2291
2326
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2292
2327
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
2293
2328
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
@@ -2366,6 +2401,10 @@
2366
2401
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2367
2402
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2368
2403
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2404
+ --wds-card-gallery-item-secondary-action-fill-hover: var(--wds-color-fill-light-secondary-hover);
2405
+ --wds-card-gallery-item-secondary-action-fill-active: var(--wds-color-fill-light-secondary-active);
2406
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-text-primary);
2407
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-text-primary);
2369
2408
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2370
2409
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2371
2410
  --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
@@ -2418,21 +2457,15 @@
2418
2457
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2419
2458
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2420
2459
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2421
- --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2422
- --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2423
- --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2424
- --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2425
- --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2426
- --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
2460
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-secondary);
2461
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-secondary);
2462
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-secondary);
2427
2463
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2428
2464
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2429
2465
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2430
2466
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2431
2467
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
2432
- --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2433
2468
  --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
2434
- --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
2435
- --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2436
2469
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2437
2470
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary);
2438
2471
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);