@wix/design-system-tokens 1.161.1 → 1.161.2

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 (26) hide show
  1. package/all.css +6 -0
  2. package/all.scss +6 -0
  3. package/all.st.css +12 -0
  4. package/component.st.css +8 -0
  5. package/foundation.st.css +4 -0
  6. package/odeditor/all.css +9 -5
  7. package/odeditor/all.scss +9 -5
  8. package/odeditor/all.st.css +20 -12
  9. package/odeditor/component.st.css +16 -8
  10. package/odeditor/semantic.st.css +4 -4
  11. package/odeditor-dark/all.css +114 -109
  12. package/odeditor-dark/all.scss +114 -109
  13. package/odeditor-dark/all.st.css +1014 -1004
  14. package/odeditor-dark/component.st.css +585 -577
  15. package/odeditor-dark/foundation.st.css +104 -102
  16. package/odeditor-dark/semantic.st.css +325 -325
  17. package/package.json +2 -2
  18. package/studio/all.css +6 -0
  19. package/studio/all.scss +6 -0
  20. package/studio/all.st.css +12 -0
  21. package/studio/component.st.css +8 -0
  22. package/studio/foundation.st.css +4 -0
  23. package/wixel/all.css +4 -0
  24. package/wixel/all.scss +4 -0
  25. package/wixel/all.st.css +8 -0
  26. package/wixel/component.st.css +8 -0
package/all.css CHANGED
@@ -212,6 +212,8 @@
212
212
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
213
213
  --wds-color-black-200-transparent-60: rgba(68, 72, 95, .6);
214
214
  --wds-color-black-200-transparent-50: rgba(68, 72, 95, .5);
215
+ --wds-color-black-200-transparent-20: rgba(68, 72, 95, .2);
216
+ --wds-color-black-200-transparent-18: rgba(68, 72, 95, 0.18);
215
217
  --wds-color-black-200-transparent-0: rgba(68, 72, 95, 0);
216
218
  --wds-color-black-100-transparent-70: rgba(0, 6, 36, .7);
217
219
  --wds-color-black-100-transparent-50: rgba(0, 6, 36, .5);
@@ -932,6 +934,7 @@
932
934
  --wds-social-preview-content-padding-horizontal: var(--wds-space-200);
933
935
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-200);
934
936
  --wds-social-post-preview-content-padding-horizontal: var(--wds-space-200);
937
+ --wds-slider-track-color-disabled: var(--wds-color-black-500);
935
938
  --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
936
939
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
937
940
  --wds-slider-slider-mark-size: var(--wds-space-100);
@@ -1621,6 +1624,7 @@
1621
1624
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1622
1625
  --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
1623
1626
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1627
+ --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
1624
1628
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
1625
1629
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
1626
1630
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
@@ -1692,8 +1696,10 @@
1692
1696
  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
1693
1697
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-small);
1694
1698
  --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
1699
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1695
1700
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1696
1701
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
1702
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1697
1703
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1698
1704
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1699
1705
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
package/all.scss CHANGED
@@ -278,6 +278,8 @@
278
278
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
279
279
  --wds-color-black-200-transparent-60: rgba(68, 72, 95, .6);
280
280
  --wds-color-black-200-transparent-50: rgba(68, 72, 95, .5);
281
+ --wds-color-black-200-transparent-20: rgba(68, 72, 95, .2);
282
+ --wds-color-black-200-transparent-18: rgba(68, 72, 95, 0.18);
281
283
  --wds-color-black-200-transparent-0: rgba(68, 72, 95, 0);
282
284
  --wds-color-black-200: #44485f;
283
285
  --wds-color-black-100-transparent-70: rgba(0, 6, 36, .7);
@@ -510,6 +512,7 @@
510
512
  --wds-social-preview-content-padding-horizontal: var(--wds-space-200);
511
513
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-200);
512
514
  --wds-social-post-preview-content-padding-horizontal: var(--wds-space-200);
515
+ --wds-slider-track-color-disabled: var(--wds-color-black-500);
513
516
  --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
514
517
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
515
518
  --wds-slider-slider-mark-size: var(--wds-space-100);
@@ -1611,6 +1614,7 @@
1611
1614
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-200);
1612
1615
  --wds-section-helper-fill-standard: var(--wds-color-fill-surface-standard);
1613
1616
  --wds-section-helper-fill-preview: var(--wds-color-fill-surface-neutral);
1617
+ --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
1614
1618
  --wds-section-helper-border-preview: var(--wds-color-border-dark-primary);
1615
1619
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
1616
1620
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
@@ -1681,9 +1685,11 @@
1681
1685
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-placeholder);
1682
1686
  --wds-list-item-action-suffix-fill: var(--wds-color-text-placeholder);
1683
1687
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-small);
1688
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1684
1689
  --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
1685
1690
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1686
1691
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
1692
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1687
1693
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1688
1694
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1689
1695
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
package/all.st.css CHANGED
@@ -347,6 +347,8 @@
347
347
  @property st-global(--wds-color-black-100-transparent-70);
348
348
  @property st-global(--wds-color-black-200);
349
349
  @property st-global(--wds-color-black-200-transparent-0);
