@wix/design-system-tokens 1.224.2 → 1.225.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 (24) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/all.css +31 -0
  3. package/all.scss +31 -0
  4. package/all.st.css +62 -0
  5. package/component.st.css +62 -0
  6. package/odeditor/all.css +49 -18
  7. package/odeditor/all.scss +49 -18
  8. package/odeditor/all.st.css +85 -23
  9. package/odeditor/component.st.css +81 -19
  10. package/odeditor/foundation.st.css +2 -2
  11. package/odeditor/semantic.st.css +2 -2
  12. package/odeditor-dark/all.css +33 -4
  13. package/odeditor-dark/all.scss +33 -4
  14. package/odeditor-dark/all.st.css +62 -4
  15. package/odeditor-dark/component.st.css +62 -4
  16. package/package.json +2 -2
  17. package/studio/all.css +29 -0
  18. package/studio/all.scss +29 -0
  19. package/studio/all.st.css +58 -0
  20. package/studio/component.st.css +58 -0
  21. package/wixel/all.css +29 -0
  22. package/wixel/all.scss +29 -0
  23. package/wixel/all.st.css +58 -0
  24. package/wixel/component.st.css +58 -0
package/odeditor-dark/all.css CHANGED
@@ -493,6 +493,11 @@
493
493
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
494
494
  --wds-card-gallery-item-shadow-hover: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
495
495
  --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
496
+ --wds-card-gallery-item-secondary-action-min-width: auto;
497
+ --wds-card-gallery-item-secondary-action-height: 24px;
498
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
499
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
500
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
496
501
  --wds-card-gallery-item-overlay-backdrop-filter: none;
497
502
  --wds-card-gallery-item-image-side-size-small: 30px;
498
503
  --wds-card-gallery-item-image-side-size-medium: 40px;
@@ -1601,10 +1606,10 @@
1601
1606
  --wds-input-border-color-disabled: var(--wds-color-black-700);
1602
1607
  --wds-input-border-color: var(--wds-color-black-100-transparent-0);
1603
1608
  --wds-input-background-fill-readonly: var(--wds-color-white);
1604
- --wds-input-background-fill-hover: var(--wds-color-black-750);
1605
- --wds-input-background-fill-disabled: var(--wds-color-black-750);
1606
- --wds-input-background-fill-default: var(--wds-color-black-750);
1607
- --wds-input-background-fill: var(--wds-color-black-750);
1609
+ --wds-input-background-fill-hover: var(--wds-color-black-700);
1610
+ --wds-input-background-fill-disabled: var(--wds-color-black-700);
1611
+ --wds-input-background-fill-default: var(--wds-color-black-700);
1612
+ --wds-input-background-fill: var(--wds-color-black-700);
1608
1613
  --wds-image-border-radius-none: var(--wds-border-radius-0);
1609
1614
  --wds-image-border-radius-default: var(--wds-border-radius-400);
1610
1615
  --wds-icon-button-color-text-standard-tertiary-disabled: var(--wds-color-black-500);
@@ -1751,6 +1756,9 @@
1751
1756
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1752
1757
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1753
1758
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1759
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1760
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1761
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1754
1762
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1755
1763
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1756
1764
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -2363,6 +2371,8 @@
2363
2371
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2364
2372
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2365
2373
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2374
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2375
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2366
2376
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2367
2377
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2368
2378
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2411,15 +2421,34 @@
2411
2421
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2412
2422
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2413
2423
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2424
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2425
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2426
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2414
2427
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2428
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2429
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2430
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2431
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2432
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2415
2433
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2434
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2435
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2436
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2437
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2438
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2416
2439
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2440
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2441
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2417
2442
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2418
2443
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2419
2444
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
2420
2445
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2421
2446
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2422
2447
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2448
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2449
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2450
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2451
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2423
2452
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2424
2453
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
2425
2454
  --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
