@wix/design-system-tokens 1.181.0 → 1.183.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 (23) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/all.css +6 -0
  3. package/all.scss +6 -0
  4. package/all.st.css +12 -0
  5. package/component.st.css +12 -0
  6. package/odeditor/all.css +3 -0
  7. package/odeditor/all.scss +3 -0
  8. package/odeditor/all.st.css +6 -0
  9. package/odeditor/component.st.css +6 -0
  10. package/odeditor-dark/all.css +16 -10
  11. package/odeditor-dark/all.scss +16 -10
  12. package/odeditor-dark/all.st.css +40 -28
  13. package/odeditor-dark/component.st.css +36 -24
  14. package/odeditor-dark/semantic.st.css +4 -4
  15. package/package.json +2 -2
  16. package/studio/all.css +3 -0
  17. package/studio/all.scss +3 -0
  18. package/studio/all.st.css +6 -0
  19. package/studio/component.st.css +6 -0
  20. package/wixel/all.css +3 -0
  21. package/wixel/all.scss +3 -0
  22. package/wixel/all.st.css +6 -0
  23. package/wixel/component.st.css +6 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ ## 1.183.0 - 2026-04-15
2
+
3
+ ### Features
4
+
5
+ - feat(Loader): add loadingWithErrors status [16130](https://github.com/wix-private/wix-design-systems/pull/16130)
6
+
7
+ ### Bug Fixes
8
+
9
+ - fix(SidePanel): added two new component level tokens for harmony dark side panel border [16140](https://github.com/wix-private/wix-design-systems/pull/16140)
10
+ - fix(tokens): change modal backdrop fill color for odeditor-dark theme [16135](https://github.com/wix-private/wix-design-systems/pull/16135)
11
+ - fix(Button): update primary button fill and label tokens for odeditor-dark [16121](https://github.com/wix-private/wix-design-systems/pull/16121)
12
+
13
+ ## 1.182.0 - 2026-04-13
14
+
15
+ ### Bug Fixes
16
+
17
+ - fix(SidePanel): made standard skin also use the blur background color [16123](https://github.com/wix-private/wix-design-systems/pull/16123)
18
+
1
19
  ## 1.181.0 - 2026-04-09
2
20
 
3
21
  ### Bug Fixes
package/all.css CHANGED
@@ -1017,7 +1017,9 @@
1017
1017
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-200);
1018
1018
  --wds-side-panel-floating-header-padding-right: var(--wds-space-150);
1019
1019
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
1020
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
1020
1021
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-400);
1022
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
1021
1023
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1022
1024
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
1023
1025
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -1678,6 +1680,7 @@
1678
1680
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1679
1681
  --wds-message-modal-text-font-size: var(--wds-font-size-body-medium);
1680
1682
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1683
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1681
1684
  --wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
1682
1685
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1683
1686
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
@@ -1932,7 +1935,10 @@
1932
1935
  --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled);
1933
1936
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1934
1937
  --wds-button-label-fill-standard-secondary: var(--wds-color-text-primary);
1938
+ --wds-button-label-fill-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1935
1939
  --wds-button-label-fill-standard-primary-disabled: var(--wds-color-text-disabled-light);
1940
+ --wds-button-label-fill-standard-primary-active: var(--wds-color-text-standard-primary-light);
1941
+ --wds-button-label-fill-standard-primary: var(--wds-color-text-standard-primary-light);
1936
1942
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-text-standard-primary-light);
1937
1943
  --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled);
1938
1944
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-text-standard-primary-light);
package/all.scss CHANGED
@@ -593,7 +593,9 @@
593
593
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-200);
594
594
  --wds-side-panel-floating-header-padding-right: var(--wds-space-150);
595
595
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
596
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
596
597
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-400);
598
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
597
599
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
598
600
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
599
601
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -1667,6 +1669,7 @@
1667
1669
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1668
1670
  --wds-message-modal-text-font-size: var(--wds-font-size-body-medium);
1669
1671
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1672
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1670
1673
  --wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
1671
1674
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1672
1675
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
@@ -1932,7 +1935,10 @@
1932
1935
  --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled);
1933
1936
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1934
1937
  --wds-button-label-fill-standard-secondary: var(--wds-color-text-primary);
1938
+ --wds-button-label-fill-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1935
1939
  --wds-button-label-fill-standard-primary-disabled: var(--wds-color-text-disabled-light);
1940
+ --wds-button-label-fill-standard-primary-active: var(--wds-color-text-standard-primary-light);
1941
+ --wds-button-label-fill-standard-primary: var(--wds-color-text-standard-primary-light);
1936
1942
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-text-standard-primary-light);
1937
1943
  --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled);
1938
1944
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-text-standard-primary-light);
package/all.st.css CHANGED
@@ -222,7 +222,10 @@
222
222
  @property st-global(--wds-button-label-fill-premium-secondary-active);
223
223
  @property st-global(--wds-button-label-fill-premium-secondary-disabled);
224
224
  @property st-global(--wds-button-label-fill-premium-secondary-hover);
225
+ @property st-global(--wds-button-label-fill-standard-primary);
226
+ @property st-global(--wds-button-label-fill-standard-primary-active);
225
227
  @property st-global(--wds-button-label-fill-standard-primary-disabled);
228
+ @property st-global(--wds-button-label-fill-standard-primary-hover);
226
229
  @property st-global(--wds-button-label-fill-standard-secondary);
227
230
  @property st-global(--wds-button-label-fill-standard-secondary-active);
228
231
  @property st-global(--wds-button-label-fill-standard-secondary-disabled);
@@ -1270,6 +1273,7 @@
1270
1273
  @property st-global(--wds-loader-fill-error);
1271
1274
  @property st-global(--wds-loader-fill-light);
1272
1275
  @property st-global(--wds-loader-fill-loading);
1276
+ @property st-global(--wds-loader-fill-loading-with-error);
1273
1277
  @property st-global(--wds-loader-fill-success);
1274
1278
  @property st-global(--wds-loader-stroke-width-large);
1275
1279
  @property st-global(--wds-loader-stroke-width-medium);
@@ -1604,7 +1608,9 @@
1604
1608
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
1605
1609
  @property st-global(--wds-side-panel-field-padding-horizontal);
1606
1610
  @property st-global(--wds-side-panel-field-padding-vertical);
1611
+ @property st-global(--wds-side-panel-floating-border-fill);
1607
1612
  @property st-global(--wds-side-panel-floating-border-radius);
1613
+ @property st-global(--wds-side-panel-floating-border-width);
1608
1614
  @property st-global(--wds-side-panel-floating-header-padding-left);
1609
1615
  @property st-global(--wds-side-panel-floating-header-padding-right);
1610
1616
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -2321,7 +2327,10 @@
2321
2327
  --wds-button-label-fill-premium-secondary-active: #ffffff;
2322
2328
  --wds-button-label-fill-premium-secondary-disabled: rgba(0, 6, 36, .3);
2323
2329
  --wds-button-label-fill-premium-secondary-hover: #ffffff;
2330
+ --wds-button-label-fill-standard-primary: #ffffff;
2331
+ --wds-button-label-fill-standard-primary-active: #ffffff;
2324
2332
  --wds-button-label-fill-standard-primary-disabled: rgba(255, 255, 255, .7);
2333
+ --wds-button-label-fill-standard-primary-hover: #ffffff;
2325
2334
  --wds-button-label-fill-standard-secondary: #116dff;
2326
2335
  --wds-button-label-fill-standard-secondary-active: #ffffff;
2327
2336
  --wds-button-label-fill-standard-secondary-disabled: rgba(0, 6, 36, .3);
@@ -3369,6 +3378,7 @@
3369
3378
  --wds-loader-fill-error: #e62214;
3370
3379
  --wds-loader-fill-light: #ffffff;
3371
3380
  --wds-loader-fill-loading: #084ebd;
3381
+ --wds-loader-fill-loading-with-error: #e62214;
3372
3382
  --wds-loader-fill-success: #116dff;
3373
3383
  --wds-loader-stroke-width-large: 4px;
3374
3384
  --wds-loader-stroke-width-medium: 4px;
@@ -3703,7 +3713,9 @@
3703
3713
  --wds-side-panel-control-layout-divider-border-width: 1px;
3704
3714
  --wds-side-panel-field-padding-horizontal: 24px;
3705
3715
  --wds-side-panel-field-padding-vertical: 18px;
3716
+ --wds-side-panel-floating-border-fill: #eceff3;
3706
3717
  --wds-side-panel-floating-border-radius: 8px;
3718
+ --wds-side-panel-floating-border-width: 0px;
3707
3719
  --wds-side-panel-floating-header-padding-left: 24px;
3708
3720
  --wds-side-panel-floating-header-padding-right: 9px;
3709
3721
  --wds-side-panel-floating-header-padding-vertical: 12px;
package/component.st.css CHANGED
@@ -185,7 +185,10 @@
185
185
  @property st-global(--wds-button-label-fill-premium-secondary-active);
186
186
  @property st-global(--wds-button-label-fill-premium-secondary-disabled);
