@wix/design-system-tokens 1.224.2 → 1.225.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/all.css +31 -0
  3. package/all.scss +31 -0
  4. package/all.st.css +62 -0
  5. package/component.st.css +62 -0
  6. package/odeditor/all.css +49 -18
  7. package/odeditor/all.scss +49 -18
  8. package/odeditor/all.st.css +85 -23
  9. package/odeditor/component.st.css +81 -19
  10. package/odeditor/foundation.st.css +2 -2
  11. package/odeditor/semantic.st.css +2 -2
  12. package/odeditor-dark/all.css +33 -4
  13. package/odeditor-dark/all.scss +33 -4
  14. package/odeditor-dark/all.st.css +62 -4
  15. package/odeditor-dark/component.st.css +62 -4
  16. package/package.json +2 -2
  17. package/studio/all.css +29 -0
  18. package/studio/all.scss +29 -0
  19. package/studio/all.st.css +58 -0
  20. package/studio/component.st.css +58 -0
  21. package/wixel/all.css +29 -0
  22. package/wixel/all.scss +29 -0
  23. package/wixel/all.st.css +58 -0
  24. package/wixel/component.st.css +58 -0
package/odeditor/all.scss CHANGED
@@ -256,7 +256,7 @@
256
256
  --wds-color-yellow-200: #fabd71;
257
257
  --wds-color-yellow-100: #f9ad4d;
258
258
  --wds-color-yellow-50: #e7a047;
259
- --wds-color-yellow-0: #d49341;
259
+ --wds-color-yellow-0: #9f6113;
260
260
  --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
261
261
  --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
262
262
  --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
@@ -318,7 +318,7 @@
318
318
  --wds-color-green-300: #bde2a7;
319
319
  --wds-color-green-200: #97c693;
320
320
  --wds-color-green-100: #4b916d;
321
- --wds-color-green-50: #11664f;
321
+ --wds-color-green-50: #3f7b5c;
322
322
  --wds-color-green-0: #0d4f3d;
323
323
  --wds-color-fill-surface-stage: #F7F7F7;
324
324
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
@@ -455,6 +455,7 @@
455
455
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
456
456
  --wds-card-header-suffix-align: flex-start;
457
457
  --wds-card-gallery-item-title-gap: 2px;
458
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
458
459
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
459
460
  --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
460
461
  --wds-card-gallery-item-image-side-size-small: 32px;
@@ -488,6 +489,7 @@
488
489
  --wds-border-radius-200: 4px;
489
490
  --wds-border-radius-100: 2px;
490
491
  --wds-border-radius-0: 0px;
492
+ --wds-badge-outline-warning-light-border-color: #c78634;
491
493
  --wds-background-blur-450: 40px;
492
494
  --wds-background-blur-375: 30px;
493
495
  --wds-background-blur-350: 28px;
@@ -1755,6 +1757,11 @@
1755
1757
  --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1756
1758
  --wds-card-gallery-item-shadow-hover: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1757
1759
  --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);
1760
+ --wds-card-gallery-item-settings-menu-offset: var(--wds-space-200);
1761
+ --wds-card-gallery-item-secondary-action-padding-vertical: var(--wds-space-150);
1762
+ --wds-card-gallery-item-secondary-action-padding-horizontal: var(--wds-space-400);
1763
+ --wds-card-gallery-item-secondary-action-height: var(--wds-space-750);
1764
+ --wds-card-gallery-item-secondary-action-border-radius: var(--wds-border-radius-300);
1758
1765
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1759
1766
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1760
1767
  --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1770,6 +1777,8 @@
1770
1777
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1771
1778
  --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1772
1779
  --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1780
+ --wds-card-gallery-item-actions-clearance-top: var(--wds-space-900);
1781
+ --wds-card-gallery-item-actions-clearance-bottom: var(--wds-space-0);
1773
1782
  --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1774
1783
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1775
1784
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
@@ -1872,6 +1881,20 @@
1872
1881
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
1873
1882
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
1874
1883
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
1884
+ --wds-badge-transparent-warning-label-color: var(--wds-color-yellow-0);
1885
+ --wds-badge-transparent-urgent-label-color: var(--wds-color-orange-0);
1886
+ --wds-badge-transparent-success-label-color: var(--wds-color-green-50);
1887
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-yellow-0);
1888
+ --wds-badge-solid-warning-light-fill: var(--wds-color-yellow-500);
1889
+ --wds-badge-solid-success-fill: var(--wds-color-green-300);
1890
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-green-50);
1891
+ --wds-badge-solid-neutral-success-fill: var(--wds-color-green-600);
1892
+ --wds-badge-solid-neutral-standard-label-color: var(--wds-color-blue-50);
1893
+ --wds-badge-solid-neutral-standard-fill: var(--wds-color-blue-500);
1894
+ --wds-badge-solid-neutral-light-label-color: var(--wds-color-black-300);
1895
+ --wds-badge-solid-neutral-light-fill: var(--wds-color-black-700);
1896
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-red-50);
1897
+ --wds-badge-solid-neutral-danger-fill: var(--wds-color-red-600);
1875
1898
  --wds-badge-size-tiny: var(--wds-space-500);