package/odeditor-dark/all.scss CHANGED
@@ -465,6 +465,11 @@
465
465
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
466
466
  --wds-card-gallery-item-shadow-hover: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
467
467
  --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
468
+ --wds-card-gallery-item-secondary-action-min-width: auto;
469
+ --wds-card-gallery-item-secondary-action-height: 24px;
470
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
471
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
472
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
468
473
  --wds-card-gallery-item-overlay-backdrop-filter: none;
469
474
  --wds-card-gallery-item-image-side-size-small: 30px;
470
475
  --wds-card-gallery-item-image-side-size-medium: 40px;
@@ -1253,10 +1258,10 @@
1253
1258
  --wds-input-border-color-disabled: var(--wds-color-black-700);
1254
1259
  --wds-input-border-color: var(--wds-color-black-100-transparent-0);
1255
1260
  --wds-input-background-fill-readonly: var(--wds-color-white);
1256
- --wds-input-background-fill-hover: var(--wds-color-black-750);
1257
- --wds-input-background-fill-disabled: var(--wds-color-black-750);
1258
- --wds-input-background-fill-default: var(--wds-color-black-750);
1259
- --wds-input-background-fill: var(--wds-color-black-750);
1261
+ --wds-input-background-fill-hover: var(--wds-color-black-700);
1262
+ --wds-input-background-fill-disabled: var(--wds-color-black-700);
1263
+ --wds-input-background-fill-default: var(--wds-color-black-700);
1264
+ --wds-input-background-fill: var(--wds-color-black-700);
1260
1265
  --wds-input-area-padding-vertical-small: var(--wds-space-200);
1261
1266
  --wds-input-area-padding-vertical-medium: var(--wds-space-300);
1262
1267
  --wds-input-area-padding-right-small: var(--wds-space-150);
@@ -1749,6 +1754,9 @@
1749
1754
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1750
1755
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1751
1756
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1757
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1758
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1759
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1752
1760
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1753
1761
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1754
1762
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -2365,6 +2373,8 @@
2365
2373
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2366
2374
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2367
2375
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2376
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2377
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2368
2378
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2369
2379
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2370
2380
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2411,17 +2421,36 @@
2411
2421
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2412
2422
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2413
2423
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2424
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2425
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2426
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2414
2427
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-primary);
2428
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2429
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2430
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2431
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2432
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2415
2433
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-primary);
2434
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2435
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2436
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2437
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2438
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2416
2439
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-primary);
2440
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2441
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2417
2442
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2418
2443
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2419
2444
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
2420
2445
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2421
2446
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2422
2447
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2448
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2449
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2450
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2423
2451
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2424
2452
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-secondary);
2453
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2425
2454
  --wds-badge-outline-destructive-border-color: var(--wds-color-border-destructive-primary);
2426
2455
  --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
2427
2456
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
package/odeditor-dark/all.st.css CHANGED
@@ -104,8 +104,12 @@
104
104
  @property st-global(--wds-badge-outline-destructive-fill);
105
105
  @property st-global(--wds-badge-outline-destructive-label-color);
106
106
  @property st-global(--wds-badge-outline-neutral-border-color);
107
+ @property st-global(--wds-badge-outline-neutral-danger-border-color);
107
108
  @property st-global(--wds-badge-outline-neutral-fill);
108
109
  @property st-global(--wds-badge-outline-neutral-label-color);
110
+ @property st-global(--wds-badge-outline-neutral-light-border-color);
111
+ @property st-global(--wds-badge-outline-neutral-standard-border-color);
112
+ @property st-global(--wds-badge-outline-neutral-success-border-color);
109
113
  @property st-global(--wds-badge-outline-premium-border-color);
110
114
  @property st-global(--wds-badge-outline-premium-fill);
111
115
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -121,6 +125,7 @@
121
125
  @property st-global(--wds-badge-outline-warning-border-color);
122
126
  @property st-global(--wds-badge-outline-warning-fill);
