@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/CHANGELOG.md CHANGED
@@ -1,3 +1,19 @@
1
+ ## 1.225.0
2
+
3
+ ### Minor Changes
4
+
5
+ - [#16859](https://github.com/wix-private/wix-design-systems/pull/16859) [`3e9e0a2`](https://github.com/wix-private/wix-design-systems/commit/3e9e0a2fb0def1a0d442ac44482f29e0a112e848) - **Visual breaking change:** Harmony (odeditor) palette: `--wds-color-green-50` changed from `#11664f` to `#3f7b5c` and `--wds-color-yellow-0` from `#d49341` to `#9f6113` — success primary hover and warning primary active fills follow. The Badge token group (outlined border, fill and label colors, plus new solid fill and label-color tokens) darkens outlined borders on every skin and recolors solid success, warning and urgent badges in that theme. New `badge.transparent.*.label-color` tokens darken transparent success, warning and urgent labels in odeditor while resolving to the existing text colors in other themes. New `badge.outline.*.border-color` and `badge.solid.*.fill`/`label-color` tokens for the `neutral-standard`, `neutral-success`, `neutral-danger`, `neutral-light` and `warning-light` skins are defined in all five themes — odeditor gets the new design values, other themes get no-op values that reproduce current rendering.
6
+
7
+ ### Patch Changes
8
+
9
+ - [#16819](https://github.com/wix-private/wix-design-systems/pull/16819) [`5390183`](https://github.com/wix-private/wix-design-systems/commit/5390183b18e99a3feaa05b730dd86f6cde2550af) - New CardGalleryItem tokens, all defined per theme at the current rendering so only Harmony (odeditor) changes: `--wds-card-gallery-item-actions-clearance-top`/`-bottom` (odeditor `36px`/`0`, centring the hover actions below the badge), `--wds-card-gallery-item-settings-menu-offset` (each theme's `--wds-space-200`), and a `--wds-card-gallery-item-secondary-action-*` group (`height`, `min-width`, `border-radius`, `padding-vertical`/`-horizontal`, `fill-hover`/`-active`, `color-hover`/`-active`) that in odeditor styles the secondary hover action as a tertiary button and elsewhere matches the text button it decorates.
10
+
11
+ ## 1.224.3
12
+
13
+ ### Patch Changes
14
+
15
+ - [#16730](https://github.com/wix-private/wix-design-systems/pull/16730) [`fee7289`](https://github.com/wix-private/wix-design-systems/commit/fee72890ab2c3782ff94125d005a1ab0c9bb5b6a) - Input family background color in Studio 2.0 (odeditor-dark) changed from `#2D2D2E` to `#3A3A3B`. Affects `--wds-input-background-fill`, `--wds-input-background-fill-default`, `--wds-input-background-fill-hover` and `--wds-input-background-fill-disabled`, used by Input, InputArea, Dropdown, MultiSelect and the rest of the input family.
16
+
1
17
  ## 1.224.2
2
18
 
3
19
  ## 1.224.1
package/all.css CHANGED
@@ -452,6 +452,11 @@
452
452
  --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
453
453
  --wds-card-gallery-item-title-gap: 0px;
454
454
  --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);
455
+ --wds-card-gallery-item-secondary-action-min-width: auto;
456
+ --wds-card-gallery-item-secondary-action-height: 24px;
457
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
458
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
459
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
455
460
  --wds-card-gallery-item-overlay-backdrop-filter: none;
456
461
  --wds-card-gallery-item-image-side-size-small: 30px;
457
462
  --wds-card-gallery-item-image-side-size-medium: 40px;
@@ -1631,6 +1636,9 @@
1631
1636
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1632
1637
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1633
1638
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1639
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1640
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1641
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1634
1642
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-200);
1635
1643
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-300);
1636
1644
  --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1646,6 +1654,8 @@
1646
1654
  --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1647
1655
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1648
1656
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1657
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-200);
1658
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-200);
1649
1659
  --wds-card-gallery-item-action-button-size: var(--wds-space-600);