1876
1899
  --wds-badge-size-small: var(--wds-space-600);
1877
1900
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1882,20 +1905,30 @@
1882
1905
  --wds-badge-padding-horizontal-small: var(--wds-space-200);
1883
1906
  --wds-badge-padding-horizontal-medium: var(--wds-space-200);
1884
1907
  --wds-badge-outline-warning-label-color: var(--wds-color-yellow-0);
1885
- --wds-badge-outline-warning-fill: var(--wds-color-yellow-500);
1886
- --wds-badge-outline-warning-border-color: var(--wds-color-yellow-300);
1887
- --wds-badge-outline-urgent-label-color: var(--wds-color-orange-50);
1908
+ --wds-badge-outline-warning-fill: var(--wds-color-yellow-600);
1909
+ --wds-badge-outline-warning-border-color: var(--wds-color-yellow-0);
1910
+ --wds-badge-outline-urgent-label-color: var(--wds-color-orange-0);
1888
1911
  --wds-badge-outline-urgent-fill: var(--wds-color-orange-600);
1912
+ --wds-badge-outline-urgent-border-color: var(--wds-color-orange-50);
1889
1913
  --wds-badge-outline-success-label-color: var(--wds-color-green-50);
1890
1914
  --wds-badge-outline-success-fill: var(--wds-color-green-600);
1915
+ --wds-badge-outline-success-border-color: var(--wds-color-green-100);
1891
1916
  --wds-badge-outline-standard-label-color: var(--wds-color-blue-50);
1892
1917
  --wds-badge-outline-standard-fill: var(--wds-color-blue-500);
1893
- --wds-badge-outline-neutral-border-color: var(--wds-color-black-500);
1918
+ --wds-badge-outline-standard-border-color: var(--wds-color-blue-200);
1919
+ --wds-badge-outline-neutral-success-border-color: var(--wds-color-green-100);
1920
+ --wds-badge-outline-neutral-standard-border-color: var(--wds-color-blue-200);
1921
+ --wds-badge-outline-neutral-light-border-color: var(--wds-color-black-400);
1922
+ --wds-badge-outline-neutral-danger-border-color: var(--wds-color-red-200);
1923
+ --wds-badge-outline-neutral-border-color: var(--wds-color-black-300);
1894
1924
  --wds-badge-outline-destructive-label-color: var(--wds-color-red-50);
1895
1925
  --wds-badge-outline-destructive-fill: var(--wds-color-red-600);
1896
- --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1897
- --wds-badge-border-radius-small: var(--wds-border-radius-200);
1898
- --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1926
+ --wds-badge-outline-destructive-border-color: var(--wds-color-red-200);
1927
+ --wds-badge-outline-dark-fill: var(--wds-color-black-600);
1928
+ --wds-badge-outline-dark-border-color: var(--wds-color-black-100);
1929
+ --wds-badge-border-radius-tiny: var(--wds-border-radius-300);
1930
+ --wds-badge-border-radius-small: var(--wds-border-radius-300);
1931
+ --wds-badge-border-radius-medium: var(--wds-border-radius-300);
1899
1932
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1900
1933
  --wds-background-blur-modal: var(--wds-background-blur-175);
1901
1934
  --wds-avatar-group-gap-default: var(--wds-space-100);
@@ -2366,6 +2399,10 @@
2366
2399
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2367
2400
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2368
2401
  --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2402
+ --wds-card-gallery-item-secondary-action-fill-hover: var(--wds-color-fill-light-secondary-hover);
2403
+ --wds-card-gallery-item-secondary-action-fill-active: var(--wds-color-fill-light-secondary-active);
2404
+ --wds-card-gallery-item-secondary-action-color-hover: var(--wds-color-text-primary);
2405
+ --wds-card-gallery-item-secondary-action-color-active: var(--wds-color-text-primary);
2369
2406
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2370
2407
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2371
2408
  --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-text-fill: var(--wds-color-text-standard-primary);
2438
2469
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
package/odeditor/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);
@@ -315,6 +334,8 @@
315
334
  @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
316
335
  @property st-global(--wds-card-gallery-item-action-button-size);
317
336
  @property st-global(--wds-card-gallery-item-actions-align);
337
+ @property st-global(--wds-card-gallery-item-actions-clearance-bottom);
338
+ @property st-global(--wds-card-gallery-item-actions-clearance-top);
318
339
  @property st-global(--wds-card-gallery-item-actions-direction);