123
127
  @property st-global(--wds-badge-outline-warning-label-color);
128
+ @property st-global(--wds-badge-outline-warning-light-border-color);
124
129
  @property st-global(--wds-badge-padding-horizontal-medium);
125
130
  @property st-global(--wds-badge-padding-horizontal-small);
126
131
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -130,9 +135,23 @@
130
135
  @property st-global(--wds-badge-size-medium);
131
136
  @property st-global(--wds-badge-size-small);
132
137
  @property st-global(--wds-badge-size-tiny);
138
+ @property st-global(--wds-badge-solid-neutral-danger-fill);
133
139
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
140
+ @property st-global(--wds-badge-solid-neutral-light-fill);
141
+ @property st-global(--wds-badge-solid-neutral-light-label-color);
142
+ @property st-global(--wds-badge-solid-neutral-standard-fill);
143
+ @property st-global(--wds-badge-solid-neutral-standard-label-color);
144
+ @property st-global(--wds-badge-solid-neutral-success-fill);
134
145
  @property st-global(--wds-badge-solid-neutral-success-label-color);
146
+ @property st-global(--wds-badge-solid-success-fill);
147
+ @property st-global(--wds-badge-solid-success-label-color);
148
+ @property st-global(--wds-badge-solid-urgent-label-color);
149
+ @property st-global(--wds-badge-solid-warning-label-color);
150
+ @property st-global(--wds-badge-solid-warning-light-fill);
135
151
  @property st-global(--wds-badge-solid-warning-light-label-color);
152
+ @property st-global(--wds-badge-transparent-success-label-color);
153
+ @property st-global(--wds-badge-transparent-urgent-label-color);
154
+ @property st-global(--wds-badge-transparent-warning-label-color);
136
155
  @property st-global(--wds-border-radius-0);
137
156
  @property st-global(--wds-border-radius-100);
138
157
  @property st-global(--wds-border-radius-200);
@@ -343,8 +362,18 @@
343
362
  @property st-global(--wds-card-gallery-item-padding-right-small);
344
363
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
345
364
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
365
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
366
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
367
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
368
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
369
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
346
370
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
371
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
347
372
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
373
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
374
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
375
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
376
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
348
377
  @property st-global(--wds-card-gallery-item-shadow);
349
378
  @property st-global(--wds-card-gallery-item-shadow-hover);
350
379
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -2639,8 +2668,12 @@
2639
2668
  --wds-badge-outline-destructive-fill: #380D0E;
2640
2669
  --wds-badge-outline-destructive-label-color: #FEBEC0;
2641
2670
  --wds-badge-outline-neutral-border-color: #878685;
2671
+ --wds-badge-outline-neutral-danger-border-color: #A6464B;
2642
2672
  --wds-badge-outline-neutral-fill: #3A3A3B;
2643
2673
  --wds-badge-outline-neutral-label-color: #A09E9D;
2674
+ --wds-badge-outline-neutral-light-border-color: #454544;
2675
+ --wds-badge-outline-neutral-standard-border-color: #212328;
2676
+ --wds-badge-outline-neutral-success-border-color: #396F5C;
2644
2677
  --wds-badge-outline-premium-border-color: #3F4D6E;
2645
2678
  --wds-badge-outline-premium-fill: #212328;
2646
2679
  --wds-badge-outline-premium-label-color: #82B0FF;
@@ -2656,6 +2689,7 @@
2656
2689
  --wds-badge-outline-warning-border-color: #C68B40;
2657
2690
  --wds-badge-outline-warning-fill: #6F502B;
2658
2691
  --wds-badge-outline-warning-label-color: #FEF6ED;
2692
+ --wds-badge-outline-warning-light-border-color: #946933;
2659
2693
  --wds-badge-padding-horizontal-medium: 8px;
2660
2694
  --wds-badge-padding-horizontal-small: 8px;
