@wix/design-system-tokens 1.182.0 → 1.184.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 +12 -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 +26 -20
  11. package/odeditor-dark/all.scss +26 -20
  12. package/odeditor-dark/all.st.css +51 -39
  13. package/odeditor-dark/component.st.css +43 -31
  14. package/odeditor-dark/semantic.st.css +8 -8
  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,15 @@
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
+
1
13
  ## 1.182.0 - 2026-04-13
2
14
 
3
15
  ### 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
@@ -35,7 +35,6 @@
35
35
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
36
36
  --wds-shadow-y-secondary-toggle-button: 1.2px;
37
37
  --wds-shadow-y-secondary-overlay: 12;
38
- --wds-shadow-y-primary-modal: 9;
39
38
  --wds-shadow-y-600: 20px;
40
39
  --wds-shadow-y-350: 10px;
41
40
  --wds-shadow-y-300: 12px;
@@ -438,10 +437,10 @@
438
437
  --wds-shadow-fill-primary-raised: var(--wds-color-white-transparent-30);
439
438
  --wds-shadow-fill-primary-overlay-dark: var(--wds-color-white-transparent-30);
440
439
  --wds-shadow-fill-primary-overlay: var(--wds-color-white-transparent-30);
441
- --wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-30);
440
+ --wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-20);
442
441
  --wds-shadow-fill-input: var(--wds-color-white-transparent-20);
443
442
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
444
- --wds-shadow-y-secondary-raised: var(--wds-shadow-y-50);
443
+ --wds-shadow-y-secondary-raised: var(--wds-shadow-y-100);
445
444
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
446
445
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
447
446
  --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
@@ -449,10 +448,11 @@
449
448
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
450
449
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
451
450
  --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
451
+ --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
452
452
  --wds-shadow-y-input: var(--wds-shadow-y-25);
453
453
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
454
454
  --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
455
- --wds-shadow-x-primary-modal: var(--wds-shadow-x-0);
455
+ --wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
456
456
  --wds-shadow-x-input: var(--wds-shadow-x-25);
457
457
  --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
458
458
  --wds-shadow-inner-400-top: 0 32px 24px -24px var(--wds-color-white-transparent-20) inset, 0 8px 6px -6px var(--wds-color-white-transparent-5) inset;
@@ -476,7 +476,7 @@
476
476
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-50);
477
477
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
478
478
  --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-125);
479
- --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-500);
479
+ --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
480
480
  --wds-shadow-blur-input: var(--wds-shadow-blur-35);
481
481
  --wds-shadow-400: 0 8px 8px var(--wds-color-white-transparent-10), 0 3px 24px var(--wds-color-white-transparent-20);
482
482
  --wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-white-transparent-30), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-white-transparent-30);
@@ -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);
@@ -1304,7 +1307,10 @@
1304
1307
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
1305
1308
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
1306
1309
  --wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
1310
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-blue-200);
1307
1311
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
1312
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-100);
1313
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-blue-150);
1308
1314
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
1309
1315
  --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
1310
1316
  --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
@@ -1454,7 +1460,10 @@
1454
1460
  --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1455
1461
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1456
1462
  --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1463
+ --wds-button-fill-standard-primary-hover: var(--wds-color-blue-200);
1457
1464
  --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1465
+ --wds-button-fill-standard-primary-active: var(--wds-color-blue-100);
1466
+ --wds-button-fill-standard-primary: var(--wds-color-blue-150);
1458
1467
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1459
1468
  --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1460
1469
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
@@ -1534,7 +1543,6 @@
1534
1543
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1535
1544
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1536
1545
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1537
- --wds-accordion-inner-content-fill: var(--wds-color-white);
1538
1546
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1539
1547
  --wds-shadow-surface-raised: var(--wds-shadow-200);
1540
1548
  --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
@@ -1551,7 +1559,6 @@
1551
1559
  --wds-font-line-height-body-small: var(--wds-font-line-height-300);