319
340
  @property st-global(--wds-card-gallery-item-actions-secondary-position);
320
341
  @property st-global(--wds-card-gallery-item-badge-offset-block);
@@ -340,8 +361,18 @@
340
361
  @property st-global(--wds-card-gallery-item-padding-right-small);
341
362
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
342
363
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
364
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
365
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
366
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
367
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
368
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
343
369
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
370
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
344
371
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
372
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
373
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
374
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
375
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
345
376
  @property st-global(--wds-card-gallery-item-shadow);
346
377
  @property st-global(--wds-card-gallery-item-shadow-hover);
347
378
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -2624,35 +2655,40 @@
2624
2655
  --wds-background-blur-450: 40px;
2625
2656
  --wds-background-blur-modal: 14px;
2626
2657
  --wds-background-blur-surface-overlay: 0px;
2627
- --wds-badge-border-radius-medium: 4px;
2628
- --wds-badge-border-radius-small: 4px;
2629
- --wds-badge-border-radius-tiny: 4px;
2658
+ --wds-badge-border-radius-medium: 6px;
2659
+ --wds-badge-border-radius-small: 6px;
2660
+ --wds-badge-border-radius-tiny: 6px;
2630
2661
  --wds-badge-label-font-line-height-small: 16px;
2631
2662
  --wds-badge-label-font-size-small: 12px;
2632
- --wds-badge-outline-dark-border-color: #767574;
2633
- --wds-badge-outline-dark-fill: #f0efef;
2663
+ --wds-badge-outline-dark-border-color: #151414;
2664
+ --wds-badge-outline-dark-fill: #e8e7e7;
2634
2665
  --wds-badge-outline-dark-label-color: #383838;
2635
- --wds-badge-outline-destructive-border-color: #ed8f90;
2666
+ --wds-badge-outline-destructive-border-color: #e55c5e;
2636
2667
  --wds-badge-outline-destructive-fill: #fcebeb;
2637
2668
  --wds-badge-outline-destructive-label-color: #be2b2e;
2638
- --wds-badge-outline-neutral-border-color: #a8a6a5;
2669
+ --wds-badge-outline-neutral-border-color: #525150;
2670
+ --wds-badge-outline-neutral-danger-border-color: #e55c5e;
2639
2671
  --wds-badge-outline-neutral-fill: #f0efef;
2640
2672
  --wds-badge-outline-neutral-label-color: #767574;
2673
+ --wds-badge-outline-neutral-light-border-color: #767574;
2674
+ --wds-badge-outline-neutral-standard-border-color: #597dff;
2675
+ --wds-badge-outline-neutral-success-border-color: #4b916d;
2641
2676
  --wds-badge-outline-premium-border-color: #acbeff;
2642
2677
  --wds-badge-outline-premium-fill: #eaefff;
2643
2678
  --wds-badge-outline-premium-label-color: #2f5dff;
2644
- --wds-badge-outline-standard-border-color: #7896ff;
2679
+ --wds-badge-outline-standard-border-color: #597dff;
2645
2680
  --wds-badge-outline-standard-fill: #eaefff;
2646
2681
  --wds-badge-outline-standard-label-color: #1c3fe5;
2647
- --wds-badge-outline-success-border-color: #bde2a7;
2682
+ --wds-badge-outline-success-border-color: #4b916d;
2648
2683
  --wds-badge-outline-success-fill: #f1f5ed;
2649
- --wds-badge-outline-success-label-color: #11664f;
2650
- --wds-badge-outline-urgent-border-color: #fda77f;
2684
+ --wds-badge-outline-success-label-color: #3f7b5c;
2685
+ --wds-badge-outline-urgent-border-color: #d96d3a;
2651
2686
  --wds-badge-outline-urgent-fill: #fdf1ec;
2652
- --wds-badge-outline-urgent-label-color: #d96d3a;
2653
- --wds-badge-outline-warning-border-color: #fcd29d;
2654
- --wds-badge-outline-warning-fill: #fef3e5;
2655
- --wds-badge-outline-warning-label-color: #d49341;
2687
+ --wds-badge-outline-urgent-label-color: #ae3e09;
2688
+ --wds-badge-outline-warning-border-color: #9f6113;
2689
+ --wds-badge-outline-warning-fill: #fef6ed;
2690
+ --wds-badge-outline-warning-label-color: #9f6113;
2691
+ --wds-badge-outline-warning-light-border-color: #c78634;
2656
2692
  --wds-badge-padding-horizontal-medium: 8px;
2657
2693
  --wds-badge-padding-horizontal-small: 8px;
2658
2694
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -2662,9 +2698,23 @@
2662
2698
  --wds-badge-size-medium: 28px;
2663
2699
  --wds-badge-size-small: 24px;
2664
2700
  --wds-badge-size-tiny: 20px;