187
187
  @property st-global(--wds-button-label-fill-premium-secondary-hover);
188
+ @property st-global(--wds-button-label-fill-standard-primary);
189
+ @property st-global(--wds-button-label-fill-standard-primary-active);
188
190
  @property st-global(--wds-button-label-fill-standard-primary-disabled);
191
+ @property st-global(--wds-button-label-fill-standard-primary-hover);
189
192
  @property st-global(--wds-button-label-fill-standard-secondary);
190
193
  @property st-global(--wds-button-label-fill-standard-secondary-active);
191
194
  @property st-global(--wds-button-label-fill-standard-secondary-disabled);
@@ -703,6 +706,7 @@
703
706
  @property st-global(--wds-loader-fill-error);
704
707
  @property st-global(--wds-loader-fill-light);
705
708
  @property st-global(--wds-loader-fill-loading);
709
+ @property st-global(--wds-loader-fill-loading-with-error);
706
710
  @property st-global(--wds-loader-fill-success);
707
711
  @property st-global(--wds-loader-stroke-width-large);
708
712
  @property st-global(--wds-loader-stroke-width-medium);
@@ -928,7 +932,9 @@
928
932
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
929
933
  @property st-global(--wds-side-panel-field-padding-horizontal);
930
934
  @property st-global(--wds-side-panel-field-padding-vertical);
935
+ @property st-global(--wds-side-panel-floating-border-fill);
931
936
  @property st-global(--wds-side-panel-floating-border-radius);
937
+ @property st-global(--wds-side-panel-floating-border-width);
932
938
  @property st-global(--wds-side-panel-floating-header-padding-left);
933
939
  @property st-global(--wds-side-panel-floating-header-padding-right);
934
940
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -1562,7 +1568,10 @@
1562
1568
  --wds-button-label-fill-premium-secondary-active: #ffffff;
1563
1569
  --wds-button-label-fill-premium-secondary-disabled: rgba(0, 6, 36, .3);
1564
1570
  --wds-button-label-fill-premium-secondary-hover: #ffffff;
1571
+ --wds-button-label-fill-standard-primary: #ffffff;
1572
+ --wds-button-label-fill-standard-primary-active: #ffffff;
1565
1573
  --wds-button-label-fill-standard-primary-disabled: rgba(255, 255, 255, .7);
1574
+ --wds-button-label-fill-standard-primary-hover: #ffffff;
1566
1575
  --wds-button-label-fill-standard-secondary: #116dff;
1567
1576
  --wds-button-label-fill-standard-secondary-active: #ffffff;
1568
1577
  --wds-button-label-fill-standard-secondary-disabled: rgba(0, 6, 36, .3);
@@ -2080,6 +2089,7 @@
2080
2089
  --wds-loader-fill-error: #e62214;
2081
2090
  --wds-loader-fill-light: #ffffff;
2082
2091
  --wds-loader-fill-loading: #084ebd;
2092
+ --wds-loader-fill-loading-with-error: #e62214;
2083
2093
  --wds-loader-fill-success: #116dff;
2084
2094
  --wds-loader-stroke-width-large: 4px;
2085
2095
  --wds-loader-stroke-width-medium: 4px;
@@ -2305,7 +2315,9 @@
2305
2315
  --wds-side-panel-control-layout-divider-border-width: 1px;
2306
2316
  --wds-side-panel-field-padding-horizontal: 24px;
2307
2317
  --wds-side-panel-field-padding-vertical: 18px;
2318
+ --wds-side-panel-floating-border-fill: #eceff3;
2308
2319
  --wds-side-panel-floating-border-radius: 8px;
2320
+ --wds-side-panel-floating-border-width: 0px;
2309
2321
  --wds-side-panel-floating-header-padding-left: 24px;
2310
2322
  --wds-side-panel-floating-header-padding-right: 9px;
2311
2323
  --wds-side-panel-floating-header-padding-vertical: 12px;
package/odeditor/all.css CHANGED
@@ -1039,7 +1039,9 @@
1039
1039
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
1040
1040
  --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
1041
1041
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
1042
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
1042
1043
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
1044
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
1043
1045
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1044
1046
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
1045
1047
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -1721,6 +1723,7 @@
1721
1723
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1722
1724
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1723
1725
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1726
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1724
1727
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1725
1728
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1726
1729
  --wds-loader-fill: var(--wds-color-fill-dark-secondary);
package/odeditor/all.scss CHANGED
@@ -633,7 +633,9 @@
633
633
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
634
634
  --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
635
635
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
636
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
636
637
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
638
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
637
639
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
638
640
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
639
641
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -1709,6 +1711,7 @@
1709
1711
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1710
1712
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1711
1713
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1714
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1712
1715
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1713
1716
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1714
1717
  --wds-loader-fill: var(--wds-color-fill-dark-secondary);
package/odeditor/all.st.css CHANGED
@@ -1216,6 +1216,7 @@
1216
1216
  @property st-global(--wds-loader-fill-error);
1217
1217
  @property st-global(--wds-loader-fill-light);
1218
1218
  @property st-global(--wds-loader-fill-loading);
1219
+ @property st-global(--wds-loader-fill-loading-with-error);
1219
1220
  @property st-global(--wds-loader-fill-success);
1220
1221
  @property st-global(--wds-loader-stroke-width-large);
1221
1222
  @property st-global(--wds-loader-stroke-width-medium);
@@ -1548,7 +1549,9 @@
1548
1549
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
1549
1550
  @property st-global(--wds-side-panel-field-padding-horizontal);
1550
1551
  @property st-global(--wds-side-panel-field-padding-vertical);
1552
+ @property st-global(--wds-side-panel-floating-border-fill);
1551
1553
  @property st-global(--wds-side-panel-floating-border-radius);
1554
+ @property st-global(--wds-side-panel-floating-border-width);
1552
1555
  @property st-global(--wds-side-panel-floating-header-padding-left);
1553
1556
  @property st-global(--wds-side-panel-floating-header-padding-right);
1554
1557
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -3261,6 +3264,7 @@
3261
3264
  --wds-loader-fill-error: #df3336;
3262
3265
  --wds-loader-fill-light: #ffffff;
3263
3266
  --wds-loader-fill-loading: #0f2ccf;
3267
+ --wds-loader-fill-loading-with-error: #df3336;
3264
3268
  --wds-loader-fill-success: #2f5dff;
3265
3269
  --wds-loader-stroke-width-large: 2px;
3266
3270
  --wds-loader-stroke-width-medium: 2px;
@@ -3593,7 +3597,9 @@
3593
3597
  --wds-side-panel-control-layout-divider-border-width: false;
3594
3598
  --wds-side-panel-field-padding-horizontal: 16px;
3595
3599
  --wds-side-panel-field-padding-vertical: 12px;
3600
+ --wds-side-panel-floating-border-fill: #f0efef;
3596
3601
  --wds-side-panel-floating-border-radius: 12px;
3602
+ --wds-side-panel-floating-border-width: 0px;
3597
3603
  --wds-side-panel-floating-header-padding-left: 16px;
3598
3604
  --wds-side-panel-floating-header-padding-right: 12px;
3599
3605
  --wds-side-panel-floating-header-padding-vertical: 16px;
package/odeditor/component.st.css CHANGED
@@ -653,6 +653,7 @@
653
653
  @property st-global(--wds-loader-fill-error);
654
654
  @property st-global(--wds-loader-fill-light);
655
655
  @property st-global(--wds-loader-fill-loading);
656
+ @property st-global(--wds-loader-fill-loading-with-error);
656
657
  @property st-global(--wds-loader-fill-success);
657
658
  @property st-global(--wds-loader-stroke-width-large);
658
659
  @property st-global(--wds-loader-stroke-width-medium);
@@ -876,7 +877,9 @@
876
877
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
877
878
  @property st-global(--wds-side-panel-field-padding-horizontal);
878
879
  @property st-global(--wds-side-panel-field-padding-vertical);
880
+ @property st-global(--wds-side-panel-floating-border-fill);
879
881
  @property st-global(--wds-side-panel-floating-border-radius);
882
+ @property st-global(--wds-side-panel-floating-border-width);
880
883
  @property st-global(--wds-side-panel-floating-header-padding-left);
881
884
  @property st-global(--wds-side-panel-floating-header-padding-right);
882
885
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -1979,6 +1982,7 @@
1979
1982
  --wds-loader-fill-error: #df3336;
1980
1983
  --wds-loader-fill-light: #ffffff;
1981
1984
  --wds-loader-fill-loading: #0f2ccf;
1985
+ --wds-loader-fill-loading-with-error: #df3336;
1982
1986
  --wds-loader-fill-success: #2f5dff;
1983
1987
  --wds-loader-stroke-width-large: 2px;
1984
1988
  --wds-loader-stroke-width-medium: 2px;
@@ -2202,7 +2206,9 @@
2202
2206
  --wds-side-panel-control-layout-divider-border-width: false;
2203
2207
  --wds-side-panel-field-padding-horizontal: 16px;
