@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/studio/all.st.css CHANGED
@@ -102,8 +102,12 @@
102
102
  @property st-global(--wds-badge-outline-destructive-fill);
103
103
  @property st-global(--wds-badge-outline-destructive-label-color);
104
104
  @property st-global(--wds-badge-outline-neutral-border-color);
105
+ @property st-global(--wds-badge-outline-neutral-danger-border-color);
105
106
  @property st-global(--wds-badge-outline-neutral-fill);
106
107
  @property st-global(--wds-badge-outline-neutral-label-color);
108
+ @property st-global(--wds-badge-outline-neutral-light-border-color);
109
+ @property st-global(--wds-badge-outline-neutral-standard-border-color);
110
+ @property st-global(--wds-badge-outline-neutral-success-border-color);
107
111
  @property st-global(--wds-badge-outline-premium-border-color);
108
112
  @property st-global(--wds-badge-outline-premium-fill);
109
113
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -119,6 +123,7 @@
119
123
  @property st-global(--wds-badge-outline-warning-border-color);
120
124
  @property st-global(--wds-badge-outline-warning-fill);
121
125
  @property st-global(--wds-badge-outline-warning-label-color);
126
+ @property st-global(--wds-badge-outline-warning-light-border-color);
122
127
  @property st-global(--wds-badge-padding-horizontal-medium);
123
128
  @property st-global(--wds-badge-padding-horizontal-small);
124
129
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -128,9 +133,23 @@
128
133
  @property st-global(--wds-badge-size-medium);
129
134
  @property st-global(--wds-badge-size-small);
130
135
  @property st-global(--wds-badge-size-tiny);
136
+ @property st-global(--wds-badge-solid-neutral-danger-fill);
131
137
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
138
+ @property st-global(--wds-badge-solid-neutral-light-fill);
139
+ @property st-global(--wds-badge-solid-neutral-light-label-color);
140
+ @property st-global(--wds-badge-solid-neutral-standard-fill);
141
+ @property st-global(--wds-badge-solid-neutral-standard-label-color);
142
+ @property st-global(--wds-badge-solid-neutral-success-fill);
132
143
  @property st-global(--wds-badge-solid-neutral-success-label-color);
144
+ @property st-global(--wds-badge-solid-success-fill);
145
+ @property st-global(--wds-badge-solid-success-label-color);
146
+ @property st-global(--wds-badge-solid-urgent-label-color);
147
+ @property st-global(--wds-badge-solid-warning-label-color);
148
+ @property st-global(--wds-badge-solid-warning-light-fill);
133
149
  @property st-global(--wds-badge-solid-warning-light-label-color);
150
+ @property st-global(--wds-badge-transparent-success-label-color);
151
+ @property st-global(--wds-badge-transparent-urgent-label-color);
152
+ @property st-global(--wds-badge-transparent-warning-label-color);
134
153
  @property st-global(--wds-border-radius-0);
135
154
  @property st-global(--wds-border-radius-100);
136
155
  @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);
@@ -2645,8 +2674,12 @@
2645
2674
  --wds-badge-outline-destructive-fill: #ffffff;
2646
2675
  --wds-badge-outline-destructive-label-color: #ee4437;
2647
2676
  --wds-badge-outline-neutral-border-color: #868aa5;
2677
+ --wds-badge-outline-neutral-danger-border-color: #e2e3ea;
2648
2678
  --wds-badge-outline-neutral-fill: #ffffff;
2649
2679
  --wds-badge-outline-neutral-label-color: #acafc4;
2680
+ --wds-badge-outline-neutral-light-border-color: #e2e3ea;
2681
+ --wds-badge-outline-neutral-standard-border-color: #e2e3ea;
2682
+ --wds-badge-outline-neutral-success-border-color: #e2e3ea;
2650
2683
  --wds-badge-outline-premium-border-color: #cf8cf1;
2651
2684
  --wds-badge-outline-premium-fill: #ffffff;
2652
2685
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -2662,6 +2695,7 @@
2662
2695
  --wds-badge-outline-warning-border-color: #fcd29d;
2663
2696
  --wds-badge-outline-warning-fill: #ffffff;
2664
2697
  --wds-badge-outline-warning-label-color: #f9ad4d;
2698
+ --wds-badge-outline-warning-light-border-color: #e2e3ea;
2665
2699
  --wds-badge-padding-horizontal-medium: 12px;