2665
- --wds-badge-solid-neutral-danger-label-color: #383838;
2666
- --wds-badge-solid-neutral-success-label-color: #383838;
2667
- --wds-badge-solid-warning-light-label-color: #383838;
2701
+ --wds-badge-solid-neutral-danger-fill: #fcebeb;
2702
+ --wds-badge-solid-neutral-danger-label-color: #be2b2e;
2703
+ --wds-badge-solid-neutral-light-fill: #f0efef;
2704
+ --wds-badge-solid-neutral-light-label-color: #525150;
2705
+ --wds-badge-solid-neutral-standard-fill: #eaefff;
2706
+ --wds-badge-solid-neutral-standard-label-color: #1c3fe5;
2707
+ --wds-badge-solid-neutral-success-fill: #f1f5ed;
2708
+ --wds-badge-solid-neutral-success-label-color: #3f7b5c;
2709
+ --wds-badge-solid-success-fill: #bde2a7;
2710
+ --wds-badge-solid-success-label-color: #383838;
2711
+ --wds-badge-solid-urgent-label-color: #383838;
2712
+ --wds-badge-solid-warning-label-color: #383838;
2713
+ --wds-badge-solid-warning-light-fill: #fef3e5;
2714
+ --wds-badge-solid-warning-light-label-color: #9f6113;
2715
+ --wds-badge-transparent-success-label-color: #3f7b5c;
2716
+ --wds-badge-transparent-urgent-label-color: #ae3e09;
2717
+ --wds-badge-transparent-warning-label-color: #9f6113;
2668
2718
  --wds-border-radius-0: 0px;
2669
2719
  --wds-border-radius-100: 2px;
2670
2720
  --wds-border-radius-200: 4px;
@@ -2848,6 +2898,8 @@
2848
2898
  --wds-card-gallery-item-action-button-padding-vertical: 6px;
2849
2899
  --wds-card-gallery-item-action-button-size: 30px;
2850
2900
  --wds-card-gallery-item-actions-align: center;
2901
+ --wds-card-gallery-item-actions-clearance-bottom: 0px;
2902
+ --wds-card-gallery-item-actions-clearance-top: 36px;
2851
2903
  --wds-card-gallery-item-actions-direction: column;
2852
2904
  --wds-card-gallery-item-actions-secondary-position: static;
2853
2905
  --wds-card-gallery-item-badge-offset-block: 12px;
@@ -2873,8 +2925,18 @@
2873
2925
  --wds-card-gallery-item-padding-right-small: 12px;
2874
2926
  --wds-card-gallery-item-padding-vertical-medium: 16px;
2875
2927
  --wds-card-gallery-item-padding-vertical-small: 12px;
2928
+ --wds-card-gallery-item-secondary-action-border-radius: 6px;
2929
+ --wds-card-gallery-item-secondary-action-color-active: #2f5dff;
2930
+ --wds-card-gallery-item-secondary-action-color-hover: #2f5dff;
2931
+ --wds-card-gallery-item-secondary-action-fill-active: #d5dfff;
2932
+ --wds-card-gallery-item-secondary-action-fill-hover: #eaefff;
2876
2933
  --wds-card-gallery-item-secondary-action-font-size: 12px;
2934
+ --wds-card-gallery-item-secondary-action-height: 30px;
2877
2935
  --wds-card-gallery-item-secondary-action-line-height: 16px;
2936
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
2937
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 16px;
2938
+ --wds-card-gallery-item-secondary-action-padding-vertical: 6px;
2939
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2878
2940
  --wds-card-gallery-item-shadow: 0 1px 10px 0 rgba(19, 23, 32, .05), 1px 0 2px -0.7px rgba(19, 23, 32, .05);
2879
2941
  --wds-card-gallery-item-shadow-hover: 0 0 30px 0 rgba(19, 23, 32, .1), 0 20px 0 0 rgba(19, 23, 32, 0);
2880
2942
  --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 rgba(19, 23, 32, .1), 0 20px 0 0 rgba(19, 23, 32, 0);
@@ -3319,7 +3381,7 @@
3319
3381
  --wds-color-fill-success-primary: #4b916d;
3320
3382
  --wds-color-fill-success-primary-active: #0d4f3d;
3321
3383
  --wds-color-fill-success-primary-disabled: rgba(19, 23, 32, .3);
3322
- --wds-color-fill-success-primary-hover: #11664f;
3384
+ --wds-color-fill-success-primary-hover: #3f7b5c;
3323
3385
  --wds-color-fill-success-secondary: #daf3c0;
3324
3386
  --wds-color-fill-success-secondary-active: #daf3c0;
3325
3387
  --wds-color-fill-success-secondary-disabled: rgba(19, 23, 32, .1);