2204
2208
  --wds-side-panel-field-padding-vertical: 12px;
2209
+ --wds-side-panel-floating-border-fill: #f0efef;
2205
2210
  --wds-side-panel-floating-border-radius: 12px;
2211
+ --wds-side-panel-floating-border-width: 0px;
2206
2212
  --wds-side-panel-floating-header-padding-left: 16px;
2207
2213
  --wds-side-panel-floating-header-padding-right: 12px;
2208
2214
  --wds-side-panel-floating-header-padding-vertical: 16px;
package/odeditor-dark/all.css CHANGED
@@ -89,7 +89,7 @@
89
89
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
90
90
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
91
91
  --wds-color-text-stage-section: #6f56f9;
92
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.70);
92
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
93
93
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
94
94
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
95
95
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -583,6 +583,7 @@
583
583
  --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
584
584
  --wds-color-fill-surface-overlay: var(--wds-color-white);
585
585
  --wds-color-fill-surface-neutral: var(--wds-color-black-750);
586
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-white-transparent-20);
586
587
  --wds-color-fill-surface-modal: var(--wds-color-white);
587
588
  --wds-color-fill-surface-destructive: var(--wds-color-red-500);
588
589
  --wds-color-fill-surface-default: var(--wds-color-white);
@@ -684,9 +685,9 @@
684
685
  --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
685
686
  --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
686
687
  --wds-color-fill-destructive-primary: var(--wds-color-red-100);
687
- --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
688
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-700);
688
689
  --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
689
- --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
690
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-750);
690
691
  --wds-color-fill-dark-tertiary: var(--wds-color-white);
691
692
  --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
692
693
  --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1043,7 +1044,9 @@
1043
1044
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
1044
1045
  --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
1045
1046
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
1047
+ --wds-side-panel-floating-border-width: var(--wds-border-width-100);
1046
1048
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
1049
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
1047
1050
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1048
1051
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
1049
1052
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -1454,7 +1457,10 @@
1454
1457
  --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1455
1458
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1456
1459
  --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1460
+ --wds-button-fill-standard-primary-hover: var(--wds-color-blue-200);
1457
1461
  --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1462
+ --wds-button-fill-standard-primary-active: var(--wds-color-blue-100);
1463
+ --wds-button-fill-standard-primary: var(--wds-color-blue-150);
1458
1464
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1459
1465
  --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1460
1466
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
@@ -1534,7 +1540,6 @@
1534
1540
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1535
1541
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1536
1542
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1537
- --wds-accordion-inner-content-fill: var(--wds-color-white);
1538
1543
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1539
1544
  --wds-shadow-surface-raised: var(--wds-shadow-200);
1540
1545
  --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
@@ -1551,7 +1556,6 @@
1551
1556
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1552
1557
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
1553
1558
  --wds-font-line-height-body-extra-tiny: var(--wds-font-line-height-100);
1554
- --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1555
1559
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1556
1560
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
1557
1561
  --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
@@ -1724,6 +1728,7 @@
1724
1728
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1725
1729
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1726
1730
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1731
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1727
1732
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1728
1733
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1729
1734
  --wds-loader-fill: var(--wds-color-fill-dark-secondary);
@@ -1923,6 +1928,9 @@
1923
1928
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1924
1929
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1925
1930
  --wds-button-label-fill-standard-secondary: var(--wds-color-fill-standard-primary-hover);
1931
+ --wds-button-label-fill-standard-primary-hover: var(--wds-color-text-standard-primary);
1932
+ --wds-button-label-fill-standard-primary-active: var(--wds-color-text-standard-primary);
1933
+ --wds-button-label-fill-standard-primary: var(--wds-color-text-standard-primary);
1926
1934
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1927
1935
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1928
1936
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
@@ -1939,9 +1947,6 @@
1939
1947
  --wds-button-font-size-large: var(--wds-font-size-body-medium);
1940
1948
  --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1941
1949
  --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1942
- --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1943
- --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1944
- --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1945
1950
  --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1946
1951
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1947
1952
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
@@ -1988,10 +1993,11 @@
1988
1993
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
1989
1994
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
1990
1995
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1996
+ --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
1991
1997
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1992
1998
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1993
- --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1994
- --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
1999
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-transparent-tertiary);
2000
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-transparent-tertiary);
1995
2001
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1996
2002
  --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
1997
2003
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/odeditor-dark/all.scss CHANGED
@@ -240,7 +240,7 @@
240
240
  --wds-color-green-100: #53DA98;
241
241
  --wds-color-green-50: #A3E5C5;
242
242
  --wds-color-green-0: #D6ECE1;
243
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.70);
243
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
244
244
  --wds-color-fill-stage-section-secondary-hover: #d9d2ff;
245
245
  --wds-color-fill-stage-section-secondary-active: #d9d2ff;
246
246
  --wds-color-fill-stage-section-secondary: #d9d2ff;
@@ -639,7 +639,9 @@
639
639
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
640
640
  --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
641
641
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
642
+ --wds-side-panel-floating-border-width: var(--wds-border-width-100);
642
643
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
644
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
643
645
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
644
646
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
645
647
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
@@ -1148,6 +1150,7 @@
1148
1150
  --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
1149
1151
  --wds-color-fill-surface-overlay: var(--wds-color-white);
1150
1152
  --wds-color-fill-surface-neutral: var(--wds-color-black-750);
1153
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-white-transparent-20);
1151
1154
  --wds-color-fill-surface-modal: var(--wds-color-white);
1152
1155
  --wds-color-fill-surface-destructive: var(--wds-color-red-500);
1153
1156
  --wds-color-fill-surface-default: var(--wds-color-white);
@@ -1249,9 +1252,9 @@
1249
1252
  --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
1250
1253
  --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
1251
1254
  --wds-color-fill-destructive-primary: var(--wds-color-red-100);
1252
- --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
1255
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-700);
1253
1256
  --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
1254
- --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
1257
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-750);
1255
1258
  --wds-color-fill-dark-tertiary: var(--wds-color-white);
1256
1259
  --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
1257
1260
  --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1444,7 +1447,10 @@
1444
1447
  --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1445
1448
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1446
1449
  --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1450
+ --wds-button-fill-standard-primary-hover: var(--wds-color-blue-200);
1447
1451
  --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1452
+ --wds-button-fill-standard-primary-active: var(--wds-color-blue-100);
1453
+ --wds-button-fill-standard-primary: var(--wds-color-blue-150);
1448
1454
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1449
1455
  --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1450
1456
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
@@ -1534,7 +1540,6 @@
1534
1540
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1535
1541
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1536
1542
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1537
- --wds-accordion-inner-content-fill: var(--wds-color-white);
1538
1543
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1539
1544
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1540
1545
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
@@ -1713,6 +1718,7 @@
1713
1718
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1714
1719
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1715
1720
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1721
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1716
1722
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1717
1723
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1718
1724
  --wds-loader-fill: var(--wds-color-fill-dark-secondary);
@@ -1881,7 +1887,6 @@
1881
1887
  --wds-custom-modal-header-subtitle-font-size: var(--wds-font-size-body-small);
1882
1888
  --wds-custom-modal-footnote-text-font-size: var(--wds-font-size-body-tiny);
1883
1889
  --wds-custom-modal-border-radius: var(--wds-border-radius-surface-modal);
1884
- --wds-color-fill-surface-modal-backdrop: var(--wds-color-fill-transparent-primary);
1885
1890
  --wds-close-button-standard-filled-text-hover: var(--wds-color-text-standard-primary);
1886
1891
  --wds-close-button-standard-filled-text-disabled: var(--wds-color-text-disabled);
1887
1892
  --wds-close-button-standard-filled-text: var(--wds-color-text-standard-primary);
@@ -1923,6 +1928,9 @@
1923
1928
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1924
1929
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1925
1930
  --wds-button-label-fill-standard-secondary: var(--wds-color-fill-standard-primary-hover);
1931
+ --wds-button-label-fill-standard-primary-hover: var(--wds-color-text-standard-primary);
1932
+ --wds-button-label-fill-standard-primary-active: var(--wds-color-text-standard-primary);
1933
+ --wds-button-label-fill-standard-primary: var(--wds-color-text-standard-primary);
1926
1934
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-fill-premium-primary-active);
1927
1935
  --wds-button-label-fill-premium-secondary-active: var(--wds-color-fill-premium-primary-active);
1928
1936
  --wds-button-label-fill-premium-secondary: var(--wds-color-text-premium);
@@ -1939,9 +1947,6 @@
1939
1947
  --wds-button-font-size-large: var(--wds-font-size-body-medium);
1940
1948
  --wds-button-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1941
1949
  --wds-button-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1942
- --wds-button-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1943
- --wds-button-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1944
- --wds-button-fill-standard-primary: var(--wds-color-fill-standard-primary);
1945
1950
  --wds-button-fill-premium-secondary-hover: var(--wds-color-fill-premium-tertiary-hover);
1946
1951
  --wds-button-fill-premium-secondary-active: var(--wds-color-fill-premium-tertiary-active);