1650
1660
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-100);
1651
1661
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
@@ -2320,6 +2330,8 @@
2320
2330
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-tiny);
2321
2331
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
2322
2332
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2333
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2334
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2323
2335
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2324
2336
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2325
2337
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2404,9 +2416,24 @@
2404
2416
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2405
2417
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2406
2418
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2419
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2420
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2421
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2407
2422
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2423
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2424
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2425
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2426
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2427
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2408
2428
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2429
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2430
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2431
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2432
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2433
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2409
2434
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2435
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2436
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2410
2437
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2411
2438
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2412
2439
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2422,6 +2449,10 @@
2422
2449
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2423
2450
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2424
2451
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2452
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2453
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2454
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2455
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2425
2456
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2426
2457
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2427
2458
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
package/all.scss CHANGED
@@ -426,6 +426,11 @@
426
426
  --wds-card-header-suffix-align: center;
427
427
  --wds-card-gallery-item-title-gap: 0px;
428
428
  --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);
429
+ --wds-card-gallery-item-secondary-action-min-width: auto;
430
+ --wds-card-gallery-item-secondary-action-height: 24px;
431
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
432
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
433
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
429
434
  --wds-card-gallery-item-overlay-backdrop-filter: none;
430
435
  --wds-card-gallery-item-image-side-size-small: 30px;
431
436
  --wds-card-gallery-item-image-side-size-medium: 40px;
@@ -1628,6 +1633,9 @@
1628
1633
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1629
1634
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1630
1635
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1636
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1637
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1638
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1631
1639
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-200);
1632
1640
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-300);
1633
1641
  --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1643,6 +1651,8 @@
1643
1651
  --wds-card-gallery-item-buttons-gap: var(--wds-space-100);
1644
1652
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1645
1653
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1654
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-200);
1655
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-200);
1646
1656
  --wds-card-gallery-item-action-button-size: var(--wds-space-600);
1647
1657
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-100);
1648
1658
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
@@ -2322,6 +2332,8 @@
2322
2332
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-tiny);
2323
2333
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
2324
2334
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2335
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2336
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2325
2337
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2326
2338
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2327
2339
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2404,9 +2416,24 @@
2404
2416
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2405
2417
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2406
2418
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2419
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2420
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2421
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2407
2422
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2423
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2424
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2425
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2426
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2427
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2408
2428
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2429
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2430
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2431
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2432
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2433
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2409
2434
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2435
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2436
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2410
2437
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2411
2438
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2412
2439
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2422,8 +2449,12 @@
2422
2449
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2423
2450
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2424
2451
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2452
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2453
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2454
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2425
2455
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2426
2456
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2457
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2427
2458
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2428
2459
  --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
2429
2460
  --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary);
package/all.st.css CHANGED
@@ -103,8 +103,12 @@
103
103
  @property st-global(--wds-badge-outline-destructive-fill);
104
104
  @property st-global(--wds-badge-outline-destructive-label-color);
105
105
  @property st-global(--wds-badge-outline-neutral-border-color);
106
+ @property st-global(--wds-badge-outline-neutral-danger-border-color);
106
107
  @property st-global(--wds-badge-outline-neutral-fill);
107
108
  @property st-global(--wds-badge-outline-neutral-label-color);
109
+ @property st-global(--wds-badge-outline-neutral-light-border-color);
110
+ @property st-global(--wds-badge-outline-neutral-standard-border-color);
111
+ @property st-global(--wds-badge-outline-neutral-success-border-color);
108
112
  @property st-global(--wds-badge-outline-premium-border-color);
109
113
  @property st-global(--wds-badge-outline-premium-fill);
110
114
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -120,6 +124,7 @@
120
124
  @property st-global(--wds-badge-outline-warning-border-color);
121
125
  @property st-global(--wds-badge-outline-warning-fill);
122
126
  @property st-global(--wds-badge-outline-warning-label-color);
127
+ @property st-global(--wds-badge-outline-warning-light-border-color);
123
128
  @property st-global(--wds-badge-padding-horizontal-medium);
124
129
  @property st-global(--wds-badge-padding-horizontal-small);
125
130
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -129,9 +134,23 @@
129
134
  @property st-global(--wds-badge-size-medium);
130
135
  @property st-global(--wds-badge-size-small);