@@ -3381,7 +3443,7 @@
3381
3443
  --wds-color-fill-urgent-tertiary-disabled: #ffffff;
3382
3444
  --wds-color-fill-urgent-tertiary-hover: #f8f6f6;
3383
3445
  --wds-color-fill-warning-primary: #f9ad4d;
3384
- --wds-color-fill-warning-primary-active: #d49341;
3446
+ --wds-color-fill-warning-primary-active: #9f6113;
3385
3447
  --wds-color-fill-warning-primary-disabled: rgba(19, 23, 32, .3);
3386
3448
  --wds-color-fill-warning-primary-hover: #e7a047;
3387
3449
  --wds-color-fill-warning-secondary: #fdead2;
@@ -3393,7 +3455,7 @@
3393
3455
  --wds-color-fill-warning-tertiary-disabled: #ffffff;
3394
3456
  --wds-color-fill-warning-tertiary-hover: #fef3e5;
3395
3457
  --wds-color-green-0: #0d4f3d;
3396
- --wds-color-green-50: #11664f;
3458
+ --wds-color-green-50: #3f7b5c;
3397
3459
  --wds-color-green-100: #4b916d;
3398
3460
  --wds-color-green-200: #97c693;
3399
3461
  --wds-color-green-300: #bde2a7;
@@ -3474,7 +3536,7 @@
3474
3536
  --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
3475
3537
  --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
3476
3538
  --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
3477
- --wds-color-yellow-0: #d49341;
3539
+ --wds-color-yellow-0: #9f6113;
3478
3540
  --wds-color-yellow-50: #e7a047;
3479
3541
  --wds-color-yellow-100: #f9ad4d;
3480
3542
  --wds-color-yellow-200: #fabd71;
@@ -4947,7 +5009,7 @@
4947
5009
  --wds-toggle-switch-fill-standard-hover: #383838;
4948
5010
  --wds-toggle-switch-fill-success: #151414;
4949
5011
  --wds-toggle-switch-fill-success-active: #4b916d;
4950
- --wds-toggle-switch-fill-success-active-hover: #11664f;
5012
+ --wds-toggle-switch-fill-success-active-hover: #3f7b5c;
4951
5013
  --wds-toggle-switch-fill-success-disabled: rgba(19, 23, 32, .3);
4952
5014
  --wds-toggle-switch-fill-success-hover: #383838;
4953
5015
  --wds-toggle-switch-fill-urgent: #151414;
package/odeditor/component.st.css CHANGED
@@ -90,8 +90,12 @@
90
90
  @property st-global(--wds-badge-outline-destructive-fill);
91
91
  @property st-global(--wds-badge-outline-destructive-label-color);
92
92
  @property st-global(--wds-badge-outline-neutral-border-color);
93
+ @property st-global(--wds-badge-outline-neutral-danger-border-color);
93
94
  @property st-global(--wds-badge-outline-neutral-fill);
94
95
  @property st-global(--wds-badge-outline-neutral-label-color);
96
+ @property st-global(--wds-badge-outline-neutral-light-border-color);
97
+ @property st-global(--wds-badge-outline-neutral-standard-border-color);
98
+ @property st-global(--wds-badge-outline-neutral-success-border-color);
95
99
  @property st-global(--wds-badge-outline-premium-border-color);
96
100
  @property st-global(--wds-badge-outline-premium-fill);
97
101
  @property st-global(--wds-badge-outline-premium-label-color);
@@ -107,6 +111,7 @@
107
111
  @property st-global(--wds-badge-outline-warning-border-color);
108
112
  @property st-global(--wds-badge-outline-warning-fill);
109
113
  @property st-global(--wds-badge-outline-warning-label-color);
114
+ @property st-global(--wds-badge-outline-warning-light-border-color);
110
115
  @property st-global(--wds-badge-padding-horizontal-medium);
111
116
  @property st-global(--wds-badge-padding-horizontal-small);
112
117
  @property st-global(--wds-badge-padding-horizontal-tiny);
@@ -116,9 +121,23 @@
116
121
  @property st-global(--wds-badge-size-medium);
117
122
  @property st-global(--wds-badge-size-small);
118
123
  @property st-global(--wds-badge-size-tiny);
124
+ @property st-global(--wds-badge-solid-neutral-danger-fill);
119
125
  @property st-global(--wds-badge-solid-neutral-danger-label-color);
126
+ @property st-global(--wds-badge-solid-neutral-light-fill);
127
+ @property st-global(--wds-badge-solid-neutral-light-label-color);
128
+ @property st-global(--wds-badge-solid-neutral-standard-fill);
129
+ @property st-global(--wds-badge-solid-neutral-standard-label-color);
130
+ @property st-global(--wds-badge-solid-neutral-success-fill);
120
131
  @property st-global(--wds-badge-solid-neutral-success-label-color);