2661
2695
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2665,9 +2699,23 @@
2665
2699
  --wds-badge-size-medium: 28px;
2666
2700
  --wds-badge-size-small: 24px;
2667
2701
  --wds-badge-size-tiny: 20px;
2702
+ --wds-badge-solid-neutral-danger-fill: #A6464B;
2668
2703
  --wds-badge-solid-neutral-danger-label-color: #FFFFFF;
2704
+ --wds-badge-solid-neutral-light-fill: #3A3A3B;
2705
+ --wds-badge-solid-neutral-light-label-color: #D4D3D2;
2706
+ --wds-badge-solid-neutral-standard-fill: #2D354E;
2707
+ --wds-badge-solid-neutral-standard-label-color: #D4D3D2;
2708
+ --wds-badge-solid-neutral-success-fill: #396F5C;
2669
2709
  --wds-badge-solid-neutral-success-label-color: #FFFFFF;
2710
+ --wds-badge-solid-success-fill: #53DA98;
2711
+ --wds-badge-solid-success-label-color: #212122;
2712
+ --wds-badge-solid-urgent-label-color: #212122;
2713
+ --wds-badge-solid-warning-label-color: #212122;
2714
+ --wds-badge-solid-warning-light-fill: #946933;
2670
2715
  --wds-badge-solid-warning-light-label-color: #FFFFFF;
2716
+ --wds-badge-transparent-success-label-color: #53DA98;
2717
+ --wds-badge-transparent-urgent-label-color: #FF8044;
2718
+ --wds-badge-transparent-warning-label-color: #FFCB62;
2671
2719
  --wds-border-radius-0: 0px;
2672
2720
  --wds-border-radius-100: 2px;
2673
2721
  --wds-border-radius-200: 4px;
@@ -2878,8 +2926,18 @@
2878
2926
  --wds-card-gallery-item-padding-right-small: 18px;
2879
2927
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2880
2928
  --wds-card-gallery-item-padding-vertical-small: 12px;
2929
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2930
+ --wds-card-gallery-item-secondary-action-color-active: #212122;
2931
+ --wds-card-gallery-item-secondary-action-color-hover: #212122;
2932
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2933
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2881
2934
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2935
+ --wds-card-gallery-item-secondary-action-height: 24px;
2882
2936
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2937
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2938
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2939
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2940
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2883
2941
  --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2884
2942
  --wds-card-gallery-item-shadow-hover: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2885
2943
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
@@ -3805,10 +3863,10 @@
3805
3863
  --wds-input-area-padding-right-small: 6px;
3806
3864
  --wds-input-area-padding-vertical-medium: 12px;
3807
3865
  --wds-input-area-padding-vertical-small: 8px;
3808
- --wds-input-background-fill: #2D2D2E;
3809
- --wds-input-background-fill-default: #2D2D2E;
3810
- --wds-input-background-fill-disabled: #2D2D2E;
3811
- --wds-input-background-fill-hover: #2D2D2E;
3866
+ --wds-input-background-fill: #3A3A3B;
3867
+ --wds-input-background-fill-default: #3A3A3B;
3868
+ --wds-input-background-fill-disabled: #3A3A3B;
3869
+ --wds-input-background-fill-hover: #3A3A3B;
3812
3870
  --wds-input-background-fill-on-stage: #3A3A3B;
3813
3871
  --wds-input-background-fill-readonly: #212122;
3814
3872
  --wds-input-border-color: rgba(255, 255, 255, 0);
package/odeditor-dark/component.st.css CHANGED
@@ -90,8 +90,12 @@
90
90
  @property st-global(--wds-badge-outline-destructive-fill);
91
91
  @property st-global(--wds-badge-outline-destructive-label-color);
92
92
  @property st-global(--wds-badge-outline-neutral-border-color);
93
+ @property st-global(--wds-badge-outline-neutral-danger-border-color);
93
94
  @property st-global(--wds-badge-outline-neutral-fill);