131
136
  @property st-global(--wds-badge-size-tiny);
137
+ @property st-global(--wds-badge-solid-neutral-danger-fill);
132
138
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
139
+ @property st-global(--wds-badge-solid-neutral-light-fill);
140
+ @property st-global(--wds-badge-solid-neutral-light-label-color);
141
+ @property st-global(--wds-badge-solid-neutral-standard-fill);
142
+ @property st-global(--wds-badge-solid-neutral-standard-label-color);
143
+ @property st-global(--wds-badge-solid-neutral-success-fill);
133
144
  @property st-global(--wds-badge-solid-neutral-success-label-color);
145
+ @property st-global(--wds-badge-solid-success-fill);
146
+ @property st-global(--wds-badge-solid-success-label-color);
147
+ @property st-global(--wds-badge-solid-urgent-label-color);
148
+ @property st-global(--wds-badge-solid-warning-label-color);
149
+ @property st-global(--wds-badge-solid-warning-light-fill);
134
150
  @property st-global(--wds-badge-solid-warning-light-label-color);
151
+ @property st-global(--wds-badge-transparent-success-label-color);
152
+ @property st-global(--wds-badge-transparent-urgent-label-color);
153
+ @property st-global(--wds-badge-transparent-warning-label-color);
135
154
  @property st-global(--wds-border-radius-0);
136
155
  @property st-global(--wds-border-radius-100);
137
156
  @property st-global(--wds-border-radius-200);
@@ -322,6 +341,8 @@
322
341
  @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
323
342
  @property st-global(--wds-card-gallery-item-action-button-size);
324
343
  @property st-global(--wds-card-gallery-item-actions-align);
344
+ @property st-global(--wds-card-gallery-item-actions-clearance-bottom);
345
+ @property st-global(--wds-card-gallery-item-actions-clearance-top);
325
346
  @property st-global(--wds-card-gallery-item-actions-direction);
326
347
  @property st-global(--wds-card-gallery-item-actions-secondary-position);
327
348
  @property st-global(--wds-card-gallery-item-badge-offset-block);
@@ -349,8 +370,18 @@
349
370
  @property st-global(--wds-card-gallery-item-padding-right-small);
350
371
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
351
372
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
373
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
374
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
375
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
376
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
377
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
352
378
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
379
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
353
380
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
381
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
382
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
383
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
384
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
354
385
  @property st-global(--wds-card-gallery-item-shadow);
355
386
  @property st-global(--wds-card-gallery-item-shadow-hover);
356
387
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -2659,8 +2690,12 @@
2659
2690
  --wds-badge-outline-destructive-fill: #ffffff;
2660
2691
  --wds-badge-outline-destructive-label-color: #e62214;
2661
2692
  --wds-badge-outline-neutral-border-color: #868aa5;
2693
+ --wds-badge-outline-neutral-danger-border-color: #fbd0cd;
2662
2694
  --wds-badge-outline-neutral-fill: #ffffff;
2663
2695
  --wds-badge-outline-neutral-label-color: #868aa5;
2696
+ --wds-badge-outline-neutral-light-border-color: #dfe5eb;
2697
+ --wds-badge-outline-neutral-standard-border-color: #d6e6fe;
2698
+ --wds-badge-outline-neutral-success-border-color: #c8e8d6;
2664
2699
  --wds-badge-outline-premium-border-color: #cf8cf1;
2665
2700
  --wds-badge-outline-premium-fill: #ffffff;
2666
2701
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -2676,6 +2711,7 @@
2676
2711
  --wds-badge-outline-warning-border-color: #ffd16e;
2677
2712
  --wds-badge-outline-warning-fill: #ffffff;
2678
2713
  --wds-badge-outline-warning-label-color: #ffb700;
2714
+ --wds-badge-outline-warning-light-border-color: #ffe2a5;
2679
2715
  --wds-badge-padding-horizontal-medium: 12px;
2680
2716
  --wds-badge-padding-horizontal-small: 6px;
2681
2717
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2685,9 +2721,23 @@
2685
2721
  --wds-badge-size-medium: 24px;
2686
2722
  --wds-badge-size-small: 18px;