1552
1560
  --wds-font-line-height-body-medium: var(--wds-font-line-height-400);
1553
1561
  --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
1562
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
1556
1563
  --wds-vertical-tabs-item-label-text-premium: var(--wds-color-text-premium);
1557
1564
  --wds-vertical-tabs-item-label-text-active: var(--wds-color-text-standard-primary);
@@ -1724,6 +1731,7 @@
1724
1731
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1725
1732
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1726
1733
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1734
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1727
1735
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1728
1736
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1729
1737
  --wds-loader-fill: var(--wds-color-fill-dark-secondary);
@@ -1779,9 +1787,9 @@
1779
1787
  --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1780
1788
  --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1781
1789
  --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
1782
- --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1783
- --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1784
- --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
1790
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary);
1791
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary);
1792
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary);
1785
1793
  --wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-fill-premium-primary-active);
1786
1794
  --wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-fill-premium-primary-active);
1787
1795
  --wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
@@ -1816,9 +1824,6 @@
1816
1824
  --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
1817
1825
  --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1818
1826
  --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1819
- --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1820
- --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1821
- --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
1822
1827
  --wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-secondary-hover);
1823
1828
  --wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-secondary-disabled);
1824
1829
  --wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-secondary-active);
@@ -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
@@ -99,7 +99,6 @@
99
99
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
100
100
  --wds-shadow-y-secondary-toggle-button: 1.2px;
101
101
  --wds-shadow-y-secondary-overlay: 12;
102
- --wds-shadow-y-primary-modal: 9;
103
102
  --wds-shadow-y-600: 20px;
104
103
  --wds-shadow-y-350: 10px;
105
104
  --wds-shadow-y-300: 12px;
@@ -639,14 +638,16 @@
639
638
  --wds-side-panel-floating-header-padding-vertical: var(--wds-space-400);
640
639
  --wds-side-panel-floating-header-padding-right: var(--wds-space-300);
641
640
  --wds-side-panel-floating-header-padding-left: var(--wds-space-400);
641
+ --wds-side-panel-floating-border-width: var(--wds-border-width-100);
642
642
  --wds-side-panel-floating-border-radius: var(--wds-border-radius-600);
643
+ --wds-side-panel-floating-border-fill: var(--wds-color-black-700);
643
644
  --wds-side-panel-field-padding-vertical: var(--wds-space-300);
644
645
  --wds-side-panel-field-padding-horizontal: var(--wds-space-400);
645
646
  --wds-side-panel-content-padding-vertical: var(--wds-space-400);
646
647
  --wds-side-panel-content-padding-horizontal: var(--wds-space-400);
647
648
  --wds-side-panel-back-button-top-padding: var(--wds-space-50);
648
649
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
649
- --wds-shadow-y-secondary-raised: var(--wds-shadow-y-50);
650
+ --wds-shadow-y-secondary-raised: var(--wds-shadow-y-100);
650
651
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
651
652
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
652
653
  --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
@@ -654,10 +655,11 @@
654
655
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-0);
655
656
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
656
657
  --wds-shadow-y-primary-overlay: var(--wds-shadow-y-0);
658
+ --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
657
659
  --wds-shadow-y-input: var(--wds-shadow-y-25);
658
660
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-0);
659
661
  --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
660
- --wds-shadow-x-primary-modal: var(--wds-shadow-x-0);
662
+ --wds-shadow-x-primary-modal: var(--wds-shadow-x-50);
661
663
  --wds-shadow-x-input: var(--wds-shadow-x-25);
662
664
  --wds-shadow-surface-modal: var(--wds-shadow-x-50) var(--wds-shadow-y-600) var(--wds-shadow-blur-800) var(--wds-color-white-transparent-30), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) var(--wds-color-white-transparent-30);
663
665
  --wds-shadow-inner-400-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