94
95
  @property st-global(--wds-badge-outline-neutral-label-color);
96
+ @property st-global(--wds-badge-outline-neutral-light-border-color);
97
+ @property st-global(--wds-badge-outline-neutral-standard-border-color);
98
+ @property st-global(--wds-badge-outline-neutral-success-border-color);
95
99
  @property st-global(--wds-badge-outline-premium-border-color);
96
100
  @property st-global(--wds-badge-outline-premium-fill);
97
101
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -107,6 +111,7 @@
107
111
  @property st-global(--wds-badge-outline-warning-border-color);
108
112
  @property st-global(--wds-badge-outline-warning-fill);
109
113
  @property st-global(--wds-badge-outline-warning-label-color);
114
+ @property st-global(--wds-badge-outline-warning-light-border-color);
110
115
  @property st-global(--wds-badge-padding-horizontal-medium);
111
116
  @property st-global(--wds-badge-padding-horizontal-small);
112
117
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -116,9 +121,23 @@
116
121
  @property st-global(--wds-badge-size-medium);
117
122
  @property st-global(--wds-badge-size-small);
118
123
  @property st-global(--wds-badge-size-tiny);
124
+ @property st-global(--wds-badge-solid-neutral-danger-fill);
119
125
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
126
+ @property st-global(--wds-badge-solid-neutral-light-fill);
127
+ @property st-global(--wds-badge-solid-neutral-light-label-color);
128
+ @property st-global(--wds-badge-solid-neutral-standard-fill);
129
+ @property st-global(--wds-badge-solid-neutral-standard-label-color);
130
+ @property st-global(--wds-badge-solid-neutral-success-fill);
120
131
  @property st-global(--wds-badge-solid-neutral-success-label-color);
132
+ @property st-global(--wds-badge-solid-success-fill);
133
+ @property st-global(--wds-badge-solid-success-label-color);
134
+ @property st-global(--wds-badge-solid-urgent-label-color);
135
+ @property st-global(--wds-badge-solid-warning-label-color);
136
+ @property st-global(--wds-badge-solid-warning-light-fill);
121
137
  @property st-global(--wds-badge-solid-warning-light-label-color);
138
+ @property st-global(--wds-badge-transparent-success-label-color);
139
+ @property st-global(--wds-badge-transparent-urgent-label-color);
140
+ @property st-global(--wds-badge-transparent-warning-label-color);
122
141
  @property st-global(--wds-breadcrumbs-border-radius);
123
142
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
124
143
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -302,8 +321,18 @@
302
321
  @property st-global(--wds-card-gallery-item-padding-right-small);
303
322
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
304
323
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
324
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
325
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
326
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
327
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
328
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
305
329
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
330
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
306
331
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
332
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
333
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
334
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
335
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
307
336
  @property st-global(--wds-card-gallery-item-shadow);
308
337
  @property st-global(--wds-card-gallery-item-shadow-hover);
309
338
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -1876,8 +1905,12 @@
1876
1905
  --wds-badge-outline-destructive-fill: #380D0E;
1877
1906
  --wds-badge-outline-destructive-label-color: #FEBEC0;
1878
1907
  --wds-badge-outline-neutral-border-color: #878685;
1908
+ --wds-badge-outline-neutral-danger-border-color: #A6464B;
1879
1909
  --wds-badge-outline-neutral-fill: #3A3A3B;
1880
1910
  --wds-badge-outline-neutral-label-color: #A09E9D;
1911
+ --wds-badge-outline-neutral-light-border-color: #454544;
1912
+ --wds-badge-outline-neutral-standard-border-color: #212328;
1913
+ --wds-badge-outline-neutral-success-border-color: #396F5C;
1881
1914
  --wds-badge-outline-premium-border-color: #3F4D6E;
1882
1915
  --wds-badge-outline-premium-fill: #212328;