2687
2723
  --wds-badge-size-tiny: 18px;
2724
+ --wds-badge-solid-neutral-danger-fill: #fbd0cd;
2688
2725
  --wds-badge-solid-neutral-danger-label-color: #44485f;
2726
+ --wds-badge-solid-neutral-light-fill: #eceff3;
2727
+ --wds-badge-solid-neutral-light-label-color: #44485f;
2728
+ --wds-badge-solid-neutral-standard-fill: #d6e6fe;
2729
+ --wds-badge-solid-neutral-standard-label-color: #44485f;
2730
+ --wds-badge-solid-neutral-success-fill: #c8e8d6;
2689
2731
  --wds-badge-solid-neutral-success-label-color: #44485f;
2732
+ --wds-badge-solid-success-fill: #25a55a;
2733
+ --wds-badge-solid-success-label-color: #ffffff;
2734
+ --wds-badge-solid-urgent-label-color: #ffffff;
2735
+ --wds-badge-solid-warning-label-color: #ffffff;
2736
+ --wds-badge-solid-warning-light-fill: #ffe2a5;
2690
2737
  --wds-badge-solid-warning-light-label-color: #44485f;
2738
+ --wds-badge-transparent-success-label-color: #25a55a;
2739
+ --wds-badge-transparent-urgent-label-color: #fe620f;
2740
+ --wds-badge-transparent-warning-label-color: #ffb700;
2691
2741
  --wds-border-radius-0: 0px;
2692
2742
  --wds-border-radius-100: 2px;
2693
2743
  --wds-border-radius-200: 4px;
@@ -2878,6 +2928,8 @@
2878
2928
  --wds-card-gallery-item-action-button-padding-vertical: 6px;
2879
2929
  --wds-card-gallery-item-action-button-size: 36px;
2880
2930
  --wds-card-gallery-item-actions-align: stretch;
2931
+ --wds-card-gallery-item-actions-clearance-bottom: 12px;
2932
+ --wds-card-gallery-item-actions-clearance-top: 12px;
2881
2933
  --wds-card-gallery-item-actions-direction: row;
2882
2934
  --wds-card-gallery-item-actions-secondary-position: absolute;
2883
2935
  --wds-card-gallery-item-badge-offset-block: 12px;
@@ -2905,8 +2957,18 @@
2905
2957
  --wds-card-gallery-item-padding-right-small: 18px;
2906
2958
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2907
2959
  --wds-card-gallery-item-padding-vertical-small: 12px;
2960
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2961
+ --wds-card-gallery-item-secondary-action-color-active: #ffffff;
2962
+ --wds-card-gallery-item-secondary-action-color-hover: #ffffff;
2963
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2964
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2908
2965
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2966
+ --wds-card-gallery-item-secondary-action-height: 24px;
2909
2967
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2968
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2969
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2970
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2971
+ --wds-card-gallery-item-settings-menu-offset: 12px;
2910
2972
  --wds-card-gallery-item-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2911
2973
  --wds-card-gallery-item-shadow-hover: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2912
2974
  --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);
package/component.st.css CHANGED
@@ -91,8 +91,12 @@
91
91
  @property st-global(--wds-badge-outline-destructive-fill);
92
92
  @property st-global(--wds-badge-outline-destructive-label-color);
93
93
  @property st-global(--wds-badge-outline-neutral-border-color);
94
+ @property st-global(--wds-badge-outline-neutral-danger-border-color);
94
95
  @property st-global(--wds-badge-outline-neutral-fill);
95
96
  @property st-global(--wds-badge-outline-neutral-label-color);
97
+ @property st-global(--wds-badge-outline-neutral-light-border-color);
98
+ @property st-global(--wds-badge-outline-neutral-standard-border-color);
99
+ @property st-global(--wds-badge-outline-neutral-success-border-color);
96
100
  @property st-global(--wds-badge-outline-premium-border-color);
97
101
  @property st-global(--wds-badge-outline-premium-fill);
98
102
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -108,6 +112,7 @@
108
112
  @property st-global(--wds-badge-outline-warning-border-color);
109
113
  @property st-global(--wds-badge-outline-warning-fill);