2666
2700
  --wds-badge-padding-horizontal-small: 8px;
2667
2701
  --wds-badge-padding-horizontal-tiny: 4px;
@@ -2671,9 +2705,23 @@
2671
2705
  --wds-badge-size-medium: 24px;
2672
2706
  --wds-badge-size-small: 20px;
2673
2707
  --wds-badge-size-tiny: 16px;
2708
+ --wds-badge-solid-neutral-danger-fill: #fbd0cd;
2674
2709
  --wds-badge-solid-neutral-danger-label-color: #42454c;
2710
+ --wds-badge-solid-neutral-light-fill: #f7f8f8;
2711
+ --wds-badge-solid-neutral-light-label-color: #42454c;
2712
+ --wds-badge-solid-neutral-standard-fill: #dce9ff;
2713
+ --wds-badge-solid-neutral-standard-label-color: #42454c;
2714
+ --wds-badge-solid-neutral-success-fill: #c8e8d6;
2675
2715
  --wds-badge-solid-neutral-success-label-color: #42454c;
2716
+ --wds-badge-solid-success-fill: #25a55a;
2717
+ --wds-badge-solid-success-label-color: #ffffff;
2718
+ --wds-badge-solid-urgent-label-color: #ffffff;
2719
+ --wds-badge-solid-warning-label-color: #ffffff;
2720
+ --wds-badge-solid-warning-light-fill: #fdead2;
2676
2721
  --wds-badge-solid-warning-light-label-color: #42454c;
2722
+ --wds-badge-transparent-success-label-color: #25a55a;
2723
+ --wds-badge-transparent-urgent-label-color: #f96132;
2724
+ --wds-badge-transparent-warning-label-color: #f9ad4d;
2677
2725
  --wds-border-radius-0: 0px;
2678
2726
  --wds-border-radius-100: 2px;
2679
2727
  --wds-border-radius-200: 4px;
@@ -2886,8 +2934,18 @@
2886
2934
  --wds-card-gallery-item-padding-right-small: 18px;
2887
2935
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2888
2936
  --wds-card-gallery-item-padding-vertical-small: 12px;
2937
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2938
+ --wds-card-gallery-item-secondary-action-color-active: #ffffff;
2939
+ --wds-card-gallery-item-secondary-action-color-hover: #ffffff;
2940
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2941
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2889
2942
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2943
+ --wds-card-gallery-item-secondary-action-height: 24px;
2890
2944
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2945
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2946
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2947
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2948
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2891
2949
  --wds-card-gallery-item-shadow: 0 0px 3px 0 rgba(19, 23, 32, .1), 0 0px 0 0 rgba(19, 23, 32, .05);
2892
2950
  --wds-card-gallery-item-shadow-hover: 0 0px 3px 0 rgba(19, 23, 32, .1), 0 0px 0 0 rgba(19, 23, 32, .05);
2893
2951
  --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/studio/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-font-size-small);
124
143
  @property st-global(--wds-breadcrumbs-height-large);
@@ -305,8 +324,18 @@
305
324
  @property st-global(--wds-card-gallery-item-padding-right-small);
306
325
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
307
326
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
327
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
328
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
329
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
330
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
331
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
308
332
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
333
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
309
334
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
335
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
336
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
337
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
338
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
310
339
  @property st-global(--wds-card-gallery-item-shadow);
311
340
  @property st-global(--wds-card-gallery-item-shadow-hover);
312
341
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -1888,8 +1917,12 @@
1888
1917
  --wds-badge-outline-destructive-fill: #ffffff;
1889
1918
  --wds-badge-outline-destructive-label-color: #ee4437;
1890
1919
  --wds-badge-outline-neutral-border-color: #868aa5;
1920
+ --wds-badge-outline-neutral-danger-border-color: #e2e3ea;
1891
1921
  --wds-badge-outline-neutral-fill: #ffffff;
1892
1922
  --wds-badge-outline-neutral-label-color: #acafc4;
1923
+ --wds-badge-outline-neutral-light-border-color: #e2e3ea;
1924
+ --wds-badge-outline-neutral-standard-border-color: #e2e3ea;
1925
+ --wds-badge-outline-neutral-success-border-color: #e2e3ea;
1893
1926
  --wds-badge-outline-premium-border-color: #cf8cf1;