1883
1916
  --wds-badge-outline-premium-label-color: #82B0FF;
@@ -1893,6 +1926,7 @@
1893
1926
  --wds-badge-outline-warning-border-color: #C68B40;
1894
1927
  --wds-badge-outline-warning-fill: #6F502B;
1895
1928
  --wds-badge-outline-warning-label-color: #FEF6ED;
1929
+ --wds-badge-outline-warning-light-border-color: #946933;
1896
1930
  --wds-badge-padding-horizontal-medium: 8px;
1897
1931
  --wds-badge-padding-horizontal-small: 8px;
1898
1932
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -1902,9 +1936,23 @@
1902
1936
  --wds-badge-size-medium: 28px;
1903
1937
  --wds-badge-size-small: 24px;
1904
1938
  --wds-badge-size-tiny: 20px;
1939
+ --wds-badge-solid-neutral-danger-fill: #A6464B;
1905
1940
  --wds-badge-solid-neutral-danger-label-color: #FFFFFF;
1941
+ --wds-badge-solid-neutral-light-fill: #3A3A3B;
1942
+ --wds-badge-solid-neutral-light-label-color: #D4D3D2;
1943
+ --wds-badge-solid-neutral-standard-fill: #2D354E;
1944
+ --wds-badge-solid-neutral-standard-label-color: #D4D3D2;
1945
+ --wds-badge-solid-neutral-success-fill: #396F5C;
1906
1946
  --wds-badge-solid-neutral-success-label-color: #FFFFFF;
1947
+ --wds-badge-solid-success-fill: #53DA98;
1948
+ --wds-badge-solid-success-label-color: #212122;
1949
+ --wds-badge-solid-urgent-label-color: #212122;
1950
+ --wds-badge-solid-warning-label-color: #212122;
1951
+ --wds-badge-solid-warning-light-fill: #946933;
1907
1952
  --wds-badge-solid-warning-light-label-color: #FFFFFF;
1953
+ --wds-badge-transparent-success-label-color: #53DA98;
1954
+ --wds-badge-transparent-urgent-label-color: #FF8044;
1955
+ --wds-badge-transparent-warning-label-color: #FFCB62;
1908
1956
  --wds-breadcrumbs-border-radius: 6px;
1909
1957
  --wds-breadcrumbs-divider-margin-horizontal: 0px;
1910
1958
  --wds-breadcrumbs-font-size-small: 12px;
@@ -2088,8 +2136,18 @@
2088
2136
  --wds-card-gallery-item-padding-right-small: 18px;
2089
2137
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2090
2138
  --wds-card-gallery-item-padding-vertical-small: 12px;
2139
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2140
+ --wds-card-gallery-item-secondary-action-color-active: #212122;
2141
+ --wds-card-gallery-item-secondary-action-color-hover: #212122;
2142
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2143
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2091
2144
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2145
+ --wds-card-gallery-item-secondary-action-height: 24px;
2092
2146
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2147
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2148
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2149
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2150
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2093
2151
  --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2094
2152
  --wds-card-gallery-item-shadow-hover: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2095
2153
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
@@ -2465,10 +2523,10 @@
2465
2523
  --wds-input-area-padding-right-small: 6px;
2466
2524
  --wds-input-area-padding-vertical-medium: 12px;
2467
2525
  --wds-input-area-padding-vertical-small: 8px;
2468
- --wds-input-background-fill: #2D2D2E;
2469
- --wds-input-background-fill-default: #2D2D2E;
2470
- --wds-input-background-fill-disabled: #2D2D2E;
2471
- --wds-input-background-fill-hover: #2D2D2E;
2526
+ --wds-input-background-fill: #3A3A3B;
2527
+ --wds-input-background-fill-default: #3A3A3B;
2528
+ --wds-input-background-fill-disabled: #3A3A3B;
2529
+ --wds-input-background-fill-hover: #3A3A3B;
2472
2530
  --wds-input-background-fill-on-stage: #3A3A3B;