110
114
  @property st-global(--wds-badge-outline-warning-label-color);
115
+ @property st-global(--wds-badge-outline-warning-light-border-color);
111
116
  @property st-global(--wds-badge-padding-horizontal-medium);
112
117
  @property st-global(--wds-badge-padding-horizontal-small);
113
118
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -117,9 +122,23 @@
117
122
  @property st-global(--wds-badge-size-medium);
118
123
  @property st-global(--wds-badge-size-small);
119
124
  @property st-global(--wds-badge-size-tiny);
125
+ @property st-global(--wds-badge-solid-neutral-danger-fill);
120
126
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
127
+ @property st-global(--wds-badge-solid-neutral-light-fill);
128
+ @property st-global(--wds-badge-solid-neutral-light-label-color);
129
+ @property st-global(--wds-badge-solid-neutral-standard-fill);
130
+ @property st-global(--wds-badge-solid-neutral-standard-label-color);
131
+ @property st-global(--wds-badge-solid-neutral-success-fill);
121
132
  @property st-global(--wds-badge-solid-neutral-success-label-color);
133
+ @property st-global(--wds-badge-solid-success-fill);
134
+ @property st-global(--wds-badge-solid-success-label-color);
135
+ @property st-global(--wds-badge-solid-urgent-label-color);
136
+ @property st-global(--wds-badge-solid-warning-label-color);
137
+ @property st-global(--wds-badge-solid-warning-light-fill);
122
138
  @property st-global(--wds-badge-solid-warning-light-label-color);
139
+ @property st-global(--wds-badge-transparent-success-label-color);
140
+ @property st-global(--wds-badge-transparent-urgent-label-color);
141
+ @property st-global(--wds-badge-transparent-warning-label-color);
123
142
  @property st-global(--wds-breadcrumbs-border-radius);
124
143
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
125
144
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -284,6 +303,8 @@
284
303
  @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
285
304
  @property st-global(--wds-card-gallery-item-action-button-size);
286
305
  @property st-global(--wds-card-gallery-item-actions-align);
306
+ @property st-global(--wds-card-gallery-item-actions-clearance-bottom);
307
+ @property st-global(--wds-card-gallery-item-actions-clearance-top);
287
308
  @property st-global(--wds-card-gallery-item-actions-direction);
288
309
  @property st-global(--wds-card-gallery-item-actions-secondary-position);
289
310
  @property st-global(--wds-card-gallery-item-badge-offset-block);
@@ -311,8 +332,18 @@
311
332
  @property st-global(--wds-card-gallery-item-padding-right-small);
312
333
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
313
334
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
335
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
336
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
337
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
338
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
339
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
314
340
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
341
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
315
342
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
343
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
344
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
345
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
346
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
316
347
  @property st-global(--wds-card-gallery-item-shadow);
317
348
  @property st-global(--wds-card-gallery-item-shadow-hover);
318
349
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -1910,8 +1941,12 @@
1910
1941
  --wds-badge-outline-destructive-fill: #ffffff;
1911
1942
  --wds-badge-outline-destructive-label-color: #e62214;
1912
1943
  --wds-badge-outline-neutral-border-color: #868aa5;
1944
+ --wds-badge-outline-neutral-danger-border-color: #fbd0cd;
1913
1945
  --wds-badge-outline-neutral-fill: #ffffff;
1914
1946
  --wds-badge-outline-neutral-label-color: #868aa5;
1947
+ --wds-badge-outline-neutral-light-border-color: #dfe5eb;
1948
+ --wds-badge-outline-neutral-standard-border-color: #d6e6fe;
1949
+ --wds-badge-outline-neutral-success-border-color: #c8e8d6;
1915
1950
  --wds-badge-outline-premium-border-color: #cf8cf1;
1916
1951
  --wds-badge-outline-premium-fill: #ffffff;
1917
1952
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -1927,6 +1962,7 @@
1927
1962
  --wds-badge-outline-warning-border-color: #ffd16e;
1928
1963
  --wds-badge-outline-warning-fill: #ffffff;
1929
1964
  --wds-badge-outline-warning-label-color: #ffb700;