1894
1927
  --wds-badge-outline-premium-fill: #ffffff;
1895
1928
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -1905,6 +1938,7 @@
1905
1938
  --wds-badge-outline-warning-border-color: #fcd29d;
1906
1939
  --wds-badge-outline-warning-fill: #ffffff;
1907
1940
  --wds-badge-outline-warning-label-color: #f9ad4d;
1941
+ --wds-badge-outline-warning-light-border-color: #e2e3ea;
1908
1942
  --wds-badge-padding-horizontal-medium: 12px;
1909
1943
  --wds-badge-padding-horizontal-small: 8px;
1910
1944
  --wds-badge-padding-horizontal-tiny: 4px;
@@ -1914,9 +1948,23 @@
1914
1948
  --wds-badge-size-medium: 24px;
1915
1949
  --wds-badge-size-small: 20px;
1916
1950
  --wds-badge-size-tiny: 16px;
1951
+ --wds-badge-solid-neutral-danger-fill: #fbd0cd;
1917
1952
  --wds-badge-solid-neutral-danger-label-color: #42454c;
1953
+ --wds-badge-solid-neutral-light-fill: #f7f8f8;
1954
+ --wds-badge-solid-neutral-light-label-color: #42454c;
1955
+ --wds-badge-solid-neutral-standard-fill: #dce9ff;
1956
+ --wds-badge-solid-neutral-standard-label-color: #42454c;
1957
+ --wds-badge-solid-neutral-success-fill: #c8e8d6;
1918
1958
  --wds-badge-solid-neutral-success-label-color: #42454c;
1959
+ --wds-badge-solid-success-fill: #25a55a;
1960
+ --wds-badge-solid-success-label-color: #ffffff;
1961
+ --wds-badge-solid-urgent-label-color: #ffffff;
1962
+ --wds-badge-solid-warning-label-color: #ffffff;
1963
+ --wds-badge-solid-warning-light-fill: #fdead2;
1919
1964
  --wds-badge-solid-warning-light-label-color: #42454c;
1965
+ --wds-badge-transparent-success-label-color: #25a55a;
1966
+ --wds-badge-transparent-urgent-label-color: #f96132;
1967
+ --wds-badge-transparent-warning-label-color: #f9ad4d;
1920
1968
  --wds-breadcrumbs-border-radius: 2px;
1921
1969
  --wds-breadcrumbs-font-size-small: 12px;
1922
1970
  --wds-breadcrumbs-height-large: 36px;
@@ -2103,8 +2151,18 @@
2103
2151
  --wds-card-gallery-item-padding-right-small: 18px;
2104
2152
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2105
2153
  --wds-card-gallery-item-padding-vertical-small: 12px;
2154
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2155
+ --wds-card-gallery-item-secondary-action-color-active: #ffffff;
2156
+ --wds-card-gallery-item-secondary-action-color-hover: #ffffff;
2157
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2158
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2106
2159
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2160
+ --wds-card-gallery-item-secondary-action-height: 24px;
2107
2161
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2162
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2163
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2164
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2165
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2108
2166
  --wds-card-gallery-item-shadow: 0 0px 3px 0 rgba(19, 23, 32, .1), 0 0px 0 0 rgba(19, 23, 32, .05);
2109
2167
  --wds-card-gallery-item-shadow-hover: 0 0px 3px 0 rgba(19, 23, 32, .1), 0 0px 0 0 rgba(19, 23, 32, .05);
2110
2168
  --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/wixel/all.css CHANGED
@@ -477,6 +477,11 @@
477
477
  --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
478
478
  --wds-card-gallery-item-title-gap: 0px;
479
479
  --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);
480
+ --wds-card-gallery-item-secondary-action-min-width: auto;
481
+ --wds-card-gallery-item-secondary-action-height: 24px;
482
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
483
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
484
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
480
485
  --wds-card-gallery-item-overlay-fill: rgba(76, 73, 251, 0.1500);
481
486
  --wds-card-gallery-item-overlay-backdrop-filter: none;
482
487
  --wds-card-gallery-item-image-side-size-small: 30px;
@@ -1626,6 +1631,9 @@
1626
1631
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1627
1632
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1628
1633
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1634
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1635
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1636
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1629
1637
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-400);
1630
1638
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1631
1639
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -2254,6 +2262,8 @@
2254
2262
  --wds-card-gallery-item-shadow-hover: var(--wds-shadow-surface-raised);