350
+ @property st-global(--wds-color-black-200-transparent-18);
351
+ @property st-global(--wds-color-black-200-transparent-20);
350
352
  @property st-global(--wds-color-black-200-transparent-50);
351
353
  @property st-global(--wds-color-black-200-transparent-60);
352
354
  @property st-global(--wds-color-black-200-transparent-70);
@@ -1155,6 +1157,7 @@
1155
1157
  @property st-global(--wds-list-item-action-fill-hover);
1156
1158
  @property st-global(--wds-list-item-action-gap);
1157
1159
  @property st-global(--wds-list-item-action-label-fill-active);
1160
+ @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1158
1161
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1159
1162
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1160
1163
  @property st-global(--wds-list-item-action-label-font-size-medium);
@@ -1166,6 +1169,7 @@
1166
1169
  @property st-global(--wds-list-item-action-padding-vertical-small);
1167
1170
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
1168
1171
  @property st-global(--wds-list-item-action-subtitle-fill-active);
1172
+ @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1169
1173
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1170
1174
  @property st-global(--wds-list-item-action-subtitle-font-size);
1171
1175
  @property st-global(--wds-list-item-action-suffix-fill);
@@ -1370,6 +1374,7 @@
1370
1374
  @property st-global(--wds-section-helper-border-preview);
1371
1375
  @property st-global(--wds-section-helper-border-radius);
1372
1376
  @property st-global(--wds-section-helper-close-button-offset);
1377
+ @property st-global(--wds-section-helper-fill-premium);
1373
1378
  @property st-global(--wds-section-helper-fill-preview);
1374
1379
  @property st-global(--wds-section-helper-fill-standard);
1375
1380
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
@@ -1678,6 +1683,7 @@
1678
1683
  @property st-global(--wds-slider-track-border-border-radius);
1679
1684
  @property st-global(--wds-slider-track-border-radius-transparent);
1680
1685
  @property st-global(--wds-slider-track-color);
1686
+ @property st-global(--wds-slider-track-color-disabled);
1681
1687
  @property st-global(--wds-slider-track-size);
1682
1688
  @property st-global(--wds-slider-track-size-transparent);
1683
1689
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
@@ -2414,6 +2420,8 @@
2414
2420
  --wds-color-black-100-transparent-70: rgba(0, 6, 36, .7);
2415
2421
  --wds-color-black-200: #44485f;
2416
2422
  --wds-color-black-200-transparent-0: rgba(68, 72, 95, 0);
2423
+ --wds-color-black-200-transparent-18: rgba(68, 72, 95, 0.18);
2424
+ --wds-color-black-200-transparent-20: rgba(68, 72, 95, .2);
2417
2425
  --wds-color-black-200-transparent-50: rgba(68, 72, 95, .5);
2418
2426
  --wds-color-black-200-transparent-60: rgba(68, 72, 95, .6);
2419
2427
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
@@ -3222,6 +3230,7 @@
3222
3230
  --wds-list-item-action-fill-hover: #e7f0ff;
3223
3231
  --wds-list-item-action-gap: 0px;
3224
3232
  --wds-list-item-action-label-fill-active: #116dff;
3233
+ --wds-list-item-action-label-fill-pressed-destructive: #e62214;
3225
3234
  --wds-list-item-action-label-font-line-height-medium: 24px;
3226
3235
  --wds-list-item-action-label-font-line-height-small: 18px;
3227
3236
  --wds-list-item-action-label-font-size-medium: 16px;
@@ -3233,6 +3242,7 @@
3233
3242
  --wds-list-item-action-padding-vertical-small: 6px;
3234
3243
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
3235
3244
  --wds-list-item-action-subtitle-fill-active: #868aa5;
3245
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
3236
3246
  --wds-list-item-action-subtitle-font-line-height: 18px;
3237
3247
  --wds-list-item-action-subtitle-font-size: 14px;
3238
3248
  --wds-list-item-action-suffix-fill: #868aa5;
@@ -3437,6 +3447,7 @@
3437
3447
  --wds-section-helper-border-preview: #868aa5;
3438
3448
  --wds-section-helper-border-radius: 6px;
3439
3449
  --wds-section-helper-close-button-offset: 12px;
3450
+ --wds-section-helper-fill-premium: #f1e0f9;
3440
3451
  --wds-section-helper-fill-preview: #f6f7f9;
3441
3452
  --wds-section-helper-fill-standard: #e7f0ff;
3442
3453
  --wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
@@ -3745,6 +3756,7 @@
3745
3756
  --wds-slider-track-border-border-radius: 1000px;
3746
3757
  --wds-slider-track-border-radius-transparent: 1000px;
3747
3758
  --wds-slider-track-color: #d6e6fe;
3759
+ --wds-slider-track-color-disabled: #acafc4;
3748
3760
  --wds-slider-track-size: 4px;
3749
3761
  --wds-slider-track-size-transparent: 8px;
3750
3762
  --wds-social-post-preview-content-padding-horizontal: 12px;
package/component.st.css CHANGED
@@ -594,6 +594,7 @@
594
594
  @property st-global(--wds-list-item-action-fill-hover);
595
595
  @property st-global(--wds-list-item-action-gap);