1947
1952
  --wds-button-fill-gradient-hover-secondary: var(--wds-color-fill-standard-primary-hover);
@@ -1988,10 +1993,11 @@
1988
1993
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
1989
1994
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
1990
1995
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
1996
+ --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
1991
1997
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
1992
1998
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
1993
- --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
1994
- --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
1999
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-transparent-tertiary);
2000
+ --wds-accordion-background-fill-standard: var(--wds-color-fill-transparent-tertiary);
1995
2001
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
1996
2002
  --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
1997
2003
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/odeditor-dark/all.st.css CHANGED
@@ -226,7 +226,10 @@
226
226
  @property st-global(--wds-button-label-fill-premium-secondary-active);
227
227
  @property st-global(--wds-button-label-fill-premium-secondary-disabled);
228
228
  @property st-global(--wds-button-label-fill-premium-secondary-hover);
229
+ @property st-global(--wds-button-label-fill-standard-primary);
230
+ @property st-global(--wds-button-label-fill-standard-primary-active);
229
231
  @property st-global(--wds-button-label-fill-standard-primary-disabled);
232
+ @property st-global(--wds-button-label-fill-standard-primary-hover);
230
233
  @property st-global(--wds-button-label-fill-standard-secondary);
231
234
  @property st-global(--wds-button-label-fill-standard-secondary-active);
232
235
  @property st-global(--wds-button-label-fill-standard-secondary-disabled);
@@ -1218,6 +1221,7 @@
1218
1221
  @property st-global(--wds-loader-fill-error);
1219
1222
  @property st-global(--wds-loader-fill-light);
1220
1223
  @property st-global(--wds-loader-fill-loading);
1224
+ @property st-global(--wds-loader-fill-loading-with-error);
1221
1225
  @property st-global(--wds-loader-fill-success);
1222
1226
  @property st-global(--wds-loader-stroke-width-large);
1223
1227
  @property st-global(--wds-loader-stroke-width-medium);
@@ -1550,7 +1554,9 @@
1550
1554
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
1551
1555
  @property st-global(--wds-side-panel-field-padding-horizontal);
1552
1556
  @property st-global(--wds-side-panel-field-padding-vertical);
1557
+ @property st-global(--wds-side-panel-floating-border-fill);
1553
1558
  @property st-global(--wds-side-panel-floating-border-radius);
1559
+ @property st-global(--wds-side-panel-floating-border-width);
1554
1560
  @property st-global(--wds-side-panel-floating-header-padding-left);
1555
1561
  @property st-global(--wds-side-panel-floating-header-padding-right);
1556
1562
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -2046,13 +2052,13 @@
2046
2052
 
2047
2053
  .root {
2048
2054
  --wds-accordion-background-fill-light: #212122;
2049
- --wds-accordion-background-fill-light-hover: #2D2D2E;
2050
- --wds-accordion-background-fill-standard: #212122;
2051
- --wds-accordion-background-fill-standard-hover: #2D2D2E;
2055
+ --wds-accordion-background-fill-light-hover: #3A3A3B;
2056
+ --wds-accordion-background-fill-standard: rgba(255, 255, 255, 0);
2057
+ --wds-accordion-background-fill-standard-hover: rgba(255, 255, 255, 0);
2052
2058
  --wds-accordion-border-radius: 0px;
2053
2059
  --wds-accordion-caret-fill: #FFFFFF;
2054
2060
  --wds-accordion-caret-fill-hover: #FFFFFF;
2055
- --wds-accordion-inner-content-fill: #212122;
2061
+ --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
2056
2062
  --wds-accordion-inner-content-padding-top: 4px;
2057
2063
  --wds-accordion-title-fill: #FFFFFF;
2058
2064
  --wds-accordion-title-fill-hover: #FFFFFF;
@@ -2228,10 +2234,10 @@
2228
2234
  --wds-button-fill-premium-secondary-active: #2D354E;
2229
2235
  --wds-button-fill-premium-secondary-disabled: #3A3A3B;
2230
2236
  --wds-button-fill-premium-secondary-hover: #212328;
2231
- --wds-button-fill-standard-primary: #82B0FF;
2232
- --wds-button-fill-standard-primary-active: #E0E7FF;
2237
+ --wds-button-fill-standard-primary: #3C67FF;
2238
+ --wds-button-fill-standard-primary-active: #82B0FF;
2233
2239
  --wds-button-fill-standard-primary-disabled: #3A3A3B;
2234
- --wds-button-fill-standard-primary-hover: #B1CCFF;
2240
+ --wds-button-fill-standard-primary-hover: #6F94D4;
2235
2241
  --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
2236
2242
  --wds-button-fill-standard-secondary-active: #2D354E;
2237
2243
  --wds-button-fill-standard-secondary-disabled: #3A3A3B;
@@ -2273,7 +2279,10 @@
2273
2279
  --wds-button-label-fill-premium-secondary-active: #E0E7FF;
2274
2280
  --wds-button-label-fill-premium-secondary-disabled: #878685;
2275
2281
  --wds-button-label-fill-premium-secondary-hover: #E0E7FF;
2282
+ --wds-button-label-fill-standard-primary: #FFFFFF;
2283
+ --wds-button-label-fill-standard-primary-active: #FFFFFF;
2276
2284
  --wds-button-label-fill-standard-primary-disabled: #878685;
2285
+ --wds-button-label-fill-standard-primary-hover: #FFFFFF;
2277
2286
  --wds-button-label-fill-standard-secondary: #B1CCFF;
2278
2287
  --wds-button-label-fill-standard-secondary-active: #E0E7FF;
2279
2288
  --wds-button-label-fill-standard-secondary-disabled: #878685;
@@ -2370,7 +2379,7 @@
2370
2379
  --wds-clickable-card-outline-border-color-active: #82B0FF;
2371
2380
  --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
2372
2381
  --wds-clickable-card-outline-border-color-hover: #3F4D6E;
2373
- --wds-close-button-standard-fill-active: #3A3A3B;
2382
+ --wds-close-button-standard-fill-active: #2D2D2E;
2374
2383
  --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
2375
2384
  --wds-close-button-standard-fill-hover: #454544;
2376
2385
  --wds-close-button-standard-filled-fill: #3A3A3B;
@@ -2553,9 +2562,9 @@
2553
2562
  --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
2554
2563
  --wds-color-fill-dark-secondary-hover: #454544;
2555
2564
  --wds-color-fill-dark-tertiary: #212122;
2556
- --wds-color-fill-dark-tertiary-active: #3A3A3B;
2565
+ --wds-color-fill-dark-tertiary-active: #2D2D2E;
2557
2566
  --wds-color-fill-dark-tertiary-disabled: #212122;
2558
- --wds-color-fill-dark-tertiary-hover: #2D2D2E;
2567
+ --wds-color-fill-dark-tertiary-hover: #3A3A3B;
2559
2568
  --wds-color-fill-destructive-primary: #FF7680;
2560
2569
  --wds-color-fill-destructive-primary-active: #F9D6D7;
2561
2570
  --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
@@ -2697,10 +2706,10 @@
2697
2706
  --wds-color-fill-surface-default: #212122;
2698
2707
  --wds-color-fill-surface-destructive: #4D2324;
2699
2708
  --wds-color-fill-surface-modal: #212122;
2700
- --wds-color-fill-surface-modal-backdrop: rgba(212, 211, 210, .5);
2709
+ --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
2701
2710
  --wds-color-fill-surface-neutral: #2D2D2E;
2702
2711
  --wds-color-fill-surface-overlay: #212122;
2703
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.70);
2712
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
2704
2713
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
2705
2714
  --wds-color-fill-surface-premium: #111214;
2706
2715
  --wds-color-fill-surface-raised: #212122;
@@ -3001,13 +3010,13 @@
3001
3010
  --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
3002
3011
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
3003
3012
  --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
3004
- --wds-icon-button-color-fill-dark-secondary-active: #3A3A3B;
3013
+ --wds-icon-button-color-fill-dark-secondary-active: #2D2D2E;
3005
3014
  --wds-icon-button-color-fill-dark-secondary-disabled: #3A3A3B;
3006
- --wds-icon-button-color-fill-dark-secondary-hover: #2D2D2E;
3015
+ --wds-icon-button-color-fill-dark-secondary-hover: #3A3A3B;
3007
3016
  --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
3008
- --wds-icon-button-color-fill-dark-tertiary-active: #3A3A3B;
3017
+ --wds-icon-button-color-fill-dark-tertiary-active: #2D2D2E;
3009
3018
  --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
3010
- --wds-icon-button-color-fill-dark-tertiary-hover: #2D2D2E;
3019
+ --wds-icon-button-color-fill-dark-tertiary-hover: #3A3A3B;
3011
3020
  --wds-icon-button-color-fill-light-primary: #212122;
3012
3021
  --wds-icon-button-color-fill-light-primary-active: #2D354E;
3013
3022
  --wds-icon-button-color-fill-light-primary-disabled: #3A3A3B;