2255
2263
  --wds-card-gallery-item-shadow: var(--wds-shadow-surface-raised);
2256
2264
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2265
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2266
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2257
2267
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2258
2268
  --wds-card-gallery-item-fill: var(--wds-color-fill-standard-secondary);
2259
2269
  --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
@@ -2331,9 +2341,24 @@
2331
2341
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2332
2342
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2333
2343
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2344
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2345
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2346
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2334
2347
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2348
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2349
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2350
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2351
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2352
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2335
2353
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2354
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2355
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2356
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2357
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2358
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2336
2359
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2360
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2361
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2337
2362
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2338
2363
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2339
2364
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2349,6 +2374,10 @@
2349
2374
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2350
2375
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2351
2376
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2377
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2378
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2379
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2380
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2352
2381
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2353
2382
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2354
2383
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
package/wixel/all.scss CHANGED
@@ -451,6 +451,11 @@
451
451
  --wds-card-header-suffix-align: center;
452
452
  --wds-card-gallery-item-title-gap: 0px;
453
453
  --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);
454
+ --wds-card-gallery-item-secondary-action-min-width: auto;
455
+ --wds-card-gallery-item-secondary-action-height: 24px;
456
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
457
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
458
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
454
459
  --wds-card-gallery-item-overlay-fill: rgba(76, 73, 251, 0.1500);
455
460
  --wds-card-gallery-item-overlay-backdrop-filter: none;
456
461
  --wds-card-gallery-item-image-side-size-small: 30px;
@@ -1623,6 +1628,9 @@
1623
1628
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1624
1629
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1625
1630
  --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1631
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1632
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-0);
1633
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-0);
1626
1634
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-400);
1627
1635
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1628
1636
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -2257,6 +2265,8 @@
2257
2265
  --wds-card-gallery-item-shadow-hover: var(--wds-shadow-surface-raised);
2258
2266
  --wds-card-gallery-item-shadow: var(--wds-shadow-surface-raised);
2259
2267
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2268
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-fill-light-primary);
2269
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-fill-light-primary);
2260
2270
  --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2261
2271
  --wds-card-gallery-item-fill: var(--wds-color-fill-standard-secondary);
2262
2272
  --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
@@ -2331,9 +2341,24 @@
2331
2341
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2332
2342
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2333
2343
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2344
+ --wds-badge-transparent-warning-label-color: var(--wds-color-text-warning);
2345
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-text-urgent);
2346
+ --wds-badge-transparent-success-label-color: var(--wds-color-text-success);
2334
2347
  --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2348
+ --wds-badge-solid-warning-light-fill: var(--wds-color-fill-warning-secondary);
2349
+ --wds-badge-solid-warning-label-color: var(--wds-color-text-standard-primary-light);
2350
+ --wds-badge-solid-urgent-label-color: var(--wds-color-text-standard-primary-light);
2351
+ --wds-badge-solid-success-label-color: var(--wds-color-text-standard-primary-light);
2352
+ --wds-badge-solid-success-fill: var(--wds-color-fill-success-primary);
2335
2353
  --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2354
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-fill-success-secondary);
2355
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-text-standard-secondary);
2356
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-fill-standard-secondary);
2357
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-text-standard-secondary);
2358
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-fill-dark-secondary);
2336
2359
  --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2360
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-fill-destructive-secondary);
2361
+ --wds-badge-outline-warning-light-border-color: var(--wds-color-border-warning-secondary);
2337
2362
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2338
2363
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2339
2364
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2349,8 +2374,12 @@
2349
2374
  --wds-badge-outline-premium-label-color: var(--wds-color-text-premium);
2350
2375
  --wds-badge-outline-premium-fill: var(--wds-color-fill-premium-tertiary);
2351
2376
  --wds-badge-outline-premium-border-color: var(--wds-color-border-premium-primary);
2377
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-border-success-secondary);
2378
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-border-standard-secondary);
2379
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-border-dark-secondary);
2352
2380
  --wds-badge-outline-neutral-label-color: var(--wds-color-text-standard-secondary-light);
2353
2381
  --wds-badge-outline-neutral-fill: var(--wds-color-fill-dark-tertiary);
2382
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-border-destructive-secondary);
2354
2383
  --wds-badge-outline-neutral-border-color: var(--wds-color-border-dark-primary);