596
596
  @property st-global(--wds-list-item-action-label-fill-active);
597
+ @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
597
598
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
598
599
  @property st-global(--wds-list-item-action-label-font-line-height-small);
599
600
  @property st-global(--wds-list-item-action-label-font-size-medium);
@@ -605,6 +606,7 @@
605
606
  @property st-global(--wds-list-item-action-padding-vertical-small);
606
607
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
607
608
  @property st-global(--wds-list-item-action-subtitle-fill-active);
609
+ @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
608
610
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
609
611
  @property st-global(--wds-list-item-action-subtitle-font-size);
610
612
  @property st-global(--wds-list-item-action-suffix-fill);
@@ -809,6 +811,7 @@
809
811
  @property st-global(--wds-section-helper-border-preview);
810
812
  @property st-global(--wds-section-helper-border-radius);
811
813
  @property st-global(--wds-section-helper-close-button-offset);
814
+ @property st-global(--wds-section-helper-fill-premium);
812
815
  @property st-global(--wds-section-helper-fill-preview);
813
816
  @property st-global(--wds-section-helper-fill-standard);
814
817
  @property st-global(--wds-section-helper-fullwidth-horizontal-padding-medium);
@@ -1009,6 +1012,7 @@
1009
1012
  @property st-global(--wds-slider-track-border-border-radius);
1010
1013
  @property st-global(--wds-slider-track-border-radius-transparent);
1011
1014
  @property st-global(--wds-slider-track-color);
1015
+ @property st-global(--wds-slider-track-color-disabled);
1012
1016
  @property st-global(--wds-slider-track-size);
1013
1017
  @property st-global(--wds-slider-track-size-transparent);
1014
1018
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
@@ -1946,6 +1950,7 @@
1946
1950
  --wds-list-item-action-fill-hover: #e7f0ff;
1947
1951
  --wds-list-item-action-gap: 0px;
1948
1952
  --wds-list-item-action-label-fill-active: #116dff;
1953
+ --wds-list-item-action-label-fill-pressed-destructive: #e62214;
1949
1954
  --wds-list-item-action-label-font-line-height-medium: 24px;
1950
1955
  --wds-list-item-action-label-font-line-height-small: 18px;
1951
1956
  --wds-list-item-action-label-font-size-medium: 16px;
@@ -1957,6 +1962,7 @@
1957
1962
  --wds-list-item-action-padding-vertical-small: 6px;
1958
1963
  --wds-list-item-action-padding-vertical-small-screen-small: 12px;
1959
1964
  --wds-list-item-action-subtitle-fill-active: #868aa5;
1965
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
1960
1966
  --wds-list-item-action-subtitle-font-line-height: 18px;
1961
1967
  --wds-list-item-action-subtitle-font-size: 14px;
1962
1968
  --wds-list-item-action-suffix-fill: #868aa5;
@@ -2161,6 +2167,7 @@
2161
2167
  --wds-section-helper-border-preview: #868aa5;
2162
2168
  --wds-section-helper-border-radius: 6px;
2163
2169
  --wds-section-helper-close-button-offset: 12px;
2170
+ --wds-section-helper-fill-premium: #f1e0f9;
2164
2171
  --wds-section-helper-fill-preview: #f6f7f9;
2165
2172
  --wds-section-helper-fill-standard: #e7f0ff;
2166
2173
  --wds-section-helper-fullwidth-horizontal-padding-medium: 24px;
@@ -2361,6 +2368,7 @@
2361
2368
  --wds-slider-track-border-border-radius: 1000px;
2362
2369
  --wds-slider-track-border-radius-transparent: 1000px;
2363
2370
  --wds-slider-track-color: #d6e6fe;
2371
+ --wds-slider-track-color-disabled: #acafc4;
2364
2372
  --wds-slider-track-size: 4px;
2365
2373
  --wds-slider-track-size-transparent: 8px;
2366
2374
  --wds-social-post-preview-content-padding-horizontal: 12px;
package/foundation.st.css CHANGED
@@ -38,6 +38,8 @@
38
38
  @property st-global(--wds-color-black-100-transparent-70);
39
39
  @property st-global(--wds-color-black-200);
40
40
  @property st-global(--wds-color-black-200-transparent-0);
41
+ @property st-global(--wds-color-black-200-transparent-18);
42
+ @property st-global(--wds-color-black-200-transparent-20);
41
43
  @property st-global(--wds-color-black-200-transparent-50);
42
44
  @property st-global(--wds-color-black-200-transparent-60);
43
45
  @property st-global(--wds-color-black-200-transparent-70);
@@ -266,6 +268,8 @@
266
268
  --wds-color-black-100-transparent-70: rgba(0, 6, 36, .7);
267
269
  --wds-color-black-200: #44485f;
268
270
  --wds-color-black-200-transparent-0: rgba(68, 72, 95, 0);
271
+ --wds-color-black-200-transparent-18: rgba(68, 72, 95, 0.18);
272
+ --wds-color-black-200-transparent-20: rgba(68, 72, 95, .2);
269
273
  --wds-color-black-200-transparent-50: rgba(68, 72, 95, .5);