@@ -3178,8 +3187,8 @@
3178
3187
  --wds-linear-progress-bar-value-gap: 4px;
3179
3188
  --wds-list-item-action-affix-margin: 4px;
3180
3189
  --wds-list-item-action-border-radius: 8px;
3181
- --wds-list-item-action-fill-active: #3A3A3B;
3182
- --wds-list-item-action-fill-hover: #2D2D2E;
3190
+ --wds-list-item-action-fill-active: #2D2D2E;
3191
+ --wds-list-item-action-fill-hover: #3A3A3B;
3183
3192
  --wds-list-item-action-gap: 2px;
3184
3193
  --wds-list-item-action-label-fill-active: #FFFFFF;
3185
3194
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -3215,7 +3224,7 @@
3215
3224
  --wds-list-item-section-padding-vertical-neutral: 10px;
3216
3225
  --wds-list-item-section-title-label-fill: #A09E9D;
3217
3226
  --wds-list-item-section-title-label-fill-neutral: #878685;
3218
- --wds-list-item-select-active-fill: #3A3A3B;
3227
+ --wds-list-item-select-active-fill: #2D2D2E;
3219
3228
  --wds-list-item-select-active-fill-active: #2D354E;
3220
3229
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
3221
3230
  --wds-list-item-select-active-fill-disabled: #212122;
@@ -3232,7 +3241,7 @@
3232
3241
  --wds-list-item-select-fill: #212122;
3233
3242
  --wds-list-item-select-fill-active: #212122;
3234
3243
  --wds-list-item-select-fill-disabled: #212122;
3235
- --wds-list-item-select-fill-hover: #2D2D2E;
3244
+ --wds-list-item-select-fill-hover: #3A3A3B;
3236
3245
  --wds-list-item-select-gap: 2px;
3237
3246
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3238
3247
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -3265,6 +3274,7 @@
3265
3274
  --wds-loader-fill-error: #FF7680;
3266
3275
  --wds-loader-fill-light: #212122;
3267
3276
  --wds-loader-fill-loading: #E0E7FF;
3277
+ --wds-loader-fill-loading-with-error: #FF7680;
3268
3278
  --wds-loader-fill-success: #82B0FF;
3269
3279
  --wds-loader-stroke-width-large: 2px;
3270
3280
  --wds-loader-stroke-width-medium: 2px;
@@ -3597,7 +3607,9 @@
3597
3607
  --wds-side-panel-control-layout-divider-border-width: false;
3598
3608
  --wds-side-panel-field-padding-horizontal: 16px;
3599
3609
  --wds-side-panel-field-padding-vertical: 12px;
3610
+ --wds-side-panel-floating-border-fill: #3A3A3B;
3600
3611
  --wds-side-panel-floating-border-radius: 12px;
3612
+ --wds-side-panel-floating-border-width: 1px;
3601
3613
  --wds-side-panel-floating-header-padding-left: 16px;
3602
3614
  --wds-side-panel-floating-header-padding-right: 12px;
3603
3615
  --wds-side-panel-floating-header-padding-vertical: 16px;
@@ -3786,9 +3798,9 @@
3786
3798
  --wds-table-list-item-controls-padding-medium: 8px;
3787
3799
  --wds-table-list-item-drag-handle-color: #FFFFFF;
3788
3800
  --wds-table-list-item-fill: #212122;
3789
- --wds-table-list-item-fill-active: #3A3A3B;
3801
+ --wds-table-list-item-fill-active: #2D2D2E;
3790
3802
  --wds-table-list-item-fill-highlight: #2D2D2E;
3791
- --wds-table-list-item-fill-hover: #2D2D2E;
3803
+ --wds-table-list-item-fill-hover: #3A3A3B;
3792
3804
  --wds-table-list-item-gap: 16px;
3793
3805
  --wds-table-list-item-indentation-level-2: 12px;
3794
3806
  --wds-table-list-item-indentation-level-3: 28px;
@@ -3888,7 +3900,7 @@
3888
3900
  --wds-toggle-button-fill-inverted-hover: #454544;
3889
3901
  --wds-toggle-button-fill-inverted-selected: #212122;
3890
3902
  --wds-toggle-button-fill-inverted-selected-disabled: #3A3A3B;
3891
- --wds-toggle-button-fill-inverted-selected-hover: #2D2D2E;
3903
+ --wds-toggle-button-fill-inverted-selected-hover: #3A3A3B;
3892
3904
  --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
3893
3905
  --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
3894
3906
  --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
@@ -4041,15 +4053,15 @@
4041
4053
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
4042
4054
  --wds-vertical-tabs-item-active-title-text-disabled: #878685;
4043
4055
  --wds-vertical-tabs-item-fill-light: #212122;
4044
- --wds-vertical-tabs-item-fill-light-active: #3A3A3B;
4056
+ --wds-vertical-tabs-item-fill-light-active: #2D2D2E;
4045
4057
  --wds-vertical-tabs-item-fill-light-disabled: #212122;
4046
- --wds-vertical-tabs-item-fill-light-hover: #2D2D2E;
4058
+ --wds-vertical-tabs-item-fill-light-hover: #3A3A3B;
4047
4059
  --wds-vertical-tabs-item-fill-light-premium: #212122;
4048
4060
  --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
4049
4061
  --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
4050
4062
  --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
4051
4063
  --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
4052
- --wds-vertical-tabs-item-fill-neutral-active: #3A3A3B;
4064
+ --wds-vertical-tabs-item-fill-neutral-active: #2D2D2E;
4053
4065
  --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
4054
4066
  --wds-vertical-tabs-item-fill-neutral-hover: #454544;
4055
4067
  --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
@@ -4057,9 +4069,9 @@
4057
4069
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
4058
4070
  --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
4059
4071
  --wds-vertical-tabs-item-fill-standard: #212122;
4060
- --wds-vertical-tabs-item-fill-standard-active: #3A3A3B;
4072
+ --wds-vertical-tabs-item-fill-standard-active: #2D2D2E;
4061
4073
  --wds-vertical-tabs-item-fill-standard-disabled: #212122;
4062
- --wds-vertical-tabs-item-fill-standard-hover: #2D2D2E;
4074
+ --wds-vertical-tabs-item-fill-standard-hover: #3A3A3B;
4063
4075
  --wds-vertical-tabs-item-fill-standard-premium: #212122;
4064
4076
  --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
4065
4077
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
package/odeditor-dark/component.st.css CHANGED
@@ -186,7 +186,10 @@
186
186
  @property st-global(--wds-button-label-fill-premium-secondary-active);
187
187
  @property st-global(--wds-button-label-fill-premium-secondary-disabled);
188
188
  @property st-global(--wds-button-label-fill-premium-secondary-hover);
189
+ @property st-global(--wds-button-label-fill-standard-primary);
190
+ @property st-global(--wds-button-label-fill-standard-primary-active);
189
191
  @property st-global(--wds-button-label-fill-standard-primary-disabled);
192
+ @property st-global(--wds-button-label-fill-standard-primary-hover);
190
193
  @property st-global(--wds-button-label-fill-standard-secondary);
191
194
  @property st-global(--wds-button-label-fill-standard-secondary-active);
192
195
  @property st-global(--wds-button-label-fill-standard-secondary-disabled);
@@ -653,6 +656,7 @@
653
656
  @property st-global(--wds-loader-fill-error);
654
657
  @property st-global(--wds-loader-fill-light);
655
658
  @property st-global(--wds-loader-fill-loading);
659
+ @property st-global(--wds-loader-fill-loading-with-error);
656
660
  @property st-global(--wds-loader-fill-success);
657
661
  @property st-global(--wds-loader-stroke-width-large);
658
662
  @property st-global(--wds-loader-stroke-width-medium);
@@ -876,7 +880,9 @@
876
880
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
877
881
  @property st-global(--wds-side-panel-field-padding-horizontal);
878
882
  @property st-global(--wds-side-panel-field-padding-vertical);
883
+ @property st-global(--wds-side-panel-floating-border-fill);
879
884
  @property st-global(--wds-side-panel-floating-border-radius);
885
+ @property st-global(--wds-side-panel-floating-border-width);
880
886
  @property st-global(--wds-side-panel-floating-header-padding-left);
881
887
  @property st-global(--wds-side-panel-floating-header-padding-right);
882
888
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -1325,13 +1331,13 @@
1325
1331
 