132
+ @property st-global(--wds-badge-solid-success-fill);
133
+ @property st-global(--wds-badge-solid-success-label-color);
134
+ @property st-global(--wds-badge-solid-urgent-label-color);
135
+ @property st-global(--wds-badge-solid-warning-label-color);
136
+ @property st-global(--wds-badge-solid-warning-light-fill);
121
137
  @property st-global(--wds-badge-solid-warning-light-label-color);
138
+ @property st-global(--wds-badge-transparent-success-label-color);
139
+ @property st-global(--wds-badge-transparent-urgent-label-color);
140
+ @property st-global(--wds-badge-transparent-warning-label-color);
122
141
  @property st-global(--wds-breadcrumbs-border-radius);
123
142
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
124
143
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -274,6 +293,8 @@
274
293
  @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
275
294
  @property st-global(--wds-card-gallery-item-action-button-size);
276
295
  @property st-global(--wds-card-gallery-item-actions-align);
296
+ @property st-global(--wds-card-gallery-item-actions-clearance-bottom);
297
+ @property st-global(--wds-card-gallery-item-actions-clearance-top);
277
298
  @property st-global(--wds-card-gallery-item-actions-direction);
278
299
  @property st-global(--wds-card-gallery-item-actions-secondary-position);
279
300
  @property st-global(--wds-card-gallery-item-badge-offset-block);
@@ -299,8 +320,18 @@
299
320
  @property st-global(--wds-card-gallery-item-padding-right-small);
300
321
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
301
322
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
323
+ @property st-global(--wds-card-gallery-item-secondary-action-border-radius);
324
+ @property st-global(--wds-card-gallery-item-secondary-action-color-active);
325
+ @property st-global(--wds-card-gallery-item-secondary-action-color-hover);
326
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-active);
327
+ @property st-global(--wds-card-gallery-item-secondary-action-fill-hover);
302
328
  @property st-global(--wds-card-gallery-item-secondary-action-font-size);
329
+ @property st-global(--wds-card-gallery-item-secondary-action-height);
303
330
  @property st-global(--wds-card-gallery-item-secondary-action-line-height);
331
+ @property st-global(--wds-card-gallery-item-secondary-action-min-width);
332
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-horizontal);
333
+ @property st-global(--wds-card-gallery-item-secondary-action-padding-vertical);
334
+ @property st-global(--wds-card-gallery-item-settings-menu-offset);
304
335
  @property st-global(--wds-card-gallery-item-shadow);
305
336
  @property st-global(--wds-card-gallery-item-shadow-hover);
306
337
  @property st-global(--wds-card-gallery-item-shadow-hover-side);
@@ -1863,35 +1894,40 @@
1863
1894
  --wds-avatar-group-gap-default: 4px;
1864
1895
  --wds-avatar-size-tiny: 20px;
1865
1896
  --wds-avatar-text-fill: #151414;
1866
- --wds-badge-border-radius-medium: 4px;
1867
- --wds-badge-border-radius-small: 4px;
1868
- --wds-badge-border-radius-tiny: 4px;
1897
+ --wds-badge-border-radius-medium: 6px;
1898
+ --wds-badge-border-radius-small: 6px;
1899
+ --wds-badge-border-radius-tiny: 6px;
1869
1900
  --wds-badge-label-font-line-height-small: 16px;
1870
1901
  --wds-badge-label-font-size-small: 12px;
1871
- --wds-badge-outline-dark-border-color: #767574;
1872
- --wds-badge-outline-dark-fill: #f0efef;
1902
+ --wds-badge-outline-dark-border-color: #151414;
1903
+ --wds-badge-outline-dark-fill: #e8e7e7;
1873
1904
  --wds-badge-outline-dark-label-color: #383838;
1874
- --wds-badge-outline-destructive-border-color: #ed8f90;
1905
+ --wds-badge-outline-destructive-border-color: #e55c5e;
1875
1906
  --wds-badge-outline-destructive-fill: #fcebeb;
1876
1907
  --wds-badge-outline-destructive-label-color: #be2b2e;
1877
- --wds-badge-outline-neutral-border-color: #a8a6a5;
1908
+ --wds-badge-outline-neutral-border-color: #525150;
1909
+ --wds-badge-outline-neutral-danger-border-color: #e55c5e;
1878
1910
  --wds-badge-outline-neutral-fill: #f0efef;
1879
1911
  --wds-badge-outline-neutral-label-color: #767574;
1912
+ --wds-badge-outline-neutral-light-border-color: #767574;
1913
+ --wds-badge-outline-neutral-standard-border-color: #597dff;
1914
+ --wds-badge-outline-neutral-success-border-color: #4b916d;
1880
1915
  --wds-badge-outline-premium-border-color: #acbeff;
1881
1916
  --wds-badge-outline-premium-fill: #eaefff;