2355
2384
  --wds-badge-outline-destructive-label-color: var(--wds-color-text-destructive);
2356
2385
  --wds-badge-outline-destructive-fill: var(--wds-color-fill-destructive-tertiary);
package/wixel/all.st.css CHANGED
@@ -102,8 +102,12 @@
102
102
  @property st-global(--wds-badge-outline-destructive-fill);
103
103
  @property st-global(--wds-badge-outline-destructive-label-color);
104
104
  @property st-global(--wds-badge-outline-neutral-border-color);
105
+ @property st-global(--wds-badge-outline-neutral-danger-border-color);
105
106
  @property st-global(--wds-badge-outline-neutral-fill);
106
107
  @property st-global(--wds-badge-outline-neutral-label-color);
108
+ @property st-global(--wds-badge-outline-neutral-light-border-color);
109
+ @property st-global(--wds-badge-outline-neutral-standard-border-color);
110
+ @property st-global(--wds-badge-outline-neutral-success-border-color);
107
111
  @property st-global(--wds-badge-outline-premium-border-color);
108
112
  @property st-global(--wds-badge-outline-premium-fill);
109
113
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -119,6 +123,7 @@
119
123
  @property st-global(--wds-badge-outline-warning-border-color);
120
124
  @property st-global(--wds-badge-outline-warning-fill);
121
125
  @property st-global(--wds-badge-outline-warning-label-color);
126
+ @property st-global(--wds-badge-outline-warning-light-border-color);
122
127
  @property st-global(--wds-badge-padding-horizontal-medium);
123
128
  @property st-global(--wds-badge-padding-horizontal-small);
124
129
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -128,9 +133,23 @@
128
133
  @property st-global(--wds-badge-size-medium);
129
134
  @property st-global(--wds-badge-size-small);
130
135
  @property st-global(--wds-badge-size-tiny);
136
+ @property st-global(--wds-badge-solid-neutral-danger-fill);
131
137
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
138
+ @property st-global(--wds-badge-solid-neutral-light-fill);
139
+ @property st-global(--wds-badge-solid-neutral-light-label-color);
140
+ @property st-global(--wds-badge-solid-neutral-standard-fill);
141
+ @property st-global(--wds-badge-solid-neutral-standard-label-color);
142
+ @property st-global(--wds-badge-solid-neutral-success-fill);
132
143
  @property st-global(--wds-badge-solid-neutral-success-label-color);
144
+ @property st-global(--wds-badge-solid-success-fill);
145
+ @property st-global(--wds-badge-solid-success-label-color);
146
+ @property st-global(--wds-badge-solid-urgent-label-color);
147
+ @property st-global(--wds-badge-solid-warning-label-color);
148
+ @property st-global(--wds-badge-solid-warning-light-fill);
133
149
  @property st-global(--wds-badge-solid-warning-light-label-color);
150
+ @property st-global(--wds-badge-transparent-success-label-color);
151
+ @property st-global(--wds-badge-transparent-urgent-label-color);
152
+ @property st-global(--wds-badge-transparent-warning-label-color);
134
153
  @property st-global(--wds-border-radius-0);
135
154
  @property st-global(--wds-border-radius-100);
136
155
  @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);
@@ -2581,8 +2610,12 @@
2581
2610
  --wds-badge-outline-destructive-fill: #ffffff;
2582
2611
  --wds-badge-outline-destructive-label-color: #ee4437;
2583
2612
  --wds-badge-outline-neutral-border-color: #868aa5;
2613
+ --wds-badge-outline-neutral-danger-border-color: #e2e3ea;
2584
2614
  --wds-badge-outline-neutral-fill: #ffffff;
2585
2615
  --wds-badge-outline-neutral-label-color: #acafc4;
2616
+ --wds-badge-outline-neutral-light-border-color: #e2e3ea;
2617
+ --wds-badge-outline-neutral-standard-border-color: #dce2ff;
2618
+ --wds-badge-outline-neutral-success-border-color: #e2e3ea;
2586
2619
  --wds-badge-outline-premium-border-color: #cf8cf1;
2587
2620
  --wds-badge-outline-premium-fill: #ffffff;
2588
2621
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -2598,6 +2631,7 @@
2598
2631
  --wds-badge-outline-warning-border-color: #fcd29d;