1326
1332
  .root {
1327
1333
  --wds-accordion-background-fill-light: #212122;
1328
- --wds-accordion-background-fill-light-hover: #2D2D2E;
1329
- --wds-accordion-background-fill-standard: #212122;
1330
- --wds-accordion-background-fill-standard-hover: #2D2D2E;
1334
+ --wds-accordion-background-fill-light-hover: #3A3A3B;
1335
+ --wds-accordion-background-fill-standard: rgba(255, 255, 255, 0);
1336
+ --wds-accordion-background-fill-standard-hover: rgba(255, 255, 255, 0);
1331
1337
  --wds-accordion-border-radius: 0px;
1332
1338
  --wds-accordion-caret-fill: #FFFFFF;
1333
1339
  --wds-accordion-caret-fill-hover: #FFFFFF;
1334
- --wds-accordion-inner-content-fill: #212122;
1340
+ --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
1335
1341
  --wds-accordion-inner-content-padding-top: 4px;
1336
1342
  --wds-accordion-title-fill: #FFFFFF;
1337
1343
  --wds-accordion-title-fill-hover: #FFFFFF;
@@ -1467,10 +1473,10 @@
1467
1473
  --wds-button-fill-premium-secondary-active: #2D354E;
1468
1474
  --wds-button-fill-premium-secondary-disabled: #3A3A3B;
1469
1475
  --wds-button-fill-premium-secondary-hover: #212328;
1470
- --wds-button-fill-standard-primary: #82B0FF;
1471
- --wds-button-fill-standard-primary-active: #E0E7FF;
1476
+ --wds-button-fill-standard-primary: #3C67FF;
1477
+ --wds-button-fill-standard-primary-active: #82B0FF;
1472
1478
  --wds-button-fill-standard-primary-disabled: #3A3A3B;
1473
- --wds-button-fill-standard-primary-hover: #B1CCFF;
1479
+ --wds-button-fill-standard-primary-hover: #6F94D4;
1474
1480
  --wds-button-fill-standard-secondary: rgba(0, 0, 0, 0);
1475
1481
  --wds-button-fill-standard-secondary-active: #2D354E;
1476
1482
  --wds-button-fill-standard-secondary-disabled: #3A3A3B;
@@ -1512,7 +1518,10 @@
1512
1518
  --wds-button-label-fill-premium-secondary-active: #E0E7FF;
1513
1519
  --wds-button-label-fill-premium-secondary-disabled: #878685;
1514
1520
  --wds-button-label-fill-premium-secondary-hover: #E0E7FF;
1521
+ --wds-button-label-fill-standard-primary: #FFFFFF;
1522
+ --wds-button-label-fill-standard-primary-active: #FFFFFF;
1515
1523
  --wds-button-label-fill-standard-primary-disabled: #878685;
1524
+ --wds-button-label-fill-standard-primary-hover: #FFFFFF;
1516
1525
  --wds-button-label-fill-standard-secondary: #B1CCFF;
1517
1526
  --wds-button-label-fill-standard-secondary-active: #E0E7FF;
1518
1527
  --wds-button-label-fill-standard-secondary-disabled: #878685;
@@ -1609,7 +1618,7 @@
1609
1618
  --wds-clickable-card-outline-border-color-active: #82B0FF;
1610
1619
  --wds-clickable-card-outline-border-color-disabled: rgba(255, 255, 255, .1);
1611
1620
  --wds-clickable-card-outline-border-color-hover: #3F4D6E;
1612
- --wds-close-button-standard-fill-active: #3A3A3B;
1621
+ --wds-close-button-standard-fill-active: #2D2D2E;
1613
1622
  --wds-close-button-standard-fill-disabled: rgba(255, 255, 255, .1);
1614
1623
  --wds-close-button-standard-fill-hover: #454544;
1615
1624
  --wds-close-button-standard-filled-fill: #3A3A3B;
@@ -1728,13 +1737,13 @@
1728
1737
  --wds-icon-button-color-fill-dark-primary-disabled: #3A3A3B;
1729
1738
  --wds-icon-button-color-fill-dark-primary-hover: #D4D3D2;
1730
1739
  --wds-icon-button-color-fill-dark-secondary: rgba(0, 0, 0, 0);
1731
- --wds-icon-button-color-fill-dark-secondary-active: #3A3A3B;
1740
+ --wds-icon-button-color-fill-dark-secondary-active: #2D2D2E;
1732
1741
  --wds-icon-button-color-fill-dark-secondary-disabled: #3A3A3B;
1733
- --wds-icon-button-color-fill-dark-secondary-hover: #2D2D2E;
1742
+ --wds-icon-button-color-fill-dark-secondary-hover: #3A3A3B;
1734
1743
  --wds-icon-button-color-fill-dark-tertiary: rgba(0, 0, 0, 0);
1735
- --wds-icon-button-color-fill-dark-tertiary-active: #3A3A3B;
1744
+ --wds-icon-button-color-fill-dark-tertiary-active: #2D2D2E;
1736
1745
  --wds-icon-button-color-fill-dark-tertiary-disabled: rgba(0, 0, 0, 0);
1737
- --wds-icon-button-color-fill-dark-tertiary-hover: #2D2D2E;
1746
+ --wds-icon-button-color-fill-dark-tertiary-hover: #3A3A3B;
1738
1747
  --wds-icon-button-color-fill-light-primary: #212122;
1739
1748
  --wds-icon-button-color-fill-light-primary-active: #2D354E;
1740
1749
  --wds-icon-button-color-fill-light-primary-disabled: #3A3A3B;
@@ -1892,8 +1901,8 @@
1892
1901
  --wds-linear-progress-bar-value-gap: 4px;
1893
1902
  --wds-list-item-action-affix-margin: 4px;
1894
1903
  --wds-list-item-action-border-radius: 8px;
1895
- --wds-list-item-action-fill-active: #3A3A3B;
1896
- --wds-list-item-action-fill-hover: #2D2D2E;
1904
+ --wds-list-item-action-fill-active: #2D2D2E;
1905
+ --wds-list-item-action-fill-hover: #3A3A3B;
1897
1906
  --wds-list-item-action-gap: 2px;
1898
1907
  --wds-list-item-action-label-fill-active: #FFFFFF;
1899
1908
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -1929,7 +1938,7 @@
1929
1938
  --wds-list-item-section-padding-vertical-neutral: 10px;
1930
1939
  --wds-list-item-section-title-label-fill: #A09E9D;
1931
1940
  --wds-list-item-section-title-label-fill-neutral: #878685;
1932
- --wds-list-item-select-active-fill: #3A3A3B;
1941
+ --wds-list-item-select-active-fill: #2D2D2E;
1933
1942
  --wds-list-item-select-active-fill-active: #2D354E;
1934
1943
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
1935
1944
  --wds-list-item-select-active-fill-disabled: #212122;
@@ -1946,7 +1955,7 @@
1946
1955
  --wds-list-item-select-fill: #212122;
1947
1956
  --wds-list-item-select-fill-active: #212122;
1948
1957
  --wds-list-item-select-fill-disabled: #212122;
1949
- --wds-list-item-select-fill-hover: #2D2D2E;
1958
+ --wds-list-item-select-fill-hover: #3A3A3B;
1950
1959
  --wds-list-item-select-gap: 2px;
1951
1960
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
1952
1961
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
@@ -1979,6 +1988,7 @@
1979
1988
  --wds-loader-fill-error: #FF7680;
1980
1989
  --wds-loader-fill-light: #212122;
1981
1990
  --wds-loader-fill-loading: #E0E7FF;
1991
+ --wds-loader-fill-loading-with-error: #FF7680;
1982
1992
  --wds-loader-fill-success: #82B0FF;
1983
1993
  --wds-loader-stroke-width-large: 2px;
1984
1994
  --wds-loader-stroke-width-medium: 2px;
@@ -2202,7 +2212,9 @@
2202
2212
  --wds-side-panel-control-layout-divider-border-width: false;
2203
2213
  --wds-side-panel-field-padding-horizontal: 16px;
2204
2214
  --wds-side-panel-field-padding-vertical: 12px;
2215
+ --wds-side-panel-floating-border-fill: #3A3A3B;
2205
2216
  --wds-side-panel-floating-border-radius: 12px;
2217
+ --wds-side-panel-floating-border-width: 1px;
2206
2218
  --wds-side-panel-floating-header-padding-left: 16px;
2207
2219
  --wds-side-panel-floating-header-padding-right: 12px;
2208
2220
  --wds-side-panel-floating-header-padding-vertical: 16px;
@@ -2346,9 +2358,9 @@
2346
2358
  --wds-table-list-item-controls-padding-medium: 8px;
2347
2359
  --wds-table-list-item-drag-handle-color: #FFFFFF;
2348
2360
  --wds-table-list-item-fill: #212122;
2349
- --wds-table-list-item-fill-active: #3A3A3B;
2361
+ --wds-table-list-item-fill-active: #2D2D2E;
2350
2362
  --wds-table-list-item-fill-highlight: #2D2D2E;
2351
- --wds-table-list-item-fill-hover: #2D2D2E;
2363
+ --wds-table-list-item-fill-hover: #3A3A3B;
2352
2364
  --wds-table-list-item-gap: 16px;
2353
2365
  --wds-table-list-item-indentation-level-2: 12px;
2354
2366
  --wds-table-list-item-indentation-level-3: 28px;
@@ -2448,7 +2460,7 @@
2448
2460
  --wds-toggle-button-fill-inverted-hover: #454544;
2449
2461
  --wds-toggle-button-fill-inverted-selected: #212122;
2450
2462
  --wds-toggle-button-fill-inverted-selected-disabled: #3A3A3B;
2451
- --wds-toggle-button-fill-inverted-selected-hover: #2D2D2E;
2463
+ --wds-toggle-button-fill-inverted-selected-hover: #3A3A3B;
2452
2464
  --wds-toggle-button-fill-standard: rgba(255, 255, 255, 0);
2453
2465
  --wds-toggle-button-fill-standard-disabled: rgba(255, 255, 255, 0);
2454
2466
  --wds-toggle-button-fill-standard-hover: rgba(255, 255, 255, 0);
@@ -2601,15 +2613,15 @@
2601
2613
  --wds-vertical-tabs-icon-padding-vertical-small: 8px;
2602
2614
  --wds-vertical-tabs-item-active-title-text-disabled: #878685;
2603
2615
  --wds-vertical-tabs-item-fill-light: #212122;
2604
- --wds-vertical-tabs-item-fill-light-active: #3A3A3B;
2616
+ --wds-vertical-tabs-item-fill-light-active: #2D2D2E;
2605
2617
  --wds-vertical-tabs-item-fill-light-disabled: #212122;
2606
- --wds-vertical-tabs-item-fill-light-hover: #2D2D2E;
2618
+ --wds-vertical-tabs-item-fill-light-hover: #3A3A3B;
2607
2619
  --wds-vertical-tabs-item-fill-light-premium: #212122;
2608
2620
  --wds-vertical-tabs-item-fill-light-premium-active: #2D354E;
2609
2621
  --wds-vertical-tabs-item-fill-light-premium-disabled: #212122;
2610
2622
  --wds-vertical-tabs-item-fill-light-premium-hover: #212328;
2611
2623
  --wds-vertical-tabs-item-fill-neutral: #2D2D2E;
2612
- --wds-vertical-tabs-item-fill-neutral-active: #3A3A3B;
2624
+ --wds-vertical-tabs-item-fill-neutral-active: #2D2D2E;
2613
2625
  --wds-vertical-tabs-item-fill-neutral-disabled: #2D2D2E;
2614
2626
  --wds-vertical-tabs-item-fill-neutral-hover: #454544;
2615
2627
  --wds-vertical-tabs-item-fill-neutral-premium: #2D2D2E;
@@ -2617,9 +2629,9 @@
2617
2629
  --wds-vertical-tabs-item-fill-neutral-premium-disabled: #2D2D2E;
2618
2630
  --wds-vertical-tabs-item-fill-neutral-premium-hover: #212328;
2619
2631
  --wds-vertical-tabs-item-fill-standard: #212122;
2620
- --wds-vertical-tabs-item-fill-standard-active: #3A3A3B;
2632
+ --wds-vertical-tabs-item-fill-standard-active: #2D2D2E;
2621
2633
  --wds-vertical-tabs-item-fill-standard-disabled: #212122;
2622
- --wds-vertical-tabs-item-fill-standard-hover: #2D2D2E;
2634
+ --wds-vertical-tabs-item-fill-standard-hover: #3A3A3B;
2623
2635
  --wds-vertical-tabs-item-fill-standard-premium: #212122;
2624
2636
  --wds-vertical-tabs-item-fill-standard-premium-active: #2D354E;
2625
2637
  --wds-vertical-tabs-item-fill-standard-premium-disabled: #212328;
package/odeditor-dark/semantic.st.css CHANGED
@@ -630,9 +630,9 @@
630
630
  --wds-color-fill-dark-secondary-disabled: rgba(255, 255, 255, .1);
631
631
  --wds-color-fill-dark-secondary-hover: #454544;
632
632
  --wds-color-fill-dark-tertiary: #212122;
633
- --wds-color-fill-dark-tertiary-active: #3A3A3B;
633
+ --wds-color-fill-dark-tertiary-active: #2D2D2E;
634
634
  --wds-color-fill-dark-tertiary-disabled: #212122;
635
- --wds-color-fill-dark-tertiary-hover: #2D2D2E;
635
+ --wds-color-fill-dark-tertiary-hover: #3A3A3B;
636
636
  --wds-color-fill-destructive-primary: #FF7680;
637
637
  --wds-color-fill-destructive-primary-active: #F9D6D7;
638
638
  --wds-color-fill-destructive-primary-disabled: rgba(255, 255, 255, .3);
@@ -774,10 +774,10 @@
774
774
  --wds-color-fill-surface-default: #212122;
775
775
  --wds-color-fill-surface-destructive: #4D2324;
776
776
  --wds-color-fill-surface-modal: #212122;
777
- --wds-color-fill-surface-modal-backdrop: rgba(212, 211, 210, .5);
777
+ --wds-color-fill-surface-modal-backdrop: rgba(0, 0, 0, .2);
778
778
  --wds-color-fill-surface-neutral: #2D2D2E;
779
779
  --wds-color-fill-surface-overlay: #212122;
780
- --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.70);
780
+ --wds-color-fill-surface-overlay-blur: rgba(33, 33, 34, 0.92);
781
781
  --wds-color-fill-surface-overlay-dark: #FFFFFF;