1882
1917
  --wds-badge-outline-premium-label-color: #2f5dff;
1883
- --wds-badge-outline-standard-border-color: #7896ff;
1918
+ --wds-badge-outline-standard-border-color: #597dff;
1884
1919
  --wds-badge-outline-standard-fill: #eaefff;
1885
1920
  --wds-badge-outline-standard-label-color: #1c3fe5;
1886
- --wds-badge-outline-success-border-color: #bde2a7;
1921
+ --wds-badge-outline-success-border-color: #4b916d;
1887
1922
  --wds-badge-outline-success-fill: #f1f5ed;
1888
- --wds-badge-outline-success-label-color: #11664f;
1889
- --wds-badge-outline-urgent-border-color: #fda77f;
1923
+ --wds-badge-outline-success-label-color: #3f7b5c;
1924
+ --wds-badge-outline-urgent-border-color: #d96d3a;
1890
1925
  --wds-badge-outline-urgent-fill: #fdf1ec;
1891
- --wds-badge-outline-urgent-label-color: #d96d3a;
1892
- --wds-badge-outline-warning-border-color: #fcd29d;
1893
- --wds-badge-outline-warning-fill: #fef3e5;
1894
- --wds-badge-outline-warning-label-color: #d49341;
1926
+ --wds-badge-outline-urgent-label-color: #ae3e09;
1927
+ --wds-badge-outline-warning-border-color: #9f6113;
1928
+ --wds-badge-outline-warning-fill: #fef6ed;
1929
+ --wds-badge-outline-warning-label-color: #9f6113;
1930
+ --wds-badge-outline-warning-light-border-color: #c78634;
1895
1931
  --wds-badge-padding-horizontal-medium: 8px;
1896
1932
  --wds-badge-padding-horizontal-small: 8px;
1897
1933
  --wds-badge-padding-horizontal-tiny: 6px;
@@ -1901,9 +1937,23 @@
1901
1937
  --wds-badge-size-medium: 28px;
1902
1938
  --wds-badge-size-small: 24px;
1903
1939
  --wds-badge-size-tiny: 20px;
1904
- --wds-badge-solid-neutral-danger-label-color: #383838;
1905
- --wds-badge-solid-neutral-success-label-color: #383838;
1906
- --wds-badge-solid-warning-light-label-color: #383838;
1940
+ --wds-badge-solid-neutral-danger-fill: #fcebeb;
1941
+ --wds-badge-solid-neutral-danger-label-color: #be2b2e;
1942
+ --wds-badge-solid-neutral-light-fill: #f0efef;
1943
+ --wds-badge-solid-neutral-light-label-color: #525150;
1944
+ --wds-badge-solid-neutral-standard-fill: #eaefff;
1945
+ --wds-badge-solid-neutral-standard-label-color: #1c3fe5;
1946
+ --wds-badge-solid-neutral-success-fill: #f1f5ed;
1947
+ --wds-badge-solid-neutral-success-label-color: #3f7b5c;
1948
+ --wds-badge-solid-success-fill: #bde2a7;
1949
+ --wds-badge-solid-success-label-color: #383838;
1950
+ --wds-badge-solid-urgent-label-color: #383838;
1951
+ --wds-badge-solid-warning-label-color: #383838;
1952
+ --wds-badge-solid-warning-light-fill: #fef3e5;
1953
+ --wds-badge-solid-warning-light-label-color: #9f6113;
1954
+ --wds-badge-transparent-success-label-color: #3f7b5c;
1955
+ --wds-badge-transparent-urgent-label-color: #ae3e09;
1956
+ --wds-badge-transparent-warning-label-color: #9f6113;
1907
1957
  --wds-breadcrumbs-border-radius: 6px;
1908
1958
  --wds-breadcrumbs-divider-margin-horizontal: 0px;
1909
1959
  --wds-breadcrumbs-font-size-small: 12px;
@@ -2059,6 +2109,8 @@
2059
2109
  --wds-card-gallery-item-action-button-padding-vertical: 6px;
2060
2110
  --wds-card-gallery-item-action-button-size: 30px;
2061
2111
  --wds-card-gallery-item-actions-align: center;
2112
+ --wds-card-gallery-item-actions-clearance-bottom: 0px;
2113
+ --wds-card-gallery-item-actions-clearance-top: 36px;
2062
2114
  --wds-card-gallery-item-actions-direction: column;
2063
2115
  --wds-card-gallery-item-actions-secondary-position: static;
2064
2116
  --wds-card-gallery-item-badge-offset-block: 12px;
@@ -2084,8 +2136,18 @@
2084
2136
  --wds-card-gallery-item-padding-right-small: 12px;
2085
2137
  --wds-card-gallery-item-padding-vertical-medium: 16px;
2086
2138
  --wds-card-gallery-item-padding-vertical-small: 12px;