@@ -693,7 +695,7 @@
693
695
  --wds-shadow-fill-primary-raised: var(--wds-color-white-transparent-30);
694
696
  --wds-shadow-fill-primary-overlay-dark: var(--wds-color-white-transparent-30);
695
697
  --wds-shadow-fill-primary-overlay: var(--wds-color-white-transparent-30);
696
- --wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-30);
698
+ --wds-shadow-fill-primary-modal: var(--wds-color-white-transparent-20);
697
699
  --wds-shadow-fill-input: var(--wds-color-white-transparent-20);
698
700
  --wds-shadow-blur-secondary-toggle: var(--wds-shadow-blur-0);
699
701
  --wds-shadow-blur-secondary-raised: var(--wds-shadow-blur-50);
@@ -705,7 +707,7 @@
705
707
  --wds-shadow-blur-primary-raised: var(--wds-shadow-blur-50);
706
708
  --wds-shadow-blur-primary-overlay-dark: var(--wds-shadow-blur-125);
707
709
  --wds-shadow-blur-primary-overlay: var(--wds-shadow-blur-125);
708
- --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-500);
710
+ --wds-shadow-blur-primary-modal: var(--wds-shadow-blur-800);
709
711
  --wds-shadow-blur-input: var(--wds-shadow-blur-35);
710
712
  --wds-shadow-400: 0 8px 8px var(--wds-color-white-transparent-10), 0 3px 24px var(--wds-color-white-transparent-20);
711
713
  --wds-shadow-300: 0 var(--wds-shadow-y-300) var(--wds-shadow-blur-800) 0 var(--wds-color-white-transparent-30), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) 0 var(--wds-color-white-transparent-30);
@@ -979,7 +981,10 @@
979
981
  --wds-icon-button-color-text-dark-primary-disabled: var(--wds-color-black-500);
980
982
  --wds-icon-button-color-fill-standard-secondary-disabled: var(--wds-color-black-700);
981
983
  --wds-icon-button-color-fill-standard-secondary: var(--wds-color-black-100-transparent-0);
984
+ --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-blue-200);
982
985
  --wds-icon-button-color-fill-standard-primary-disabled: var(--wds-color-black-700);
986
+ --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-blue-100);
987
+ --wds-icon-button-color-fill-standard-primary: var(--wds-color-blue-150);
983
988
  --wds-icon-button-color-fill-premium-secondary-disabled: var(--wds-color-black-700);
984
989
  --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
985
990
  --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
@@ -1148,6 +1153,7 @@
1148
1153
  --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
1149
1154
  --wds-color-fill-surface-overlay: var(--wds-color-white);
1150
1155
  --wds-color-fill-surface-neutral: var(--wds-color-black-750);
1156
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-white-transparent-20);
1151
1157
  --wds-color-fill-surface-modal: var(--wds-color-white);
1152
1158
  --wds-color-fill-surface-destructive: var(--wds-color-red-500);
1153
1159
  --wds-color-fill-surface-default: var(--wds-color-white);
@@ -1249,9 +1255,9 @@
1249
1255
  --wds-color-fill-destructive-primary-disabled: var(--wds-color-black-100-transparent-30);
1250
1256
  --wds-color-fill-destructive-primary-active: var(--wds-color-red-0);
1251
1257
  --wds-color-fill-destructive-primary: var(--wds-color-red-100);
1252
- --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-750);
1258
+ --wds-color-fill-dark-tertiary-hover: var(--wds-color-black-700);
1253
1259
  --wds-color-fill-dark-tertiary-disabled: var(--wds-color-white);
1254
- --wds-color-fill-dark-tertiary-active: var(--wds-color-black-700);
1260
+ --wds-color-fill-dark-tertiary-active: var(--wds-color-black-750);
1255
1261
  --wds-color-fill-dark-tertiary: var(--wds-color-white);
1256
1262
  --wds-color-fill-dark-secondary-hover: var(--wds-color-black-600);
1257
1263
  --wds-color-fill-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1444,7 +1450,10 @@
1444
1450
  --wds-button-font-weight-large: var(--wds-font-weight-semi-bold);
1445
1451
  --wds-button-fill-standard-secondary-disabled: var(--wds-color-black-700);
1446
1452
  --wds-button-fill-standard-secondary: var(--wds-color-white-transparent-0);
1453
+ --wds-button-fill-standard-primary-hover: var(--wds-color-blue-200);
1447
1454
  --wds-button-fill-standard-primary-disabled: var(--wds-color-black-700);
1455
+ --wds-button-fill-standard-primary-active: var(--wds-color-blue-100);
1456
+ --wds-button-fill-standard-primary: var(--wds-color-blue-150);
1448
1457
  --wds-button-fill-premium-secondary-disabled: var(--wds-color-black-700);
1449
1458
  --wds-button-fill-premium-secondary: var(--wds-color-white-transparent-0);
1450
1459
  --wds-button-fill-premium-primary-disabled: var(--wds-color-black-700);
@@ -1534,7 +1543,6 @@
1534
1543
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1535
1544
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1536
1545
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1537
- --wds-accordion-inner-content-fill: var(--wds-color-white);
1538
1546
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1539
1547
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
1540
1548
  --wds-vertical-tabs-item-label-text-premium-active: var(--wds-color-text-premium);
@@ -1713,6 +1721,7 @@
1713
1721
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1714
1722
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1715
1723
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1724
+ --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1716
1725
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
1717
1726
  --wds-loader-fill-error: var(--wds-color-fill-destructive-primary);
1718
1727
  --wds-loader-fill: var(--wds-color-fill-dark-secondary);
@@ -1768,9 +1777,9 @@
1768
1777
  --wds-icon-button-color-text-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
1769
1778
  --wds-icon-button-color-text-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
1770
1779
  --wds-icon-button-color-text-standard-secondary: var(--wds-color-text-primary);
1771
- --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary-light);
1772
- --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary-light);
1773
- --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary-light);
1780
+ --wds-icon-button-color-text-standard-primary-hover: var(--wds-color-text-standard-primary);
1781
+ --wds-icon-button-color-text-standard-primary-active: var(--wds-color-text-standard-primary);
1782
+ --wds-icon-button-color-text-standard-primary: var(--wds-color-text-standard-primary);
1774
1783
  --wds-icon-button-color-text-premium-tertiary-hover: var(--wds-color-fill-premium-primary-active);
1775
1784
  --wds-icon-button-color-text-premium-tertiary-active: var(--wds-color-fill-premium-primary-active);
1776
1785
  --wds-icon-button-color-text-premium-tertiary: var(--wds-color-text-premium);
@@ -1805,9 +1814,6 @@
1805
1814
  --wds-icon-button-color-fill-standard-tertiary: var(--wds-color-fill-light-secondary);
1806
1815
  --wds-icon-button-color-fill-standard-secondary-hover: var(--wds-color-fill-standard-tertiary-hover);
1807
1816
  --wds-icon-button-color-fill-standard-secondary-active: var(--wds-color-fill-standard-tertiary-active);
1808
- --wds-icon-button-color-fill-standard-primary-hover: var(--wds-color-fill-standard-primary-hover);
1809
- --wds-icon-button-color-fill-standard-primary-active: var(--wds-color-fill-standard-primary-active);
1810
- --wds-icon-button-color-fill-standard-primary: var(--wds-color-fill-standard-primary);
1811
1817
  --wds-icon-button-color-fill-premium-tertiary-hover: var(--wds-color-fill-premium-secondary-hover);
1812
1818
  --wds-icon-button-color-fill-premium-tertiary-disabled: var(--wds-color-fill-premium-secondary-disabled);
1813
1819
  --wds-icon-button-color-fill-premium-tertiary-active: var(--wds-color-fill-premium-secondary-active);
@@ -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);