782
782
  --wds-color-fill-surface-premium: #111214;
783
783
  --wds-color-fill-surface-raised: #212122;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.181.0",
3
+ "version": "1.183.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -34,5 +34,5 @@
34
34
  "author": "augustinasv@wix.com",
35
35
  "description": "Design system tokens",
36
36
  "packageManager": "yarn@3.5.0",
37
- "falconPackageHash": "7bf6ff281497c4279928ed945865f01e8f78e3eb0e9e43c3b8062a30"
37
+ "falconPackageHash": "11751591c770cac4a67e19dfa0d2a686f579f775226b88f6d6ff35a8"
38
38
  }
package/studio/all.css CHANGED
@@ -1031,7 +1031,9 @@
1031
1031
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-300);
1032
1032
  --wds-side-panel-floating-header-padding-right: var(--wds-space-200);
1033
1033
  --wds-side-panel-floating-header-padding-left: var(--wds-space-600);
1034
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
1034
1035
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-200);
1036
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
1035
1037
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1036
1038
  --wds-side-panel-field-padding-horizontal: var(--wds-space-600);
1037
1039
  --wds-side-panel-content-padding-vertical: var(--wds-space-600);
@@ -1719,6 +1721,7 @@
1719
1721
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1720
1722
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1721
1723
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1724
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1722
1725
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1723
1726
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1724
1727
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
package/studio/all.scss CHANGED
@@ -636,7 +636,9 @@
636
636
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-300);
637
637
  --wds-side-panel-floating-header-padding-right: var(--wds-space-200);
638
638
  --wds-side-panel-floating-header-padding-left: var(--wds-space-600);
639
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
639
640
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-200);
641
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
640
642
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
641
643
  --wds-side-panel-field-padding-horizontal: var(--wds-space-600);
642
644
  --wds-side-panel-content-padding-vertical: var(--wds-space-600);
@@ -1708,6 +1710,7 @@
1708
1710
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1709
1711
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1710
1712
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1713
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1711
1714
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1712
1715
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1713
1716
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
package/studio/all.st.css CHANGED
@@ -1262,6 +1262,7 @@
1262
1262
  @property st-global(--wds-loader-fill-error);
1263
1263
  @property st-global(--wds-loader-fill-light);
1264
1264
  @property st-global(--wds-loader-fill-loading);
1265
+ @property st-global(--wds-loader-fill-loading-with-error);
1265
1266
  @property st-global(--wds-loader-fill-success);
1266
1267
  @property st-global(--wds-loader-stroke-width-large);
1267
1268
  @property st-global(--wds-loader-stroke-width-medium);
@@ -1595,7 +1596,9 @@
1595
1596
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
1596
1597
  @property st-global(--wds-side-panel-field-padding-horizontal);
1597
1598
  @property st-global(--wds-side-panel-field-padding-vertical);
1599
+ @property st-global(--wds-side-panel-floating-border-fill);
1598
1600
  @property st-global(--wds-side-panel-floating-border-radius);
1601
+ @property st-global(--wds-side-panel-floating-border-width);
1599
1602
  @property st-global(--wds-side-panel-floating-header-padding-left);
1600
1603
  @property st-global(--wds-side-panel-floating-header-padding-right);
1601
1604
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -3354,6 +3357,7 @@
3354
3357
  --wds-loader-fill-error: #ee4437;
3355
3358
  --wds-loader-fill-light: #ffffff;
3356
3359
  --wds-loader-fill-loading: #084ebd;
3360
+ --wds-loader-fill-loading-with-error: #ee4437;
3357
3361
  --wds-loader-fill-success: #116dff;
3358
3362
  --wds-loader-stroke-width-large: 4px;
3359
3363
  --wds-loader-stroke-width-medium: 4px;
@@ -3687,7 +3691,9 @@
3687
3691
  --wds-side-panel-control-layout-divider-border-width: 0px;
3688
3692
  --wds-side-panel-field-padding-horizontal: 24px;
3689
3693
  --wds-side-panel-field-padding-vertical: 12px;
3694
+ --wds-side-panel-floating-border-fill: #edeef2;
3690
3695
  --wds-side-panel-floating-border-radius: 4px;