1965
+ --wds-badge-outline-warning-light-border-color: #ffe2a5;
1930
1966
  --wds-badge-padding-horizontal-medium: 12px;
1931
1967
  --wds-badge-padding-horizontal-small: 6px;
1932
1968
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -1936,9 +1972,23 @@
1936
1972
  --wds-badge-size-medium: 24px;
1937
1973
  --wds-badge-size-small: 18px;
1938
1974
  --wds-badge-size-tiny: 18px;
1975
+ --wds-badge-solid-neutral-danger-fill: #fbd0cd;
1939
1976
  --wds-badge-solid-neutral-danger-label-color: #44485f;
1977
+ --wds-badge-solid-neutral-light-fill: #eceff3;
1978
+ --wds-badge-solid-neutral-light-label-color: #44485f;
1979
+ --wds-badge-solid-neutral-standard-fill: #d6e6fe;
1980
+ --wds-badge-solid-neutral-standard-label-color: #44485f;
1981
+ --wds-badge-solid-neutral-success-fill: #c8e8d6;
1940
1982
  --wds-badge-solid-neutral-success-label-color: #44485f;
1983
+ --wds-badge-solid-success-fill: #25a55a;
1984
+ --wds-badge-solid-success-label-color: #ffffff;
1985
+ --wds-badge-solid-urgent-label-color: #ffffff;
1986
+ --wds-badge-solid-warning-label-color: #ffffff;
1987
+ --wds-badge-solid-warning-light-fill: #ffe2a5;
1941
1988
  --wds-badge-solid-warning-light-label-color: #44485f;
1989
+ --wds-badge-transparent-success-label-color: #25a55a;
1990
+ --wds-badge-transparent-urgent-label-color: #fe620f;
1991
+ --wds-badge-transparent-warning-label-color: #ffb700;
1942
1992
  --wds-breadcrumbs-border-radius: 1000px;
1943
1993
  --wds-breadcrumbs-divider-margin-horizontal: 8px;
1944
1994
  --wds-breadcrumbs-font-size-small: 14px;
@@ -2103,6 +2153,8 @@
2103
2153
  --wds-card-gallery-item-action-button-padding-vertical: 6px;
2104
2154
  --wds-card-gallery-item-action-button-size: 36px;
2105
2155
  --wds-card-gallery-item-actions-align: stretch;
2156
+ --wds-card-gallery-item-actions-clearance-bottom: 12px;
2157
+ --wds-card-gallery-item-actions-clearance-top: 12px;
2106
2158
  --wds-card-gallery-item-actions-direction: row;
2107
2159
  --wds-card-gallery-item-actions-secondary-position: absolute;
2108
2160
  --wds-card-gallery-item-badge-offset-block: 12px;
@@ -2130,8 +2182,18 @@
2130
2182
  --wds-card-gallery-item-padding-right-small: 18px;
2131
2183
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2132
2184
  --wds-card-gallery-item-padding-vertical-small: 12px;
2185
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2186
+ --wds-card-gallery-item-secondary-action-color-active: #ffffff;
2187
+ --wds-card-gallery-item-secondary-action-color-hover: #ffffff;
2188
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2189
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2133
2190
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2191
+ --wds-card-gallery-item-secondary-action-height: 24px;
2134
2192
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2193
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2194
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2195
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2196
+ --wds-card-gallery-item-settings-menu-offset: 12px;
2135
2197
  --wds-card-gallery-item-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2136
2198
  --wds-card-gallery-item-shadow-hover: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2137
2199
  --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);
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;
@@ -482,6 +482,7 @@
482
482
  --wds-carousel-controls-border-disabled: none;
483
483
  --wds-carousel-controls-border: none;
484
484
  --wds-card-gallery-item-title-gap: 2px;
485
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
485
486
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
486
487
  --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
487
488
  --wds-card-gallery-item-image-side-size-small: 32px;
@@ -499,6 +500,7 @@
499
500
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
500
501
  --wds-button-border-ai-secondary-mask: none;
501
502
  --wds-breadcrumbs-height-medium: 26px;
503
+ --wds-badge-outline-warning-light-border-color: #c78634;
502
504
  --wds-avatar-group-gap-condensed: -2px;