2139
+ --wds-card-gallery-item-secondary-action-border-radius: 6px;
2140
+ --wds-card-gallery-item-secondary-action-color-active: #2f5dff;
2141
+ --wds-card-gallery-item-secondary-action-color-hover: #2f5dff;
2142
+ --wds-card-gallery-item-secondary-action-fill-active: #d5dfff;
2143
+ --wds-card-gallery-item-secondary-action-fill-hover: #eaefff;
2087
2144
  --wds-card-gallery-item-secondary-action-font-size: 12px;
2145
+ --wds-card-gallery-item-secondary-action-height: 30px;
2088
2146
  --wds-card-gallery-item-secondary-action-line-height: 16px;
2147
+ --wds-card-gallery-item-secondary-action-min-width: 72px;
2148
+ --wds-card-gallery-item-secondary-action-padding-horizontal: 16px;
2149
+ --wds-card-gallery-item-secondary-action-padding-vertical: 6px;
2150
+ --wds-card-gallery-item-settings-menu-offset: 8px;
2089
2151
  --wds-card-gallery-item-shadow: 0 1px 10px 0 rgba(19, 23, 32, .05), 1px 0 2px -0.7px rgba(19, 23, 32, .05);
2090
2152
  --wds-card-gallery-item-shadow-hover: 0 0 30px 0 rgba(19, 23, 32, .1), 0 20px 0 0 rgba(19, 23, 32, 0);
2091
2153
  --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 rgba(19, 23, 32, .1), 0 20px 0 0 rgba(19, 23, 32, 0);
@@ -3453,7 +3515,7 @@
3453
3515
  --wds-toggle-switch-fill-standard-hover: #383838;
3454
3516
  --wds-toggle-switch-fill-success: #151414;
3455
3517
  --wds-toggle-switch-fill-success-active: #4b916d;
3456
- --wds-toggle-switch-fill-success-active-hover: #11664f;
3518
+ --wds-toggle-switch-fill-success-active-hover: #3f7b5c;
3457
3519
  --wds-toggle-switch-fill-success-disabled: rgba(19, 23, 32, .3);
3458
3520
  --wds-toggle-switch-fill-success-hover: #383838;
3459
3521
  --wds-toggle-switch-fill-urgent: #151414;
package/odeditor/foundation.st.css CHANGED
@@ -313,7 +313,7 @@
313
313
  --wds-color-blue-500: #eaefff;
314
314
  --wds-color-blue-600: #f5f7ff;
315
315
  --wds-color-green-0: #0d4f3d;
316
- --wds-color-green-50: #11664f;
316
+ --wds-color-green-50: #3f7b5c;
317
317
  --wds-color-green-100: #4b916d;
318
318
  --wds-color-green-200: #97c693;
319
319
  --wds-color-green-300: #bde2a7;
@@ -373,7 +373,7 @@
373
373
  --wds-color-white-transparent-60: rgba(255, 255, 255, .6);
374
374
  --wds-color-white-transparent-70: rgba(255, 255, 255, .7);
375
375
  --wds-color-white-transparent-80: rgba(255, 255, 255, .8);
376
- --wds-color-yellow-0: #d49341;
376
+ --wds-color-yellow-0: #9f6113;
377
377
  --wds-color-yellow-50: #e7a047;
378
378
  --wds-color-yellow-100: #f9ad4d;
379
379
  --wds-color-yellow-200: #fabd71;
package/odeditor/semantic.st.css CHANGED
@@ -784,7 +784,7 @@
784
784
  --wds-color-fill-success-primary: #4b916d;
785
785
  --wds-color-fill-success-primary-active: #0d4f3d;
786
786
  --wds-color-fill-success-primary-disabled: rgba(19, 23, 32, .3);
787
- --wds-color-fill-success-primary-hover: #11664f;
787
+ --wds-color-fill-success-primary-hover: #3f7b5c;
788
788
  --wds-color-fill-success-secondary: #daf3c0;
789
789
  --wds-color-fill-success-secondary-active: #daf3c0;
790
790
  --wds-color-fill-success-secondary-disabled: rgba(19, 23, 32, .1);
@@ -846,7 +846,7 @@
846
846
  --wds-color-fill-urgent-tertiary-disabled: #ffffff;
847
847
  --wds-color-fill-urgent-tertiary-hover: #f8f6f6;
848
848
  --wds-color-fill-warning-primary: #f9ad4d;
849
- --wds-color-fill-warning-primary-active: #d49341;
849
+ --wds-color-fill-warning-primary-active: #9f6113;
850
850
  --wds-color-fill-warning-primary-disabled: rgba(19, 23, 32, .3);
851
851
  --wds-color-fill-warning-primary-hover: #e7a047;
852
852
  --wds-color-fill-warning-secondary: #fdead2;