2599
2632
  --wds-badge-outline-warning-fill: #ffffff;
2600
2633
  --wds-badge-outline-warning-label-color: #f9ad4d;
2634
+ --wds-badge-outline-warning-light-border-color: #e2e3ea;
2601
2635
  --wds-badge-padding-horizontal-medium: 12px;
2602
2636
  --wds-badge-padding-horizontal-small: 8px;
2603
2637
  --wds-badge-padding-horizontal-tiny: 4px;
@@ -2607,9 +2641,23 @@
2607
2641
  --wds-badge-size-medium: 24px;
2608
2642
  --wds-badge-size-small: 20px;
2609
2643
  --wds-badge-size-tiny: 16px;
2644
+ --wds-badge-solid-neutral-danger-fill: #fbd0cd;
2610
2645
  --wds-badge-solid-neutral-danger-label-color: #595d70;
2646
+ --wds-badge-solid-neutral-light-fill: #f7f8f8;
2647
+ --wds-badge-solid-neutral-light-label-color: #595d70;
2648
+ --wds-badge-solid-neutral-standard-fill: #eef0ff;
2649
+ --wds-badge-solid-neutral-standard-label-color: #595d70;
2650
+ --wds-badge-solid-neutral-success-fill: #c8e8d6;
2611
2651
  --wds-badge-solid-neutral-success-label-color: #595d70;
2652
+ --wds-badge-solid-success-fill: #25a55a;
2653
+ --wds-badge-solid-success-label-color: #ffffff;
2654
+ --wds-badge-solid-urgent-label-color: #ffffff;
2655
+ --wds-badge-solid-warning-label-color: #ffffff;
2656
+ --wds-badge-solid-warning-light-fill: #fef3e5;
2612
2657
  --wds-badge-solid-warning-light-label-color: #595d70;
2658
+ --wds-badge-transparent-success-label-color: #25a55a;
2659
+ --wds-badge-transparent-urgent-label-color: #f96132;
2660
+ --wds-badge-transparent-warning-label-color: #f9ad4d;
2613
2661
  --wds-border-radius-0: 0px;
2614
2662
  --wds-border-radius-100: 2px;
2615
2663
  --wds-border-radius-200: 4px;
@@ -2822,8 +2870,18 @@
2822
2870
  --wds-card-gallery-item-padding-right-small: 18px;
2823
2871
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2824
2872
  --wds-card-gallery-item-padding-vertical-small: 16px;
2873
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2874
+ --wds-card-gallery-item-secondary-action-color-active: #ffffff;
2875
+ --wds-card-gallery-item-secondary-action-color-hover: #ffffff;
2876
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2877
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2825
2878
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2879
+ --wds-card-gallery-item-secondary-action-height: 24px;
2826
2880
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2881
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2882
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2883
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2884
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2827
2885
  --wds-card-gallery-item-shadow: 0 1px 4px rgba(38, 37, 36, 0.3000), 0 2px 4px rgba(38, 37, 36, 0.0000);
2828
2886
  --wds-card-gallery-item-shadow-hover: 0 1px 4px rgba(38, 37, 36, 0.3000), 0 2px 4px rgba(38, 37, 36, 0.0000);
2829
2887
  --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/wixel/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-font-size-small);
124
143
  @property st-global(--wds-breadcrumbs-height-large);
@@ -305,8 +324,18 @@
305
324
  @property st-global(--wds-card-gallery-item-padding-right-small);
306
325
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
307
326
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
327
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
328
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
329
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
330
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
331
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
308
332
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
333
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
309
334
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
335
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
336
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
337
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
338
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
310
339
  @property st-global(--wds-card-gallery-item-shadow);
311
340
  @property st-global(--wds-card-gallery-item-shadow-hover);
312
341
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -1854,8 +1883,12 @@
1854
1883
  --wds-badge-outline-destructive-fill: #ffffff;
1855
1884
  --wds-badge-outline-destructive-label-color: #ee4437;
1856
1885
  --wds-badge-outline-neutral-border-color: #868aa5;
1886
+ --wds-badge-outline-neutral-danger-border-color: #e2e3ea;
1857
1887
  --wds-badge-outline-neutral-fill: #ffffff;
1858
1888
  --wds-badge-outline-neutral-label-color: #acafc4;