503
505
  --wds-avatar-group-counter-background-blur: 4px;
504
506
  --wds-avatar-size-tiny: 20px;
@@ -1757,6 +1759,11 @@
1757
1759
  --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
1760
  --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
1761
  --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);
1762
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1763
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1764
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1765
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1766
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1760
1767
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1761
1768
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1762
1769
  --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1772,6 +1779,8 @@
1772
1779
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1773
1780
  --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1774
1781
  --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1782
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1783
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1775
1784
  --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1776
1785
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1777
1786
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
@@ -1874,6 +1883,20 @@
1874
1883
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1875
1884
  --wds-breadcrumbs-divider-margin-horizontal: var(--wds-space-0);
1876
1885
  --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1886
+ --wds-badge-transparent-warning-label-color: var(--wds-color-yellow-0);
1887
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-orange-0);
1888
+ --wds-badge-transparent-success-label-color: var(--wds-color-green-50);
1889
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-yellow-0);
1890
+ --wds-badge-solid-warning-light-fill: var(--wds-color-yellow-500);
1891
+ --wds-badge-solid-success-fill: var(--wds-color-green-300);
1892
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-green-50);
1893
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-green-600);
1894
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-blue-50);
1895
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-blue-500);
1896
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-black-300);
1897
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-black-700);
1898
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-red-50);
1899
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-red-600);
1877
1900
  --wds-badge-size-tiny: var(--wds-space-500);
1878
1901
  --wds-badge-size-small: var(--wds-space-600);
1879
1902
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1884,20 +1907,30 @@
1884
1907
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1885
1908
  --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1886
1909
  --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);
1910
+ --wds-badge-outline-warning-fill: var(--wds-color-yellow-600);
1911
+ --wds-badge-outline-warning-border-color: var(--wds-color-yellow-0);
1912
+ --wds-badge-outline-urgent-label-color: var(--wds-color-orange-0);
1890
1913
  --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1914
+ --wds-badge-outline-urgent-border-color: var(--wds-color-orange-50);
1891
1915
  --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1892
1916
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1917
+ --wds-badge-outline-success-border-color: var(--wds-color-green-100);
1893
1918
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1894
1919
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1895
- --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1920
+ --wds-badge-outline-standard-border-color: var(--wds-color-blue-200);
1921
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-green-100);
1922
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-blue-200);
1923
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-black-400);
1924
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-red-200);
1925
+ --wds-badge-outline-neutral-border-color: var(--wds-color-black-300);
1896
1926
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1897
1927
  --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);
1928
+ --wds-badge-outline-destructive-border-color: var(--wds-color-red-200);
1929
+ --wds-badge-outline-dark-fill: var(--wds-color-black-600);
1930
+ --wds-badge-outline-dark-border-color: var(--wds-color-black-100);
1931
+ --wds-badge-border-radius-tiny: var(--wds-border-radius-300);
1932
+ --wds-badge-border-radius-small: var(--wds-border-radius-300);
1933
+ --wds-badge-border-radius-medium: var(--wds-border-radius-300);
1901
1934
  --wds-avatar-group-gap-default: var(--wds-space-100);
1902
1935
  --wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
1903
1936
  --wds-avatar-group-counter-border-width: var(--wds-border-width-100);
@@ -2365,6 +2398,10 @@
2365
2398
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2366
2399
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2367
2400
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2401
+ --wds-card-gallery-item-secondary-action-fill-hover: var(--wds-color-fill-light-secondary-hover);
2402
+ --wds-card-gallery-item-secondary-action-fill-active: var(--wds-color-fill-light-secondary-active);
2403
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-text-primary);
2404
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-text-primary);
2368
2405
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2369
2406
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2370
2407
  --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
@@ -2418,21 +2455,15 @@
2418
2455
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2419
2456
  --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2420
2457
  --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);
2458
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-secondary);
2459
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-secondary);
2460
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-secondary);
2427
2461
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2428
2462
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary-hover);
2429
2463
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2430
2464
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2431
2465
  --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
2466
  --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
2467
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2437
2468
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2438
2469
  --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);