3696
+ --wds-side-panel-floating-border-width: 0px;
3691
3697
  --wds-side-panel-floating-header-padding-left: 24px;
3692
3698
  --wds-side-panel-floating-header-padding-right: 8px;
3693
3699
  --wds-side-panel-floating-header-padding-vertical: 12px;
package/studio/component.st.css CHANGED
@@ -699,6 +699,7 @@
699
699
  @property st-global(--wds-loader-fill-error);
700
700
  @property st-global(--wds-loader-fill-light);
701
701
  @property st-global(--wds-loader-fill-loading);
702
+ @property st-global(--wds-loader-fill-loading-with-error);
702
703
  @property st-global(--wds-loader-fill-success);
703
704
  @property st-global(--wds-loader-stroke-width-large);
704
705
  @property st-global(--wds-loader-stroke-width-medium);
@@ -923,7 +924,9 @@
923
924
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
924
925
  @property st-global(--wds-side-panel-field-padding-horizontal);
925
926
  @property st-global(--wds-side-panel-field-padding-vertical);
927
+ @property st-global(--wds-side-panel-floating-border-fill);
926
928
  @property st-global(--wds-side-panel-floating-border-radius);
929
+ @property st-global(--wds-side-panel-floating-border-width);
927
930
  @property st-global(--wds-side-panel-floating-header-padding-left);
928
931
  @property st-global(--wds-side-panel-floating-header-padding-right);
929
932
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -2073,6 +2076,7 @@
2073
2076
  --wds-loader-fill-error: #ee4437;
2074
2077
  --wds-loader-fill-light: #ffffff;
2075
2078
  --wds-loader-fill-loading: #084ebd;
2079
+ --wds-loader-fill-loading-with-error: #ee4437;
2076
2080
  --wds-loader-fill-success: #116dff;
2077
2081
  --wds-loader-stroke-width-large: 4px;
2078
2082
  --wds-loader-stroke-width-medium: 4px;
@@ -2297,7 +2301,9 @@
2297
2301
  --wds-side-panel-control-layout-divider-border-width: 0px;
2298
2302
  --wds-side-panel-field-padding-horizontal: 24px;
2299
2303
  --wds-side-panel-field-padding-vertical: 12px;
2304
+ --wds-side-panel-floating-border-fill: #edeef2;
2300
2305
  --wds-side-panel-floating-border-radius: 4px;
2306
+ --wds-side-panel-floating-border-width: 0px;
2301
2307
  --wds-side-panel-floating-header-padding-left: 24px;
2302
2308
  --wds-side-panel-floating-header-padding-right: 8px;
2303
2309
  --wds-side-panel-floating-header-padding-vertical: 12px;
package/wixel/all.css CHANGED
@@ -1006,7 +1006,9 @@
1006
1006
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-475);
1007
1007
  --wds-side-panel-floating-header-padding-right: var(--wds-space-400);
1008
1008
  --wds-side-panel-floating-header-padding-left: var(--wds-space-600);
1009
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
1009
1010
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
1011
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
1010
1012
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
1011
1013
  --wds-side-panel-field-padding-horizontal: var(--wds-space-600);
1012
1014
  --wds-side-panel-content-padding-vertical: var(--wds-space-600);
@@ -1661,6 +1663,7 @@
1661
1663
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1662
1664
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1663
1665
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1666
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1664
1667
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1665
1668
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1666
1669
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
package/wixel/all.scss CHANGED
@@ -627,7 +627,9 @@
627
627
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-475);
628
628
  --wds-side-panel-floating-header-padding-right: var(--wds-space-400);
629
629
  --wds-side-panel-floating-header-padding-left: var(--wds-space-600);
630
+ --wds-side-panel-floating-border-width: var(--wds-border-width-none);
630
631
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
632
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
631
633
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
632
634
  --wds-side-panel-field-padding-horizontal: var(--wds-space-600);
633
635
  --wds-side-panel-content-padding-vertical: var(--wds-space-600);
@@ -1650,6 +1652,7 @@
1650
1652
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1651
1653
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1652
1654
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1655
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1653
1656
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1654
1657
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1655
1658
  --wds-loader-fill: var(--wds-color-fill-standard-secondary);
package/wixel/all.st.css CHANGED
@@ -1240,6 +1240,7 @@
1240
1240
  @property st-global(--wds-loader-fill-error);
1241
1241
  @property st-global(--wds-loader-fill-light);
1242
1242
  @property st-global(--wds-loader-fill-loading);
1243
+ @property st-global(--wds-loader-fill-loading-with-error);
1243
1244
  @property st-global(--wds-loader-fill-success);
1244
1245
  @property st-global(--wds-loader-stroke-width-large);
1245
1246
  @property st-global(--wds-loader-stroke-width-medium);
@@ -1550,7 +1551,9 @@
1550
1551
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
1551
1552
  @property st-global(--wds-side-panel-field-padding-horizontal);
1552
1553
  @property st-global(--wds-side-panel-field-padding-vertical);
1554
+ @property st-global(--wds-side-panel-floating-border-fill);
1553
1555
  @property st-global(--wds-side-panel-floating-border-radius);
1556
+ @property st-global(--wds-side-panel-floating-border-width);
1554
1557
  @property st-global(--wds-side-panel-floating-header-padding-left);
1555
1558
  @property st-global(--wds-side-panel-floating-header-padding-right);
1556
1559
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -3280,6 +3283,7 @@
3280
3283
  --wds-loader-fill-error: #ee4437;
3281
3284
  --wds-loader-fill-light: #ffffff;
3282
3285
  --wds-loader-fill-loading: #4637e3;
3286
+ --wds-loader-fill-loading-with-error: #ee4437;
3283
3287
  --wds-loader-fill-success: #4a57ff;
3284
3288
  --wds-loader-stroke-width-large: 4px;
3285
3289
  --wds-loader-stroke-width-medium: 4px;
@@ -3590,7 +3594,9 @@
3590
3594
  --wds-side-panel-control-layout-divider-border-width: false;
3591
3595
  --wds-side-panel-field-padding-horizontal: 24px;
3592
3596
  --wds-side-panel-field-padding-vertical: 12px;
3597
+ --wds-side-panel-floating-border-fill: #edeef2;
3593
3598
  --wds-side-panel-floating-border-radius: 12px;
3599
+ --wds-side-panel-floating-border-width: 0px;
3594
3600
  --wds-side-panel-floating-header-padding-left: 24px;
3595
3601
  --wds-side-panel-floating-header-padding-right: 16px;
3596
3602
  --wds-side-panel-floating-header-padding-vertical: 18px;
package/wixel/component.st.css CHANGED
@@ -679,6 +679,7 @@
679
679
  @property st-global(--wds-loader-fill-error);
680
680
  @property st-global(--wds-loader-fill-light);
681
681
  @property st-global(--wds-loader-fill-loading);
682
+ @property st-global(--wds-loader-fill-loading-with-error);
682
683
  @property st-global(--wds-loader-fill-success);
683
684
  @property st-global(--wds-loader-stroke-width-large);
684
685
  @property st-global(--wds-loader-stroke-width-medium);
@@ -896,7 +897,9 @@
896
897
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
897
898
  @property st-global(--wds-side-panel-field-padding-horizontal);
898
899
  @property st-global(--wds-side-panel-field-padding-vertical);
900
+ @property st-global(--wds-side-panel-floating-border-fill);
899
901
  @property st-global(--wds-side-panel-floating-border-radius);
902
+ @property st-global(--wds-side-panel-floating-border-width);
900
903
  @property st-global(--wds-side-panel-floating-header-padding-left);
901
904
  @property st-global(--wds-side-panel-floating-header-padding-right);
902
905
  @property st-global(--wds-side-panel-floating-header-padding-vertical);
@@ -2019,6 +2022,7 @@
2019
2022
  --wds-loader-fill-error: #ee4437;
2020
2023
  --wds-loader-fill-light: #ffffff;
2021
2024
  --wds-loader-fill-loading: #4637e3;
2025
+ --wds-loader-fill-loading-with-error: #ee4437;
2022
2026
  --wds-loader-fill-success: #4a57ff;
2023
2027
  --wds-loader-stroke-width-large: 4px;
2024
2028
  --wds-loader-stroke-width-medium: 4px;
@@ -2236,7 +2240,9 @@
2236
2240
  --wds-side-panel-control-layout-divider-border-width: false;
2237
2241
  --wds-side-panel-field-padding-horizontal: 24px;
2238
2242
  --wds-side-panel-field-padding-vertical: 12px;
2243
+ --wds-side-panel-floating-border-fill: #edeef2;
2239
2244
  --wds-side-panel-floating-border-radius: 12px;
2245
+ --wds-side-panel-floating-border-width: 0px;
2240
2246
  --wds-side-panel-floating-header-padding-left: 24px;
2241
2247
  --wds-side-panel-floating-header-padding-right: 16px;
2242
2248
  --wds-side-panel-floating-header-padding-vertical: 18px;