1889
+ --wds-badge-outline-neutral-light-border-color: #e2e3ea;
1890
+ --wds-badge-outline-neutral-standard-border-color: #dce2ff;
1891
+ --wds-badge-outline-neutral-success-border-color: #e2e3ea;
1859
1892
  --wds-badge-outline-premium-border-color: #cf8cf1;
1860
1893
  --wds-badge-outline-premium-fill: #ffffff;
1861
1894
  --wds-badge-outline-premium-label-color: #9a27d5;
@@ -1871,6 +1904,7 @@
1871
1904
  --wds-badge-outline-warning-border-color: #fcd29d;
1872
1905
  --wds-badge-outline-warning-fill: #ffffff;
1873
1906
  --wds-badge-outline-warning-label-color: #f9ad4d;
1907
+ --wds-badge-outline-warning-light-border-color: #e2e3ea;
1874
1908
  --wds-badge-padding-horizontal-medium: 12px;
1875
1909
  --wds-badge-padding-horizontal-small: 8px;
1876
1910
  --wds-badge-padding-horizontal-tiny: 4px;
@@ -1880,9 +1914,23 @@
1880
1914
  --wds-badge-size-medium: 24px;
1881
1915
  --wds-badge-size-small: 20px;
1882
1916
  --wds-badge-size-tiny: 16px;
1917
+ --wds-badge-solid-neutral-danger-fill: #fbd0cd;
1883
1918
  --wds-badge-solid-neutral-danger-label-color: #595d70;
1919
+ --wds-badge-solid-neutral-light-fill: #f7f8f8;
1920
+ --wds-badge-solid-neutral-light-label-color: #595d70;
1921
+ --wds-badge-solid-neutral-standard-fill: #eef0ff;
1922
+ --wds-badge-solid-neutral-standard-label-color: #595d70;
1923
+ --wds-badge-solid-neutral-success-fill: #c8e8d6;
1884
1924
  --wds-badge-solid-neutral-success-label-color: #595d70;
1925
+ --wds-badge-solid-success-fill: #25a55a;
1926
+ --wds-badge-solid-success-label-color: #ffffff;
1927
+ --wds-badge-solid-urgent-label-color: #ffffff;
1928
+ --wds-badge-solid-warning-label-color: #ffffff;
1929
+ --wds-badge-solid-warning-light-fill: #fef3e5;
1885
1930
  --wds-badge-solid-warning-light-label-color: #595d70;
1931
+ --wds-badge-transparent-success-label-color: #25a55a;
1932
+ --wds-badge-transparent-urgent-label-color: #f96132;
1933
+ --wds-badge-transparent-warning-label-color: #f9ad4d;
1886
1934
  --wds-breadcrumbs-border-radius: 2px;
1887
1935
  --wds-breadcrumbs-font-size-small: 12px;
1888
1936
  --wds-breadcrumbs-height-large: 36px;
@@ -2069,8 +2117,18 @@
2069
2117
  --wds-card-gallery-item-padding-right-small: 18px;
2070
2118
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2071
2119
  --wds-card-gallery-item-padding-vertical-small: 16px;
2120
+ --wds-card-gallery-item-secondary-action-border-radius: 2px;
2121
+ --wds-card-gallery-item-secondary-action-color-active: #ffffff;
2122
+ --wds-card-gallery-item-secondary-action-color-hover: #ffffff;
2123
+ --wds-card-gallery-item-secondary-action-fill-active: transparent;
2124
+ --wds-card-gallery-item-secondary-action-fill-hover: transparent;
2072
2125
  --wds-card-gallery-item-secondary-action-font-size: 16px;
2126
+ --wds-card-gallery-item-secondary-action-height: 24px;
2073
2127
  --wds-card-gallery-item-secondary-action-line-height: 24px;
2128
+ --wds-card-gallery-item-secondary-action-min-width: auto;
2129
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 0px;
2130
+ --wds-card-gallery-item-secondary-action-padding-vertical: 0px;
2131
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2074
2132
  --wds-card-gallery-item-shadow: 0 1px 4px rgba(38, 37, 36, 0.3000), 0 2px 4px rgba(38, 37, 36, 0.0000);
2075
2133
  --wds-card-gallery-item-shadow-hover: 0 1px 4px rgba(38, 37, 36, 0.3000), 0 2px 4px rgba(38, 37, 36, 0.0000);
2076
2134
  --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);