270
274
  --wds-color-black-200-transparent-60: rgba(68, 72, 95, .6);
271
275
  --wds-color-black-200-transparent-70: rgba(68, 72, 95, .7);
package/odeditor/all.css CHANGED
@@ -426,7 +426,7 @@
426
426
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
427
427
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
428
428
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
429
- --wds-shadow-y-primary-overlay: var(--wds-shadow-y-300);
429
+ --wds-shadow-y-primary-overlay: var(--wds-shadow-y-600);
430
430
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
431
431
  --wds-shadow-y-input: var(--wds-shadow-y-25);
432
432
  --wds-shadow-x-primary-toggle-button: var(--wds-shadow-x-25);
@@ -767,10 +767,10 @@
767
767
  --wds-color-border-destructive-primary-disabled: var(--wds-color-black-100-transparent-10);
768
768
  --wds-color-border-destructive-primary-active: var(--wds-color-red-100);
769
769
  --wds-color-border-destructive-primary: var(--wds-color-red-300);
770
- --wds-color-border-dark-secondary-hover: var(--wds-color-black-600);
770
+ --wds-color-border-dark-secondary-hover: var(--wds-color-black-550);
771
771
  --wds-color-border-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
772
- --wds-color-border-dark-secondary-active: var(--wds-color-black-600);
773
- --wds-color-border-dark-secondary: var(--wds-color-black-600);
772
+ --wds-color-border-dark-secondary-active: var(--wds-color-black-550);
773
+ --wds-color-border-dark-secondary: var(--wds-color-black-550);
774
774
  --wds-color-border-dark-primary-hover: var(--wds-color-black-300);
775
775
  --wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
776
776
  --wds-color-border-dark-primary-active: var(--wds-color-black-200);
@@ -887,7 +887,7 @@
887
887
  --wds-toast-horizontal-padding: var(--wds-space-300);
888
888
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
889
889
  --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
890
- --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
890
+ --wds-thumbnail-overlay-fill: var(--wds-color-white-transparent-0);
891
891
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
892
892
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
893
893
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
@@ -961,6 +961,7 @@
961
961
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
962
962
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
963
963
  --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300);
964
+ --wds-slider-track-color-disabled: var(--wds-color-black-500);
964
965
  --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
965
966
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
966
967
  --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
@@ -1674,6 +1675,7 @@
1674
1675
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1675
1676
  --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1676
1677
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
1678
+ --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
1677
1679
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1678
1680
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1679
1681
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
@@ -1731,8 +1733,10 @@
1731
1733
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1732
1734
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1733
1735
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1736
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1734
1737
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1735
1738
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1739
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1736
1740
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1737
1741
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1738
1742
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
package/odeditor/all.scss CHANGED
@@ -468,7 +468,7 @@
468
468
  --wds-toast-horizontal-padding: var(--wds-space-300);
469
469
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
470
470
  --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
471
- --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
471
+ --wds-thumbnail-overlay-fill: var(--wds-color-white-transparent-0);
472
472
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
473
473
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
474
474
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
@@ -556,6 +556,7 @@
556
556
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
557
557
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-300);
558
558
  --wds-social-post-preview-content-padding-horizontal: var(--wds-space-300);
559
+ --wds-slider-track-color-disabled: var(--wds-color-black-500);
559
560
  --wds-slider-track-border-radius-transparent: var(--wds-border-radius-full);
560
561
  --wds-slider-track-border-border-radius: var(--wds-border-radius-full);
561
562
  --wds-slider-slider-marks-label-font-size: var(--wds-font-size-200);
@@ -637,7 +638,7 @@
637
638
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
638
639
  --wds-shadow-y-primary-raised: var(--wds-shadow-y-25);
639
640
  --wds-shadow-y-primary-overlay-dark: var(--wds-shadow-y-0);
640
- --wds-shadow-y-primary-overlay: var(--wds-shadow-y-300);
641
+ --wds-shadow-y-primary-overlay: var(--wds-shadow-y-600);
641
642
  --wds-shadow-y-primary-modal: var(--wds-shadow-y-600);
642
643
  --wds-shadow-y-input: var(--wds-shadow-y-25);
643
644
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
@@ -1333,10 +1334,10 @@
1333
1334
  --wds-color-border-destructive-primary-disabled: var(--wds-color-black-100-transparent-10);
1334
1335
  --wds-color-border-destructive-primary-active: var(--wds-color-red-100);
1335
1336
  --wds-color-border-destructive-primary: var(--wds-color-red-300);
1336
- --wds-color-border-dark-secondary-hover: var(--wds-color-black-600);
1337
+ --wds-color-border-dark-secondary-hover: var(--wds-color-black-550);
1337
1338
  --wds-color-border-dark-secondary-disabled: var(--wds-color-black-100-transparent-10);
1338
- --wds-color-border-dark-secondary-active: var(--wds-color-black-600);
1339
- --wds-color-border-dark-secondary: var(--wds-color-black-600);
1339
+ --wds-color-border-dark-secondary-active: var(--wds-color-black-550);
1340
+ --wds-color-border-dark-secondary: var(--wds-color-black-550);
1340
1341
  --wds-color-border-dark-primary-hover: var(--wds-color-black-300);