2473
2531
  --wds-input-background-fill-readonly: #212122;
2474
2532
  --wds-input-border-color: rgba(255, 255, 255, 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.224.2",
3
+ "version": "1.225.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "8db8cc78669bfe18aa1b9ac93d2e875e1a99aaa357373643e44d08f3"
39
+ "falconPackageHash": "2b3f806c5f764e8278aea0d9e58bd6a991dbd681bf38492af883d747"
40
40
  }
package/studio/all.css CHANGED
@@ -496,6 +496,11 @@
496
496
  --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
497
497
  --wds-card-gallery-item-title-gap: 0px;
498
498
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
499
+ --wds-card-gallery-item-secondary-action-min-width: auto;
500
+ --wds-card-gallery-item-secondary-action-height: 24px;
501
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
502
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
503
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
499
504
  --wds-card-gallery-item-overlay-backdrop-filter: none;
500
505
  --wds-card-gallery-item-image-side-size-small: 30px;
501
506
  --wds-card-gallery-item-image-side-size-medium: 40px;
@@ -1694,6 +1699,9 @@
1694
1699
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1695
1700
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1696
1701
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1702
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1703
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1704
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1697
1705
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1698
1706
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1699
1707
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -2325,6 +2333,8 @@
2325
2333
  --wds-card-gallery-item-shadow-hover: var(--wds-shadow-surface-raised);
2326
2334
  --wds-card-gallery-item-shadow: var(--wds-shadow-surface-raised);
2327
2335
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2336
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2337
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2328
2338
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2329
2339
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2330
2340
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2407,9 +2417,24 @@
2407
2417
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2408
2418
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2409
2419
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2420
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2421
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2422
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2410
2423
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2424
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2425
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2426
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2427
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2428
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2411
2429
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2430
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2431
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2432
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2433
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2434
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2412
2435
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2436
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2437
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2413
2438
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2414
2439
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2415
2440
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2425,6 +2450,10 @@
2425
2450
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2426
2451
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2427
2452
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2453
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2454
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2455
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2456
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2428
2457
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2429
2458
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2430
2459
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
package/studio/all.scss CHANGED
@@ -470,6 +470,11 @@
470
470
  --wds-card-header-suffix-align: center;
471
471
  --wds-card-gallery-item-title-gap: 0px;
472
472
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
473
+ --wds-card-gallery-item-secondary-action-min-width: auto;
474
+ --wds-card-gallery-item-secondary-action-height: 24px;
475
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
476
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
477
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
473
478
  --wds-card-gallery-item-overlay-backdrop-filter: none;
474
479
  --wds-card-gallery-item-image-side-size-small: 30px;
475
480
  --wds-card-gallery-item-image-side-size-medium: 40px;
@@ -1691,6 +1696,9 @@
1691
1696
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1692
1697
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1693
1698
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1699
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1700
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1701
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1694
1702
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1695
1703
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1696
1704
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -2328,6 +2336,8 @@
2328
2336
  --wds-card-gallery-item-shadow-hover: var(--wds-shadow-surface-raised);
2329
2337
  --wds-card-gallery-item-shadow: var(--wds-shadow-surface-raised);
2330
2338
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2339
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2340
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2331
2341
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2332
2342
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2333
2343
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2407,9 +2417,24 @@
2407
2417
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2408
2418
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2409
2419
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2420
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2421
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2422
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2410
2423
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2424
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2425
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2426
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2427
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2428
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2411
2429
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2430
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2431
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2432
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2433
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2434
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2412
2435
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2436
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2437
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2413
2438
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2414
2439
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2415
2440
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2425,8 +2450,12 @@
2425
2450
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2426
2451
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2427
2452
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2453
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2454
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2455
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2428
2456
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2429
2457
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2458
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2430
2459
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2431
2460
  --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
2432
2461
  --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary);