@wix/design-system-tokens 1.178.0 → 1.179.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 (28) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +7 -3
  3. package/all.scss +7 -3
  4. package/all.st.css +14 -6
  5. package/component.st.css +12 -6
  6. package/foundation.st.css +2 -0
  7. package/odeditor/all.css +7 -3
  8. package/odeditor/all.scss +7 -3
  9. package/odeditor/all.st.css +14 -6
  10. package/odeditor/component.st.css +12 -6
  11. package/odeditor/foundation.st.css +2 -0
  12. package/odeditor-dark/all.css +12 -8
  13. package/odeditor-dark/all.scss +12 -8
  14. package/odeditor-dark/all.st.css +262 -254
  15. package/odeditor-dark/component.st.css +196 -190
  16. package/odeditor-dark/foundation.st.css +7 -5
  17. package/odeditor-dark/semantic.st.css +59 -59
  18. package/package.json +2 -2
  19. package/studio/all.css +7 -3
  20. package/studio/all.scss +7 -3
  21. package/studio/all.st.css +14 -6
  22. package/studio/component.st.css +12 -6
  23. package/studio/foundation.st.css +2 -0
  24. package/wixel/all.css +7 -3
  25. package/wixel/all.scss +7 -3
  26. package/wixel/all.st.css +14 -6
  27. package/wixel/component.st.css +12 -6
  28. package/wixel/foundation.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.179.0 - 2026-04-02
2
+
3
+ ### Features
4
+
5
+ - feat(SelectorButton): rename text-fill tokens to text-fill-dark [16086](https://github.com/wix-private/wix-design-systems/pull/16086)
6
+
1
7
  ## 1.177.0 - 2026-03-31
2
8
 
3
9
  ### Bug Fixes
package/all.css CHANGED
@@ -200,6 +200,7 @@
200
200
  --wds-color-blue-300: #a8caff;
201
201
  --wds-color-blue-250: #80b1ff;
202
202
  --wds-color-blue-200: #5999ff;
203
+ --wds-color-blue-150: #116DFF;
203
204
  --wds-color-blue-100: #116dff;
204
205
  --wds-color-blue-50: #0f62e6;
205
206
  --wds-color-blue-0: #084ebd;
@@ -1601,10 +1602,13 @@
1601
1602
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1602
1603
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1603
1604
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1604
- --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1605
- --wds-selector-button-text-fill-hover: var(--wds-color-text-primary);
1605
+ --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1606
+ --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1607
+ --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1608
+ --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-primary);
1609
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1610
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1606
1611
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1607
- --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1608
1612
  --wds-selector-button-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1609
1613
  --wds-selector-button-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1610
1614
  --wds-selector-button-fill-disabled: var(--wds-color-fill-standard-tertiary);
package/all.scss CHANGED
@@ -264,6 +264,7 @@
264
264
  --wds-color-blue-300: #a8caff;
265
265
  --wds-color-blue-250: #80b1ff;
266
266
  --wds-color-blue-200: #5999ff;
267
+ --wds-color-blue-150: #116DFF;
267
268
  --wds-color-blue-100: #116dff;
268
269
  --wds-color-blue-50: #0f62e6;
269
270
  --wds-color-blue-0: #084ebd;
@@ -1591,10 +1592,13 @@
1591
1592
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1592
1593
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1593
1594
  --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1594
- --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1595
- --wds-selector-button-text-fill-hover: var(--wds-color-text-primary);
1595
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1596
+ --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1597
+ --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1598
+ --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1599
+ --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-primary);
1596
1600
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1597
- --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1601
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1598
1602
  --wds-selector-button-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
1599
1603
  --wds-selector-button-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1600
1604
  --wds-selector-button-fill-disabled: var(--wds-color-fill-standard-tertiary);
package/all.st.css CHANGED
@@ -375,6 +375,7 @@
375
375
  @property st-global(--wds-color-blue-0);
376
376
  @property st-global(--wds-color-blue-50);
377
377
  @property st-global(--wds-color-blue-100);
378
+ @property st-global(--wds-color-blue-150);
378
379
  @property st-global(--wds-color-blue-200);
379
380
  @property st-global(--wds-color-blue-250);
380
381
  @property st-global(--wds-color-blue-300);
@@ -1473,10 +1474,13 @@
1473
1474
  @property st-global(--wds-selector-button-size-large);
1474
1475
  @property st-global(--wds-selector-button-size-medium);
1475
1476
  @property st-global(--wds-selector-button-size-small);
1476
- @property st-global(--wds-selector-button-text-fill);
1477
+ @property st-global(--wds-selector-button-text-fill-dark);
1477
1478
  @property st-global(--wds-selector-button-text-fill-disabled);
1478
- @property st-global(--wds-selector-button-text-fill-hover);
1479
- @property st-global(--wds-selector-button-text-fill-pressed);
1479
+ @property st-global(--wds-selector-button-text-fill-hover-dark);
1480
+ @property st-global(--wds-selector-button-text-fill-hover-standard);
1481
+ @property st-global(--wds-selector-button-text-fill-pressed-dark);
1482
+ @property st-global(--wds-selector-button-text-fill-pressed-standard);
1483
+ @property st-global(--wds-selector-button-text-fill-standard);
1480
1484
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1481
1485
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1482
1486
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -2464,6 +2468,7 @@
2464
2468
  --wds-color-blue-0: #084ebd;
2465
2469
  --wds-color-blue-50: #0f62e6;
2466
2470
  --wds-color-blue-100: #116dff;
2471
+ --wds-color-blue-150: #116DFF;
2467
2472
  --wds-color-blue-200: #5999ff;
2468
2473
  --wds-color-blue-250: #80b1ff;
2469
2474
  --wds-color-blue-300: #a8caff;
@@ -3562,10 +3567,13 @@
3562
3567
  --wds-selector-button-size-large: 42px;
3563
3568
  --wds-selector-button-size-medium: 36px;
3564
3569
  --wds-selector-button-size-small: 30px;
3565
- --wds-selector-button-text-fill: #000624;
3570
+ --wds-selector-button-text-fill-dark: #000624;
3566
3571
  --wds-selector-button-text-fill-disabled: rgba(0, 6, 36, .3);
3567
- --wds-selector-button-text-fill-hover: #116dff;
3568
- --wds-selector-button-text-fill-pressed: #116dff;
3572
+ --wds-selector-button-text-fill-hover-dark: #116dff;
3573
+ --wds-selector-button-text-fill-hover-standard: #0f62e6;
3574
+ --wds-selector-button-text-fill-pressed-dark: #116dff;
3575
+ --wds-selector-button-text-fill-pressed-standard: #116dff;
3576
+ --wds-selector-button-text-fill-standard: #116dff;
3569
3577
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3570
3578
  --wds-selector-list-item-padding-horizontal-small: 18px;
3571
3579
  --wds-selector-list-item-padding-vertical-medium: 12px;
package/component.st.css CHANGED
@@ -909,10 +909,13 @@
909
909
  @property st-global(--wds-selector-button-size-large);
910
910
  @property st-global(--wds-selector-button-size-medium);
911
911
  @property st-global(--wds-selector-button-size-small);
912
- @property st-global(--wds-selector-button-text-fill);
912
+ @property st-global(--wds-selector-button-text-fill-dark);
913
913
  @property st-global(--wds-selector-button-text-fill-disabled);
914
- @property st-global(--wds-selector-button-text-fill-hover);
915
- @property st-global(--wds-selector-button-text-fill-pressed);
914
+ @property st-global(--wds-selector-button-text-fill-hover-dark);
915
+ @property st-global(--wds-selector-button-text-fill-hover-standard);
916
+ @property st-global(--wds-selector-button-text-fill-pressed-dark);
917
+ @property st-global(--wds-selector-button-text-fill-pressed-standard);
918
+ @property st-global(--wds-selector-button-text-fill-standard);
916
919
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
917
920
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
918
921
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -2279,10 +2282,13 @@
2279
2282
  --wds-selector-button-size-large: 42px;
2280
2283
  --wds-selector-button-size-medium: 36px;
2281
2284
  --wds-selector-button-size-small: 30px;
2282
- --wds-selector-button-text-fill: #000624;
2285
+ --wds-selector-button-text-fill-dark: #000624;
2283
2286
  --wds-selector-button-text-fill-disabled: rgba(0, 6, 36, .3);
2284
- --wds-selector-button-text-fill-hover: #116dff;
2285
- --wds-selector-button-text-fill-pressed: #116dff;
2287
+ --wds-selector-button-text-fill-hover-dark: #116dff;
2288
+ --wds-selector-button-text-fill-hover-standard: #0f62e6;
2289
+ --wds-selector-button-text-fill-pressed-dark: #116dff;
2290
+ --wds-selector-button-text-fill-pressed-standard: #116dff;
2291
+ --wds-selector-button-text-fill-standard: #116dff;
2286
2292
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2287
2293
  --wds-selector-list-item-padding-horizontal-small: 18px;
2288
2294
  --wds-selector-list-item-padding-vertical-medium: 12px;
package/foundation.st.css CHANGED
@@ -60,6 +60,7 @@
60
60
  @property st-global(--wds-color-blue-0);
61
61
  @property st-global(--wds-color-blue-50);
62
62
  @property st-global(--wds-color-blue-100);
63
+ @property st-global(--wds-color-blue-150);
63
64
  @property st-global(--wds-color-blue-200);
64
65
  @property st-global(--wds-color-blue-250);
65
66
  @property st-global(--wds-color-blue-300);
@@ -291,6 +292,7 @@
291
292
  --wds-color-blue-0: #084ebd;
292
293
  --wds-color-blue-50: #0f62e6;
293
294
  --wds-color-blue-100: #116dff;
295
+ --wds-color-blue-150: #116DFF;
294
296
  --wds-color-blue-200: #5999ff;
295
297
  --wds-color-blue-250: #80b1ff;
296
298
  --wds-color-blue-300: #a8caff;
package/odeditor/all.css CHANGED
@@ -215,6 +215,7 @@
215
215
  --wds-color-blue-300: #acbeff;
216
216
  --wds-color-blue-250: #7896ff;
217
217
  --wds-color-blue-200: #597dff;
218
+ --wds-color-blue-150: #116DFF;
218
219
  --wds-color-blue-100: #2f5dff;
219
220
  --wds-color-blue-50: #1c3fe5;
220
221
  --wds-color-blue-0: #0f2ccf;
@@ -1661,10 +1662,13 @@
1661
1662
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1662
1663
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1663
1664
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
1664
- --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1665
- --wds-selector-button-text-fill-hover: var(--wds-color-text-standard-primary);
1665
+ --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1666
+ --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1667
+ --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1668
+ --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-standard-primary);
1669
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1670
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1666
1671
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1667
- --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1668
1672
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1669
1673
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1670
1674
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
package/odeditor/all.scss CHANGED
@@ -294,6 +294,7 @@
294
294
  --wds-color-blue-300: #acbeff;
295
295
  --wds-color-blue-250: #7896ff;
296
296
  --wds-color-blue-200: #597dff;
297
+ --wds-color-blue-150: #116DFF;
297
298
  --wds-color-blue-100: #2f5dff;
298
299
  --wds-color-blue-50: #1c3fe5;
299
300
  --wds-color-blue-0: #0f2ccf;
@@ -1650,10 +1651,13 @@
1650
1651
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1651
1652
  --wds-shadow-inner-300-vertical: var(--wds-shadow-inner-300-top), var(--wds-shadow-inner-300-bottom);
1652
1653
  --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1653
- --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1654
- --wds-selector-button-text-fill-hover: var(--wds-color-text-standard-primary);
1654
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1655
+ --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1656
+ --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1657
+ --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1658
+ --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-standard-primary);
1655
1659
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1656
- --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1660
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1657
1661
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1658
1662
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1659
1663
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
package/odeditor/all.st.css CHANGED
@@ -363,6 +363,7 @@
363
363
  @property st-global(--wds-color-blue-0);
364
364
  @property st-global(--wds-color-blue-50);
365
365
  @property st-global(--wds-color-blue-100);
366
+ @property st-global(--wds-color-blue-150);
366
367
  @property st-global(--wds-color-blue-200);
367
368
  @property st-global(--wds-color-blue-250);
368
369
  @property st-global(--wds-color-blue-300);
@@ -1417,10 +1418,13 @@
1417
1418
  @property st-global(--wds-selector-button-size-large);
1418
1419
  @property st-global(--wds-selector-button-size-medium);
1419
1420
  @property st-global(--wds-selector-button-size-small);
1420
- @property st-global(--wds-selector-button-text-fill);
1421
+ @property st-global(--wds-selector-button-text-fill-dark);
1421
1422
  @property st-global(--wds-selector-button-text-fill-disabled);
1422
- @property st-global(--wds-selector-button-text-fill-hover);
1423
- @property st-global(--wds-selector-button-text-fill-pressed);
1423
+ @property st-global(--wds-selector-button-text-fill-hover-dark);
1424
+ @property st-global(--wds-selector-button-text-fill-hover-standard);
1425
+ @property st-global(--wds-selector-button-text-fill-pressed-dark);
1426
+ @property st-global(--wds-selector-button-text-fill-pressed-standard);
1427
+ @property st-global(--wds-selector-button-text-fill-standard);
1424
1428
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1425
1429
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1426
1430
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -2398,6 +2402,7 @@
2398
2402
  --wds-color-blue-0: #0f2ccf;
2399
2403
  --wds-color-blue-50: #1c3fe5;
2400
2404
  --wds-color-blue-100: #2f5dff;
2405
+ --wds-color-blue-150: #116DFF;
2401
2406
  --wds-color-blue-200: #597dff;
2402
2407
  --wds-color-blue-250: #7896ff;
2403
2408
  --wds-color-blue-300: #acbeff;
@@ -3452,10 +3457,13 @@
3452
3457
  --wds-selector-button-size-large: 46px;
3453
3458
  --wds-selector-button-size-medium: 38px;
3454
3459
  --wds-selector-button-size-small: 30px;
3455
- --wds-selector-button-text-fill: #151414;
3460
+ --wds-selector-button-text-fill-dark: #151414;
3456
3461
  --wds-selector-button-text-fill-disabled: #a8a6a5;
3457
- --wds-selector-button-text-fill-hover: #151414;
3458
- --wds-selector-button-text-fill-pressed: #2f5dff;
3462
+ --wds-selector-button-text-fill-hover-dark: #151414;
3463
+ --wds-selector-button-text-fill-hover-standard: #1c3fe5;
3464
+ --wds-selector-button-text-fill-pressed-dark: #2f5dff;
3465
+ --wds-selector-button-text-fill-pressed-standard: #2f5dff;
3466
+ --wds-selector-button-text-fill-standard: #2f5dff;
3459
3467
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3460
3468
  --wds-selector-list-item-padding-horizontal-small: 16px;
3461
3469
  --wds-selector-list-item-padding-vertical-medium: 8px;
package/odeditor/component.st.css CHANGED
@@ -857,10 +857,13 @@
857
857
  @property st-global(--wds-selector-button-size-large);
858
858
  @property st-global(--wds-selector-button-size-medium);
859
859
  @property st-global(--wds-selector-button-size-small);
860
- @property st-global(--wds-selector-button-text-fill);
860
+ @property st-global(--wds-selector-button-text-fill-dark);
861
861
  @property st-global(--wds-selector-button-text-fill-disabled);
862
- @property st-global(--wds-selector-button-text-fill-hover);
863
- @property st-global(--wds-selector-button-text-fill-pressed);
862
+ @property st-global(--wds-selector-button-text-fill-hover-dark);
863
+ @property st-global(--wds-selector-button-text-fill-hover-standard);
864
+ @property st-global(--wds-selector-button-text-fill-pressed-dark);
865
+ @property st-global(--wds-selector-button-text-fill-pressed-standard);
866
+ @property st-global(--wds-selector-button-text-fill-standard);
864
867
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
865
868
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
866
869
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -2176,10 +2179,13 @@
2176
2179
  --wds-selector-button-size-large: 46px;
2177
2180
  --wds-selector-button-size-medium: 38px;
2178
2181
  --wds-selector-button-size-small: 30px;
2179
- --wds-selector-button-text-fill: #151414;
2182
+ --wds-selector-button-text-fill-dark: #151414;
2180
2183
  --wds-selector-button-text-fill-disabled: #a8a6a5;
2181
- --wds-selector-button-text-fill-hover: #151414;
2182
- --wds-selector-button-text-fill-pressed: #2f5dff;
2184
+ --wds-selector-button-text-fill-hover-dark: #151414;
2185
+ --wds-selector-button-text-fill-hover-standard: #1c3fe5;
2186
+ --wds-selector-button-text-fill-pressed-dark: #2f5dff;
2187
+ --wds-selector-button-text-fill-pressed-standard: #2f5dff;
2188
+ --wds-selector-button-text-fill-standard: #2f5dff;
2183
2189
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2184
2190
  --wds-selector-list-item-padding-horizontal-small: 16px;
2185
2191
  --wds-selector-list-item-padding-vertical-medium: 8px;
package/odeditor/foundation.st.css CHANGED
@@ -59,6 +59,7 @@
59
59
  @property st-global(--wds-color-blue-0);
60
60
  @property st-global(--wds-color-blue-50);
61
61
  @property st-global(--wds-color-blue-100);
62
+ @property st-global(--wds-color-blue-150);
62
63
  @property st-global(--wds-color-blue-200);
63
64
  @property st-global(--wds-color-blue-250);
64
65
  @property st-global(--wds-color-blue-300);
@@ -291,6 +292,7 @@
291
292
  --wds-color-blue-0: #0f2ccf;
292
293
  --wds-color-blue-50: #1c3fe5;
293
294
  --wds-color-blue-100: #2f5dff;
295
+ --wds-color-blue-150: #116DFF;
294
296
  --wds-color-blue-200: #597dff;
295
297
  --wds-color-blue-250: #7896ff;
296
298
  --wds-color-blue-300: #acbeff;
package/odeditor-dark/all.css CHANGED
@@ -170,7 +170,7 @@
170
170
  --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
171
171
  --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
172
172
  --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
173
- --wds-color-white: #2C2D30;
173
+ --wds-color-white: #212122;
174
174
  --wds-color-red-600: #380D0E;
175
175
  --wds-color-red-500: #4D2324;
176
176
  --wds-color-red-400: #A6464B;
@@ -214,11 +214,12 @@
214
214
  --wds-color-green-0: #D6ECE1;
215
215
  --wds-color-blue-600: #111214;
216
216
  --wds-color-blue-500: #212328;
217
- --wds-color-blue-400: #343F53;
217
+ --wds-color-blue-400: #2D354E;
218
218
  --wds-color-blue-350: #40506C;
219
- --wds-color-blue-300: #485B7E;
219
+ --wds-color-blue-300: #3F4D6E;
220
220
  --wds-color-blue-250: #5B78A9;
221
221
  --wds-color-blue-200: #6F94D4;
222
+ --wds-color-blue-150: #3C67FF;
222
223
  --wds-color-blue-100: #82B0FF;
223
224
  --wds-color-blue-50: #B1CCFF;
224
225
  --wds-color-blue-0: #E0E7FF;
@@ -243,8 +244,8 @@
243
244
  --wds-color-black-100-transparent-10: rgba(255, 255, 255, .1);
244
245
  --wds-color-black-100-transparent-5: rgba(255, 255, 255, .05);
245
246
  --wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
246
- --wds-color-black-750: #212122;
247
- --wds-color-black-700: #353534;
247
+ --wds-color-black-750: #2D2D2E;
248
+ --wds-color-black-700: #3A3A3B;
248
249
  --wds-color-black-600: #454544;
249
250
  --wds-color-black-550: #666565;
250
251
  --wds-color-black-500: #878685;
@@ -1664,10 +1665,13 @@
1664
1665
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1665
1666
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1666
1667
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
1667
- --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1668
- --wds-selector-button-text-fill-hover: var(--wds-color-text-standard-primary);
1668
+ --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1669
+ --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1670
+ --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1671
+ --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-standard-primary);
1672
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1673
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1669
1674
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1670
- --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1671
1675
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1672
1676
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1673
1677
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);
package/odeditor-dark/all.scss CHANGED
@@ -188,7 +188,7 @@
188
188
  --wds-color-white-transparent-5: rgba(0, 0, 0, .05);
189
189
  --wds-color-white-transparent-1: rgba(0, 0, 0, .01);
190
190
  --wds-color-white-transparent-0: rgba(0, 0, 0, 0);
191
- --wds-color-white: #2C2D30;
191
+ --wds-color-white: #212122;
192
192
  --wds-color-text-stage-section: #6f56f9;
193
193
  --wds-color-red-600: #380D0E;
194
194
  --wds-color-red-500: #4D2324;
@@ -296,16 +296,17 @@
296
296
  --wds-color-border-ai-primary: #ffffff;
297
297
  --wds-color-blue-600: #111214;
298
298
  --wds-color-blue-500: #212328;
299
- --wds-color-blue-400: #343F53;
299
+ --wds-color-blue-400: #2D354E;
300
300
  --wds-color-blue-350: #40506C;
301
- --wds-color-blue-300: #485B7E;
301
+ --wds-color-blue-300: #3F4D6E;
302
302
  --wds-color-blue-250: #5B78A9;
303
303
  --wds-color-blue-200: #6F94D4;
304
+ --wds-color-blue-150: #3C67FF;
304
305
  --wds-color-blue-100: #82B0FF;
305
306
  --wds-color-blue-50: #B1CCFF;
306
307
  --wds-color-blue-0: #E0E7FF;
307
- --wds-color-black-750: #212122;
308
- --wds-color-black-700: #353534;
308
+ --wds-color-black-750: #2D2D2E;
309
+ --wds-color-black-700: #3A3A3B;
309
310
  --wds-color-black-600: #454544;
310
311
  --wds-color-black-550: #666565;
311
312
  --wds-color-black-500: #878685;
@@ -1653,10 +1654,13 @@
1653
1654
  --wds-shadow-surface-overlay: var(--wds-shadow-300);
1654
1655
  --wds-shadow-inner-400-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1655
1656
  --wds-shadow-inner-300-horizontal: var(--wds-shadow-inner-300-left), var(--wds-shadow-inner-300-right);
1656
- --wds-selector-button-text-fill-pressed: var(--wds-color-text-primary);
1657
- --wds-selector-button-text-fill-hover: var(--wds-color-text-standard-primary);
1657
+ --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
1658
+ --wds-selector-button-text-fill-pressed-standard: var(--wds-color-text-primary);
1659
+ --wds-selector-button-text-fill-pressed-dark: var(--wds-color-text-primary);
1660
+ --wds-selector-button-text-fill-hover-standard: var(--wds-color-fill-standard-primary-hover);
1661
+ --wds-selector-button-text-fill-hover-dark: var(--wds-color-text-standard-primary);
1658
1662
  --wds-selector-button-text-fill-disabled: var(--wds-color-text-disabled);
1659
- --wds-selector-button-text-fill: var(--wds-color-text-standard-primary);
1663
+ --wds-selector-button-text-fill-dark: var(--wds-color-text-standard-primary);
1660
1664
  --wds-selector-button-font-size-small: var(--wds-font-size-body-tiny);
1661
1665
  --wds-selector-button-border-color-pressed: var(--wds-color-border-standard-secondary-active);
1662
1666
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-primary);