1341
1342
  --wds-color-border-dark-primary-disabled: var(--wds-color-black-100-transparent-10);
1342
1343
  --wds-color-border-dark-primary-active: var(--wds-color-black-200);
@@ -1663,6 +1664,7 @@
1663
1664
  --wds-segmented-toggle-border-hover: var(--wds-color-border-standard-secondary-hover);
1664
1665
  --wds-section-helper-title-font-size: var(--wds-font-size-body-small);
1665
1666
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
1667
+ --wds-section-helper-fill-premium: var(--wds-color-fill-surface-premium);
1666
1668
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1667
1669
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1668
1670
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
@@ -1720,8 +1722,10 @@
1720
1722
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1721
1723
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1722
1724
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1725
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1723
1726
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1724
1727
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1728
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1725
1729
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1726
1730
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1727
1731
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
package/odeditor/all.st.css CHANGED
@@ -1129,6 +1129,7 @@
1129
1129
  @property st-global(--wds-list-item-action-fill-hover);
1130
1130
  @property st-global(--wds-list-item-action-gap);
1131
1131
  @property st-global(--wds-list-item-action-label-fill-active);
1132
+ @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1132
1133
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1133
1134
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1134
1135
  @property st-global(--wds-list-item-action-label-font-size-medium);
@@ -1139,6 +1140,7 @@
1139
1140
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
1140
1141
  @property st-global(--wds-list-item-action-padding-vertical-small);
1141
1142
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
1143
+ @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1142
1144
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1143
1145
  @property st-global(--wds-list-item-action-subtitle-font-size);
1144
1146
  @property st-global(--wds-list-item-action-suffix-fill);
@@ -1325,6 +1327,7 @@
1325
1327
  @property st-global(--wds-section-helper-border-preview);
1326
1328
  @property st-global(--wds-section-helper-border-radius);
1327
1329
  @property st-global(--wds-section-helper-close-button-offset);
1330
+ @property st-global(--wds-section-helper-fill-premium);
1328
1331
  @property st-global(--wds-section-helper-fill-preview);
1329
1332
  @property st-global(--wds-section-helper-fill-standard);
1330
1333
  @property st-global(--wds-section-helper-horizontal-margin);
@@ -1635,6 +1638,7 @@
1635
1638
  @property st-global(--wds-slider-track-border-border-radius);
1636
1639
  @property st-global(--wds-slider-track-border-radius-transparent);
1637
1640
  @property st-global(--wds-slider-track-color);
1641
+ @property st-global(--wds-slider-track-color-disabled);
1638
1642
  @property st-global(--wds-slider-track-size);
1639
1643
  @property st-global(--wds-slider-track-size-transparent);
1640
1644
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
@@ -2061,7 +2065,7 @@
2061
2065
  --wds-angle-input-knob-disabled: #ffffff;
2062
2066
  --wds-angle-input-knob-fill: #ffffff;
2063
2067
  --wds-angle-input-knob-size: 6px;
2064
- --wds-angle-input-ring-border: #e8e7e7;
2068
+ --wds-angle-input-ring-border: #dedede;
2065
2069
  --wds-announcement-modal-actions-padding: 42px;
2066
2070
  --wds-announcement-modal-border-radius: 24px;
2067
2071
  --wds-announcement-modal-content-gap: 12px;
@@ -2399,10 +2403,10 @@
2399
2403
  --wds-color-border-dark-primary-active: #383838;
2400
2404
  --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);
2401
2405
  --wds-color-border-dark-primary-hover: #525150;
2402
- --wds-color-border-dark-secondary: #e8e7e7;
2403
- --wds-color-border-dark-secondary-active: #e8e7e7;
2406
+ --wds-color-border-dark-secondary: #dedede;
2407
+ --wds-color-border-dark-secondary-active: #dedede;
2404
2408
  --wds-color-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
2405
- --wds-color-border-dark-secondary-hover: #e8e7e7;
2409
+ --wds-color-border-dark-secondary-hover: #dedede;
2406
2410
  --wds-color-border-destructive-primary: #ed8f90;
2407
2411
  --wds-color-border-destructive-primary-active: #df3336;
2408
2412
  --wds-color-border-destructive-primary-disabled: rgba(19, 23, 32, .1);
@@ -2850,8 +2854,8 @@
2850
2854
  --wds-custom-modal-header-subtitle-font-size: 14px;
2851
2855
  --wds-date-picker-icon-fill: #383838;
2852
2856
  --wds-date-picker-icon-fill-disabled: #a8a6a5;
2853
- --wds-divider-fill-color-light-primary: #e8e7e7;
2854
- --wds-divider-fill-color-light-secondary: #e8e7e7;
2857
+ --wds-divider-fill-color-light-primary: #dedede;
2858
+ --wds-divider-fill-color-light-secondary: #dedede;
2855
2859
  --wds-dock-area-fill: #f8f6f6;
2856
2860
  --wds-dock-point-fill-active: #2f5dff;
2857
2861
  --wds-dock-point-fill-fill: #767574;
@@ -2951,9 +2955,9 @@
2951
2955
  --wds-form-field-label-line-height-small: 16px;
2952
2956
  --wds-form-field-label-line-height-tiny: 12px;
2953
2957
  --wds-icon-button-color-border-dark-secondary: #767574;
2954
- --wds-icon-button-color-border-dark-secondary-active: #e8e7e7;
2958
+ --wds-icon-button-color-border-dark-secondary-active: #dedede;
2955
2959
  --wds-icon-button-color-border-dark-secondary-disabled: #f0efef;
2956
- --wds-icon-button-color-border-dark-secondary-hover: #e8e7e7;
2960
+ --wds-icon-button-color-border-dark-secondary-hover: #dedede;
2957
2961
  --wds-icon-button-color-border-light-secondary: rgba(255, 255, 255, .5);
2958
2962
  --wds-icon-button-color-border-light-secondary-active: #ffffff;
2959
2963
  --wds-icon-button-color-border-light-secondary-disabled: #f0efef;
@@ -3151,6 +3155,7 @@
3151
3155
  --wds-list-item-action-fill-hover: #f8f6f6;
3152
3156
  --wds-list-item-action-gap: 2px;
3153
3157
  --wds-list-item-action-label-fill-active: #151414;
3158
+ --wds-list-item-action-label-fill-pressed-destructive: #df3336;
3154
3159
  --wds-list-item-action-label-font-line-height-medium: 24px;
3155
3160
  --wds-list-item-action-label-font-line-height-small: 18px;
3156
3161
  --wds-list-item-action-label-font-size-medium: 14px;
@@ -3161,6 +3166,7 @@
3161
3166
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3162
3167
  --wds-list-item-action-padding-vertical-small: 8px;
3163
3168
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3169
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #383838;
3164
3170
  --wds-list-item-action-subtitle-font-line-height: 16px;
3165
3171
  --wds-list-item-action-subtitle-font-size: 12px;
3166
3172
  --wds-list-item-action-suffix-fill: #151414;
@@ -3347,6 +3353,7 @@
3347
3353
  --wds-section-helper-border-preview: #e8e7e7;
3348
3354
  --wds-section-helper-border-radius: 6px;
3349
3355
  --wds-section-helper-close-button-offset: 0px;
3356
+ --wds-section-helper-fill-premium: #f5f7ff;
3350
3357
  --wds-section-helper-fill-preview: #f8f6f6;
3351
3358
  --wds-section-helper-fill-standard: #f5f7ff;
3352
3359
  --wds-section-helper-horizontal-margin: 6px;
@@ -3535,7 +3542,7 @@
3535
3542
  --wds-shadow-y-600: 20px;
3536
3543
  --wds-shadow-y-input: 1px;
3537
3544
  --wds-shadow-y-primary-modal: 20px;
3538
- --wds-shadow-y-primary-overlay: 12px;
3545
+ --wds-shadow-y-primary-overlay: 20px;
3539
3546
  --wds-shadow-y-primary-overlay-dark: 0px;
3540
3547
  --wds-shadow-y-primary-raised: 1px;
3541
3548
  --wds-shadow-y-primary-toggle: 0px;
@@ -3657,6 +3664,7 @@
3657
3664
  --wds-slider-track-border-border-radius: 1000px;
3658
3665
  --wds-slider-track-border-radius-transparent: 1000px;
3659
3666
  --wds-slider-track-color: #e8e7e7;
3667
+ --wds-slider-track-color-disabled: #a8a6a5;
3660
3668
  --wds-slider-track-size: 2px;
3661
3669
  --wds-slider-track-size-transparent: 2px;
3662
3670
  --wds-social-post-preview-content-padding-horizontal: 12px;
@@ -3719,7 +3727,7 @@
3719
3727
  --wds-subtitle-font-size-medium: 12px;
3720
3728
  --wds-suffix-active-font-weight: 600;
3721
3729
  --wds-swatches-fill-border-disabled: rgba(19, 23, 32, .05);
3722
- --wds-swatches-fill-border-no-value: #e8e7e7;
3730
+ --wds-swatches-fill-border-no-value: #dedede;
3723
3731
  --wds-swatches-fill-border-no-value-dash: #ed8f90;
3724
3732
  --wds-swatches-fill-border-selected: #383838;
3725
3733
  --wds-swatches-fill-disabled: #f0efef;
@@ -3789,7 +3797,7 @@
3789
3797
  --wds-testimonial-list-gap: 24px;
3790
3798
  --wds-text-button-font-weight-normal: 600;
3791
3799
  --wds-text-button-font-weight-thin: 500;
3792
- --wds-thumbnail-border-color: #e8e7e7;
3800
+ --wds-thumbnail-border-color: #dedede;
3793
3801
  --wds-thumbnail-border-color-disabled: rgba(19, 23, 32, .1);
3794
3802
  --wds-thumbnail-border-color-hover: #acbeff;
3795
3803
  --wds-thumbnail-border-color-selected: #2f5dff;
@@ -3804,7 +3812,7 @@
3804
3812
  --wds-thumbnail-illustration-fill-1: #7896ff;
3805
3813
  --wds-thumbnail-illustration-fill-2: #2f5dff;
3806
3814
  --wds-thumbnail-illustration-fill-3: #eaefff;
3807
- --wds-thumbnail-overlay-fill: rgba(19, 23, 32, .1);
3815
+ --wds-thumbnail-overlay-fill: rgba(255, 255, 255, 0);
3808
3816
  --wds-thumbnail-subtitle-fill: #383838;
3809
3817
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
3810
3818
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
package/odeditor/component.st.css CHANGED
@@ -570,6 +570,7 @@
570
570
  @property st-global(--wds-list-item-action-fill-hover);
571
571
  @property st-global(--wds-list-item-action-gap);
572
572
  @property st-global(--wds-list-item-action-label-fill-active);
573
+ @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
573
574
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
574
575
  @property st-global(--wds-list-item-action-label-font-line-height-small);
575
576
  @property st-global(--wds-list-item-action-label-font-size-medium);
@@ -580,6 +581,7 @@
580
581
  @property st-global(--wds-list-item-action-padding-vertical-medium-screen-small);
581
582
  @property st-global(--wds-list-item-action-padding-vertical-small);
582
583
  @property st-global(--wds-list-item-action-padding-vertical-small-screen-small);
584
+ @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
583
585
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
584
586
  @property st-global(--wds-list-item-action-subtitle-font-size);
585
587
  @property st-global(--wds-list-item-action-suffix-fill);
@@ -766,6 +768,7 @@
766
768
  @property st-global(--wds-section-helper-border-preview);
767
769
  @property st-global(--wds-section-helper-border-radius);
768
770
  @property st-global(--wds-section-helper-close-button-offset);
771
+ @property st-global(--wds-section-helper-fill-premium);
769
772
  @property st-global(--wds-section-helper-fill-preview);
770
773
  @property st-global(--wds-section-helper-fill-standard);
771
774
  @property st-global(--wds-section-helper-horizontal-margin);
@@ -967,6 +970,7 @@
967
970
  @property st-global(--wds-slider-track-border-border-radius);
968
971
  @property st-global(--wds-slider-track-border-radius-transparent);
969
972
  @property st-global(--wds-slider-track-color);
973
+ @property st-global(--wds-slider-track-color-disabled);
970
974
  @property st-global(--wds-slider-track-size);
971
975
  @property st-global(--wds-slider-track-size-transparent);
972
976
  @property st-global(--wds-social-post-preview-content-padding-horizontal);
@@ -1346,7 +1350,7 @@
1346
1350
  --wds-angle-input-knob-disabled: #ffffff;
1347
1351
  --wds-angle-input-knob-fill: #ffffff;
1348
1352
  --wds-angle-input-knob-size: 6px;
1349
- --wds-angle-input-ring-border: #e8e7e7;
1353
+ --wds-angle-input-ring-border: #dedede;
1350
1354
  --wds-announcement-modal-actions-padding: 42px;
1351
1355
  --wds-announcement-modal-border-radius: 24px;
1352
1356
  --wds-announcement-modal-content-gap: 12px;
@@ -1646,8 +1650,8 @@
1646
1650
  --wds-custom-modal-header-subtitle-font-size: 14px;
1647
1651
  --wds-date-picker-icon-fill: #383838;
1648
1652
  --wds-date-picker-icon-fill-disabled: #a8a6a5;
1649
- --wds-divider-fill-color-light-primary: #e8e7e7;
1650
- --wds-divider-fill-color-light-secondary: #e8e7e7;
1653
+ --wds-divider-fill-color-light-primary: #dedede;
1654
+ --wds-divider-fill-color-light-secondary: #dedede;
1651
1655
  --wds-dock-area-fill: #f8f6f6;
1652
1656
  --wds-dock-point-fill-active: #2f5dff;
1653
1657
  --wds-dock-point-fill-fill: #767574;
@@ -1690,9 +1694,9 @@
1690
1694
  --wds-form-field-label-line-height-small: 16px;
1691
1695
  --wds-form-field-label-line-height-tiny: 12px;
1692
1696
  --wds-icon-button-color-border-dark-secondary: #767574;
1693
- --wds-icon-button-color-border-dark-secondary-active: #e8e7e7;
1697
+ --wds-icon-button-color-border-dark-secondary-active: #dedede;
1694
1698
  --wds-icon-button-color-border-dark-secondary-disabled: #f0efef;
1695
- --wds-icon-button-color-border-dark-secondary-hover: #e8e7e7;
1699
+ --wds-icon-button-color-border-dark-secondary-hover: #dedede;
1696
1700
  --wds-icon-button-color-border-light-secondary: rgba(255, 255, 255, .5);
1697
1701
  --wds-icon-button-color-border-light-secondary-active: #ffffff;
1698
1702
  --wds-icon-button-color-border-light-secondary-disabled: #f0efef;
@@ -1877,6 +1881,7 @@
1877
1881
  --wds-list-item-action-fill-hover: #f8f6f6;
1878
1882
  --wds-list-item-action-gap: 2px;
1879
1883
  --wds-list-item-action-label-fill-active: #151414;
1884
+ --wds-list-item-action-label-fill-pressed-destructive: #df3336;
1880
1885
  --wds-list-item-action-label-font-line-height-medium: 24px;
1881
1886
  --wds-list-item-action-label-font-line-height-small: 18px;
1882
1887
  --wds-list-item-action-label-font-size-medium: 14px;
@@ -1887,6 +1892,7 @@
1887
1892
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1888
1893
  --wds-list-item-action-padding-vertical-small: 8px;
1889
1894
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1895
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #383838;
1890
1896
  --wds-list-item-action-subtitle-font-line-height: 16px;
1891
1897
  --wds-list-item-action-subtitle-font-size: 12px;
1892
1898
  --wds-list-item-action-suffix-fill: #151414;
@@ -2073,6 +2079,7 @@
2073
2079
  --wds-section-helper-border-preview: #e8e7e7;
2074
2080
  --wds-section-helper-border-radius: 6px;
2075
2081
  --wds-section-helper-close-button-offset: 0px;
2082
+ --wds-section-helper-fill-premium: #f5f7ff;
2076
2083
  --wds-section-helper-fill-preview: #f8f6f6;
2077
2084
  --wds-section-helper-fill-standard: #f5f7ff;
2078
2085
  --wds-section-helper-horizontal-margin: 6px;
@@ -2274,6 +2281,7 @@
2274
2281
  --wds-slider-track-border-border-radius: 1000px;
2275
2282
  --wds-slider-track-border-radius-transparent: 1000px;
2276
2283
  --wds-slider-track-color: #e8e7e7;
2284
+ --wds-slider-track-color-disabled: #a8a6a5;
2277
2285
  --wds-slider-track-size: 2px;
2278
2286
  --wds-slider-track-size-transparent: 2px;
2279
2287
  --wds-social-post-preview-content-padding-horizontal: 12px;
@@ -2291,7 +2299,7 @@
2291
2299
  --wds-subtitle-font-size-medium: 12px;
2292
2300
  --wds-suffix-active-font-weight: 600;
2293
2301
  --wds-swatches-fill-border-disabled: rgba(19, 23, 32, .05);
2294
- --wds-swatches-fill-border-no-value: #e8e7e7;
2302
+ --wds-swatches-fill-border-no-value: #dedede;
2295
2303
  --wds-swatches-fill-border-no-value-dash: #ed8f90;
2296
2304
  --wds-swatches-fill-border-selected: #383838;
2297
2305
  --wds-swatches-fill-disabled: #f0efef;
@@ -2361,7 +2369,7 @@
2361
2369
  --wds-testimonial-list-gap: 24px;
2362
2370
  --wds-text-button-font-weight-normal: 600;
2363
2371
  --wds-text-button-font-weight-thin: 500;
2364
- --wds-thumbnail-border-color: #e8e7e7;
2372
+ --wds-thumbnail-border-color: #dedede;
2365
2373
  --wds-thumbnail-border-color-disabled: rgba(19, 23, 32, .1);
2366
2374
  --wds-thumbnail-border-color-hover: #acbeff;
2367
2375
  --wds-thumbnail-border-color-selected: #2f5dff;
@@ -2376,7 +2384,7 @@
2376
2384
  --wds-thumbnail-illustration-fill-1: #7896ff;
2377
2385
  --wds-thumbnail-illustration-fill-2: #2f5dff;
2378
2386
  --wds-thumbnail-illustration-fill-3: #eaefff;
2379
- --wds-thumbnail-overlay-fill: rgba(19, 23, 32, .1);
2387
+ --wds-thumbnail-overlay-fill: rgba(255, 255, 255, 0);
2380
2388
  --wds-thumbnail-subtitle-fill: #383838;
2381
2389
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2382
2390
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
package/odeditor/semantic.st.css CHANGED
@@ -503,10 +503,10 @@
503
503
  --wds-color-border-dark-primary-active: #383838;
504
504
  --wds-color-border-dark-primary-disabled: rgba(19, 23, 32, .1);
505
505
  --wds-color-border-dark-primary-hover: #525150;
506
- --wds-color-border-dark-secondary: #e8e7e7;
507
- --wds-color-border-dark-secondary-active: #e8e7e7;
506
+ --wds-color-border-dark-secondary: #dedede;
507
+ --wds-color-border-dark-secondary-active: #dedede;
508
508
  --wds-color-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
509
- --wds-color-border-dark-secondary-hover: #e8e7e7;
509
+ --wds-color-border-dark-secondary-hover: #dedede;
510
510
  --wds-color-border-destructive-primary: #ed8f90;
511
511
  --wds-color-border-destructive-primary-active: #df3336;
512
512
  --wds-color-border-destructive-primary-disabled: rgba(19, 23, 32, .1);
@@ -944,7 +944,7 @@
944
944
  --wds-shadow-x-tertiary-toggle-button: 0.4px;
945
945
  --wds-shadow-y-input: 1px;
946
946
  --wds-shadow-y-primary-modal: 20px;
947
- --wds-shadow-y-primary-overlay: 12px;
947
+ --wds-shadow-y-primary-overlay: 20px;
948
948
  --wds-shadow-y-primary-overlay-dark: 0px;
949
949
  --wds-shadow-y-primary-raised: 1px;
950
950
  --wds-shadow-y-primary-toggle: 0px;