@wix/design-system-tokens 1.125.0 → 1.126.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 +23 -0
  2. package/all.css +17 -2
  3. package/all.scss +17 -2
  4. package/all.st.css +31 -1
  5. package/component.st.css +29 -1
  6. package/odeditor/all.css +11 -3
  7. package/odeditor/all.scss +11 -3
  8. package/odeditor/all.st.css +22 -6
  9. package/odeditor/component.st.css +16 -4
  10. package/odeditor/foundation.st.css +2 -0
  11. package/odeditor/semantic.st.css +4 -2
  12. package/package.json +2 -2
  13. package/semantic.st.css +2 -0
  14. package/studio/all.css +16 -1
  15. package/studio/all.scss +16 -1
  16. package/studio/all.st.css +30 -0
  17. package/studio/component.st.css +28 -0
  18. package/studio/semantic.st.css +2 -0
  19. package/wixel/all.css +9 -2
  20. package/wixel/all.scss +9 -2
  21. package/wixel/all.st.css +16 -2
  22. package/wixel/component.st.css +14 -2
  23. package/wixel/semantic.st.css +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,26 @@
1
+ ## 1.126.0 - 2025-08-11
2
+
3
+ ### Visual Breaking Changes
4
+
5
+ - breaking(TableListItem): add tokens [15162](https://github.com/wix-private/wix-design-systems/pull/15162)
6
+ - breaking(Thumbnails): add tokens [15153](https://github.com/wix-private/wix-design-systems/pull/15153)
7
+ - breaking(ClickableCard): update tokens [15164](https://github.com/wix-private/wix-design-systems/pull/15164)
8
+
9
+ ### Features
10
+
11
+ - feat(Modal): blur backdrop [15172](https://github.com/wix-private/wix-design-systems/pull/15172)
12
+ - feat(PopoverMenu): add border-radius token [15166](https://github.com/wix-private/wix-design-systems/pull/15166)
13
+
14
+ ### Bug Fixes
15
+
16
+ - fix(Button): standard secondary color component token re-introduced [15183](https://github.com/wix-private/wix-design-systems/pull/15183)
17
+
18
+ ## 1.125.1 - 2025-08-08
19
+
20
+ ### Bug Fixes
21
+
22
+ - fix(Tooltip): change token origin [15169](https://github.com/wix-private/wix-design-systems/pull/15169)
23
+
1
24
  ## 1.125.0 - 2025-08-07
2
25
 
3
26
  ### Visual Breaking Changes
package/all.css CHANGED
@@ -343,6 +343,7 @@
343
343
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
344
344
  --wds-border-radius-surface-modal: var(--wds-border-radius-400);
345
345
  --wds-border-radius-surface-default: var(--wds-border-radius-400);
346
+ --wds-background-blur-modal: var(--wds-background-blur-0);
346
347
  --wds-space-viewport-spacing: var(--wds-space-800);
347
348
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-50);
348
349
  --wds-space-padding-vertical-x-tiny: var(--wds-space-100);
@@ -801,7 +802,6 @@
801
802
  --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-regular);
802
803
  --wds-tooltip-border-radius-small: var(--wds-border-radius-400);
803
804
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
804
- --wds-tooltip-border-radius: var(--wds-border-radius-400);
805
805
  --wds-toggle-switch-padding: var(--wds-space-25);
806
806
  --wds-toggle-button-shadow-y-tertiary-inverted: var(--wds-shadow-y-0);
807
807
  --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-0);
@@ -1278,6 +1278,8 @@
1278
1278
  --wds-card-tab-padding-horizontal-medium: var(--wds-space-300);
1279
1279
  --wds-card-header-padding-vertical: var(--wds-space-300);
1280
1280
  --wds-card-header-padding-horizontal: var(--wds-space-400);
1281
+ --wds-card-content-paddings-vertical: var(--wds-space-300);
1282
+ --wds-card-content-paddings-horizontal: var(--wds-space-400);
1281
1283
  --wds-card-content-padding-medium: var(--wds-space-400);
1282
1284
  --wds-card-content-padding-large: var(--wds-space-600);
1283
1285
  --wds-card-border: var(--wds-border-radius-400);
@@ -1408,6 +1410,7 @@
1408
1410
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1409
1411
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1410
1412
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1413
+ --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay);
1411
1414
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1412
1415
  --wds-toggle-switch-shadow: var(--wds-shadow-100);
1413
1416
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-urgent-secondary-hover);
@@ -1488,6 +1491,8 @@
1488
1491
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1489
1492
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1490
1493
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1494
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1495
+ --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1491
1496
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1492
1497
  --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1493
1498
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
@@ -1498,6 +1503,7 @@
1498
1503
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1499
1504
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1500
1505
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1506
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1501
1507
  --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1502
1508
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1503
1509
  --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1548,6 +1554,7 @@
1548
1554
  --wds-radio-border-active-disabled: var(--wds-color-border-standard-secondary-disabled);
1549
1555
  --wds-radio-border-active: var(--wds-color-border-standard-secondary-active);
1550
1556
  --wds-radio-border: var(--wds-color-border-standard-secondary-active);
1557
+ --wds-popover-menu-border-radius: var(--wds-border-radius-surface-overlay);
1551
1558
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1552
1559
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1553
1560
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
@@ -1753,6 +1760,14 @@
1753
1760
  --wds-close-button-standard-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1754
1761
  --wds-close-button-standard-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1755
1762
  --wds-close-button-standard-fill-active: var(--wds-color-fill-standard-primary-active);
1763
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-primary-hover);
1764
+ --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1765
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-primary-active);
1766
+ --wds-clickable-card-outline-border-color: var(--wds-color-border-standard-primary);
1767
+ --wds-clickable-card-filled-fill-hover: var(--wds-color-fill-light-primary-hover);
1768
+ --wds-clickable-card-filled-fill-disabled: var(--wds-color-fill-light-primary-disabled);
1769
+ --wds-clickable-card-filled-fill-active: var(--wds-color-fill-light-primary-active);
1770
+ --wds-clickable-card-filled-fill: var(--wds-color-fill-light-primary);
1756
1771
  --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
1757
1772
  --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
1758
1773
  --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary);
@@ -1785,7 +1800,7 @@
1785
1800
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
1786
1801
  --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled);
1787
1802
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1788
- --wds-button-label-fill-standard-secondary: var(--wds-color-text-standard-primary-light);
1803
+ --wds-button-label-fill-standard-secondary: var(--wds-color-text-primary);
1789
1804
  --wds-button-label-fill-standard-primary-disabled: var(--wds-color-text-disabled-light);
1790
1805
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-text-standard-primary-light);
1791
1806
  --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled);
package/all.scss CHANGED
@@ -373,7 +373,6 @@
373
373
  --wds-tooltip-label-font-weight-medium: var(--wds-font-weight-regular);
374
374
  --wds-tooltip-border-radius-small: var(--wds-border-radius-400);
375
375
  --wds-tooltip-border-radius-medium: var(--wds-border-radius-400);
376
- --wds-tooltip-border-radius: var(--wds-border-radius-400);
377
376
  --wds-toggle-switch-padding: var(--wds-space-25);
378
377
  --wds-toggle-button-shadow-y-tertiary-inverted: var(--wds-shadow-y-0);
379
378
  --wds-toggle-button-shadow-y-tertiary: var(--wds-shadow-y-0);
@@ -1271,6 +1270,8 @@
1271
1270
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1272
1271
  --wds-card-gallery-item-border-radius-100: var(--wds-border-radius-400);
1273
1272
  --wds-card-gallery-item-border-radius-0: var(--wds-border-radius-0);
1273
+ --wds-card-content-paddings-vertical: var(--wds-space-300);
1274
+ --wds-card-content-paddings-horizontal: var(--wds-space-400);
1274
1275
  --wds-card-content-padding-medium: var(--wds-space-400);
1275
1276
  --wds-card-content-padding-large: var(--wds-space-600);
1276
1277
  --wds-card-border: var(--wds-border-radius-400);
@@ -1341,6 +1342,7 @@
1341
1342
  --wds-badge-border-radius-tiny: var(--wds-border-radius-100);
1342
1343
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1343
1344
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1345
+ --wds-background-blur-modal: var(--wds-background-blur-0);
1344
1346
  --wds-avatar-group-gap-default: var(--wds-space-100);
1345
1347
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1346
1348
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
@@ -1390,6 +1392,7 @@
1390
1392
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1391
1393
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1392
1394
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1395
+ --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay);
1393
1396
  --wds-tooltip-background-fill: var(--wds-color-fill-surface-overlay-dark);
1394
1397
  --wds-toggle-switch-shadow: var(--wds-shadow-100);
1395
1398
  --wds-toggle-switch-fill-urgent-hover: var(--wds-color-fill-urgent-secondary-hover);
@@ -1470,6 +1473,8 @@
1470
1473
  --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1471
1474
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1472
1475
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1476
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1477
+ --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1473
1478
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1474
1479
  --wds-tag-fill-standard: var(--wds-color-fill-standard-secondary);
1475
1480
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
@@ -1480,6 +1485,7 @@
1480
1485
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1481
1486
  --wds-table-list-item-fill-active: var(--wds-color-fill-standard-tertiary-active);
1482
1487
  --wds-table-list-item-fill: var(--wds-color-fill-standard-tertiary);
1488
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1483
1489
  --wds-status-toast-text-font-size: var(--wds-font-size-body-medium);
1484
1490
  --wds-status-toast-text-fill: var(--wds-color-text-standard-primary-light);
1485
1491
  --wds-status-toast-info-icon-fill: var(--wds-color-text-standard-primary-light);
@@ -1538,6 +1544,7 @@
1538
1544
  --wds-radio-border-active-disabled: var(--wds-color-border-standard-secondary-disabled);
1539
1545
  --wds-radio-border-active: var(--wds-color-border-standard-secondary-active);
1540
1546
  --wds-radio-border: var(--wds-color-border-standard-secondary-active);
1547
+ --wds-popover-menu-border-radius: var(--wds-border-radius-surface-overlay);
1541
1548
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
1542
1549
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
1543
1550
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
@@ -1753,6 +1760,14 @@
1753
1760
  --wds-close-button-standard-fill-hover: var(--wds-color-fill-standard-secondary-hover);
1754
1761
  --wds-close-button-standard-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
1755
1762
  --wds-close-button-standard-fill-active: var(--wds-color-fill-standard-primary-active);
1763
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-primary-hover);
1764
+ --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
1765
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-primary-active);
1766
+ --wds-clickable-card-outline-border-color: var(--wds-color-border-standard-primary);
1767
+ --wds-clickable-card-filled-fill-hover: var(--wds-color-fill-light-primary-hover);
1768
+ --wds-clickable-card-filled-fill-disabled: var(--wds-color-fill-light-primary-disabled);
1769
+ --wds-clickable-card-filled-fill-active: var(--wds-color-fill-light-primary-active);
1770
+ --wds-clickable-card-filled-fill: var(--wds-color-fill-light-primary);
1756
1771
  --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
1757
1772
  --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
1758
1773
  --wds-circular-progress-bar-foreground-fill-premium: var(--wds-color-fill-premium-primary);
@@ -1785,7 +1800,7 @@
1785
1800
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-text-standard-primary-light);
1786
1801
  --wds-button-label-fill-standard-secondary-disabled: var(--wds-color-text-disabled);
1787
1802
  --wds-button-label-fill-standard-secondary-active: var(--wds-color-text-standard-primary-light);
1788
- --wds-button-label-fill-standard-secondary: var(--wds-color-text-standard-primary-light);
1803
+ --wds-button-label-fill-standard-secondary: var(--wds-color-text-primary);
1789
1804
  --wds-button-label-fill-standard-primary-disabled: var(--wds-color-text-disabled-light);
1790
1805
  --wds-button-label-fill-premium-secondary-hover: var(--wds-color-text-standard-primary-light);
1791
1806
  --wds-button-label-fill-premium-secondary-disabled: var(--wds-color-text-disabled);
package/all.st.css CHANGED
@@ -37,6 +37,7 @@
37
37
  @property st-global(--wds-background-blur-300);
38
38
  @property st-global(--wds-background-blur-350);
39
39
  @property st-global(--wds-background-blur-375);
40
+ @property st-global(--wds-background-blur-modal);
40
41
  @property st-global(--wds-badge-border-radius-medium);
41
42
  @property st-global(--wds-badge-border-radius-small);
42
43
  @property st-global(--wds-badge-border-radius-tiny);
@@ -200,6 +201,8 @@
200
201
  @property st-global(--wds-card-border);
201
202
  @property st-global(--wds-card-content-padding-large);
202
203
  @property st-global(--wds-card-content-padding-medium);
204
+ @property st-global(--wds-card-content-paddings-horizontal);
205
+ @property st-global(--wds-card-content-paddings-vertical);
203
206
  @property st-global(--wds-card-gallery-item-border-radius-0);
204
207
  @property st-global(--wds-card-gallery-item-border-radius-100);
205
208
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
@@ -251,6 +254,14 @@
251
254
  @property st-global(--wds-circular-progress-bar-size-medium);
252
255
  @property st-global(--wds-circular-progress-bar-size-small);
253
256
  @property st-global(--wds-circular-progress-bar-size-tiny);
257
+ @property st-global(--wds-clickable-card-filled-fill);
258
+ @property st-global(--wds-clickable-card-filled-fill-active);
259
+ @property st-global(--wds-clickable-card-filled-fill-disabled);
260
+ @property st-global(--wds-clickable-card-filled-fill-hover);
261
+ @property st-global(--wds-clickable-card-outline-border-color);
262
+ @property st-global(--wds-clickable-card-outline-border-color-active);
263
+ @property st-global(--wds-clickable-card-outline-border-color-disabled);
264
+ @property st-global(--wds-clickable-card-outline-border-color-hover);
254
265
  @property st-global(--wds-close-button-standard-fill-active);
255
266
  @property st-global(--wds-close-button-standard-fill-disabled);
256
267
  @property st-global(--wds-close-button-standard-fill-hover);
@@ -1211,6 +1222,7 @@
1211
1222
  @property st-global(--wds-popover-border-radius);
1212
1223
  @property st-global(--wds-popover-border-width);
1213
1224
  @property st-global(--wds-popover-fill);
1225
+ @property st-global(--wds-popover-menu-border-radius);
1214
1226
  @property st-global(--wds-popover-menu-paddings-horizontal);
1215
1227
  @property st-global(--wds-popover-menu-paddings-vertical);
1216
1228
  @property st-global(--wds-radio-border);
@@ -1618,6 +1630,7 @@
1618
1630
  @property st-global(--wds-swatches-swatch-size-tiny);
1619
1631
  @property st-global(--wds-swatches-swatch-size-x-tiny);
1620
1632
  @property st-global(--wds-table-list-item-border-radius);
1633
+ @property st-global(--wds-table-list-item-drag-handle-color);
1621
1634
  @property st-global(--wds-table-list-item-fill);
1622
1635
  @property st-global(--wds-table-list-item-fill-active);
1623
1636
  @property st-global(--wds-table-list-item-fill-hover);
@@ -1666,8 +1679,10 @@
1666
1679
  @property st-global(--wds-tag-size-small);
1667
1680
  @property st-global(--wds-tag-size-tiny);
1668
1681
  @property st-global(--wds-testimonial-list-gap);
1682
+ @property st-global(--wds-thumbnail-border-color);
1669
1683
  @property st-global(--wds-thumbnail-border-radius);
1670
1684
  @property st-global(--wds-thumbnail-border-width-default);
1685
+ @property st-global(--wds-thumbnail-checkmark-disabled);
1671
1686
  @property st-global(--wds-thumbnail-fill);
1672
1687
  @property st-global(--wds-thumbnail-fill-hover);
1673
1688
  @property st-global(--wds-thumbnail-gap);
@@ -1948,6 +1963,7 @@
1948
1963
  --wds-background-blur-300: 0;
1949
1964
  --wds-background-blur-350: 0;
1950
1965
  --wds-background-blur-375: 0;
1966
+ --wds-background-blur-modal: 0;
1951
1967
  --wds-badge-border-radius-medium: 2px;
1952
1968
  --wds-badge-border-radius-small: 2px;
1953
1969
  --wds-badge-border-radius-tiny: 2px;
@@ -2079,7 +2095,7 @@
2079
2095
  --wds-button-label-fill-premium-secondary-disabled: rgba(0, 6, 36, .3);
2080
2096
  --wds-button-label-fill-premium-secondary-hover: #ffffff;
2081
2097
  --wds-button-label-fill-standard-primary-disabled: rgba(255, 255, 255, .7);
2082
- --wds-button-label-fill-standard-secondary: #ffffff;
2098
+ --wds-button-label-fill-standard-secondary: #116dff;
2083
2099
  --wds-button-label-fill-standard-secondary-active: #ffffff;
2084
2100
  --wds-button-label-fill-standard-secondary-disabled: rgba(0, 6, 36, .3);
2085
2101
  --wds-button-label-fill-standard-secondary-hover: #ffffff;
@@ -2111,6 +2127,8 @@
2111
2127
  --wds-card-border: 8px;
2112
2128
  --wds-card-content-padding-large: 36px;
2113
2129
  --wds-card-content-padding-medium: 24px;
2130
+ --wds-card-content-paddings-horizontal: 24px;
2131
+ --wds-card-content-paddings-vertical: 18px;
2114
2132
  --wds-card-gallery-item-border-radius-0: 0;
2115
2133
  --wds-card-gallery-item-border-radius-100: 8px;
2116
2134
  --wds-card-gallery-item-content-margin-vertical: 0;
@@ -2162,6 +2180,14 @@
2162
2180
  --wds-circular-progress-bar-size-medium: 54px;
2163
2181
  --wds-circular-progress-bar-size-small: 30px;
2164
2182
  --wds-circular-progress-bar-size-tiny: 18px;
2183
+ --wds-clickable-card-filled-fill: #ffffff;
2184
+ --wds-clickable-card-filled-fill-active: #d6e6fe;
2185
+ --wds-clickable-card-filled-fill-disabled: rgba(255, 255, 255, .3);
2186
+ --wds-clickable-card-filled-fill-hover: #e7f0ff;
2187
+ --wds-clickable-card-outline-border-color: #a8caff;
2188
+ --wds-clickable-card-outline-border-color-active: #116dff;
2189
+ --wds-clickable-card-outline-border-color-disabled: rgba(0, 6, 36, .1);
2190
+ --wds-clickable-card-outline-border-color-hover: #5999ff;
2165
2191
  --wds-close-button-standard-fill-active: #084ebd;
2166
2192
  --wds-close-button-standard-fill-disabled: rgba(0, 6, 36, .1);
2167
2193
  --wds-close-button-standard-fill-hover: #a8caff;
@@ -3122,6 +3148,7 @@
3122
3148
  --wds-popover-border-radius: 8px;
3123
3149
  --wds-popover-border-width: 0;
3124
3150
  --wds-popover-fill: #ffffff;
3151
+ --wds-popover-menu-border-radius: 8px;
3125
3152
  --wds-popover-menu-paddings-horizontal: 0;
3126
3153
  --wds-popover-menu-paddings-vertical: 12px;
3127
3154
  --wds-radio-border: #116dff;
@@ -3529,6 +3556,7 @@
3529
3556
  --wds-swatches-swatch-size-tiny: 24px;
3530
3557
  --wds-swatches-swatch-size-x-tiny: 18px;
3531
3558
  --wds-table-list-item-border-radius: 0;
3559
+ --wds-table-list-item-drag-handle-color: #116dff;
3532
3560
  --wds-table-list-item-fill: #ffffff;
3533
3561
  --wds-table-list-item-fill-active: #d6e6fe;
3534
3562
  --wds-table-list-item-fill-hover: #e7f0ff;
@@ -3577,8 +3605,10 @@
3577
3605
  --wds-tag-size-small: 24px;
3578
3606
  --wds-tag-size-tiny: 18px;
3579
3607
  --wds-testimonial-list-gap: 30px;
3608
+ --wds-thumbnail-border-color: #d6e6fe;
3580
3609
  --wds-thumbnail-border-radius: 6px;
3581
3610
  --wds-thumbnail-border-width-default: 1px;
3611
+ --wds-thumbnail-checkmark-disabled: rgba(0, 6, 36, .3);
3582
3612
  --wds-thumbnail-fill: rgba(255, 255, 255, 0);
3583
3613
  --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
3584
3614
  --wds-thumbnail-gap: 12px;
package/component.st.css CHANGED
@@ -168,6 +168,8 @@
168
168
  @property st-global(--wds-card-border);
169
169
  @property st-global(--wds-card-content-padding-large);
170
170
  @property st-global(--wds-card-content-padding-medium);
171
+ @property st-global(--wds-card-content-paddings-horizontal);
172
+ @property st-global(--wds-card-content-paddings-vertical);
171
173
  @property st-global(--wds-card-gallery-item-border-radius-0);
172
174
  @property st-global(--wds-card-gallery-item-border-radius-100);
173
175
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
@@ -219,6 +221,14 @@
219
221
  @property st-global(--wds-circular-progress-bar-size-medium);
220
222
  @property st-global(--wds-circular-progress-bar-size-small);
221
223
  @property st-global(--wds-circular-progress-bar-size-tiny);
224
+ @property st-global(--wds-clickable-card-filled-fill);
225
+ @property st-global(--wds-clickable-card-filled-fill-active);
226
+ @property st-global(--wds-clickable-card-filled-fill-disabled);
227
+ @property st-global(--wds-clickable-card-filled-fill-hover);
228
+ @property st-global(--wds-clickable-card-outline-border-color);
229
+ @property st-global(--wds-clickable-card-outline-border-color-active);
230
+ @property st-global(--wds-clickable-card-outline-border-color-disabled);
231
+ @property st-global(--wds-clickable-card-outline-border-color-hover);
222
232
  @property st-global(--wds-close-button-standard-fill-active);
223
233
  @property st-global(--wds-close-button-standard-fill-disabled);
224
234
  @property st-global(--wds-close-button-standard-fill-hover);
@@ -654,6 +664,7 @@
654
664
  @property st-global(--wds-popover-border-radius);
655
665
  @property st-global(--wds-popover-border-width);
656
666
  @property st-global(--wds-popover-fill);
667
+ @property st-global(--wds-popover-menu-border-radius);
657
668
  @property st-global(--wds-popover-menu-paddings-horizontal);
658
669
  @property st-global(--wds-popover-menu-paddings-vertical);
659
670
  @property st-global(--wds-radio-border);
@@ -912,6 +923,7 @@
912
923
  @property st-global(--wds-swatches-swatch-size-tiny);
913
924
  @property st-global(--wds-swatches-swatch-size-x-tiny);
914
925
  @property st-global(--wds-table-list-item-border-radius);
926
+ @property st-global(--wds-table-list-item-drag-handle-color);
915
927
  @property st-global(--wds-table-list-item-fill);
916
928
  @property st-global(--wds-table-list-item-fill-active);
917
929
  @property st-global(--wds-table-list-item-fill-hover);
@@ -960,8 +972,10 @@
960
972
  @property st-global(--wds-tag-size-small);
961
973
  @property st-global(--wds-tag-size-tiny);
962
974
  @property st-global(--wds-testimonial-list-gap);
975
+ @property st-global(--wds-thumbnail-border-color);
963
976
  @property st-global(--wds-thumbnail-border-radius);
964
977
  @property st-global(--wds-thumbnail-border-width-default);
978
+ @property st-global(--wds-thumbnail-checkmark-disabled);
965
979
  @property st-global(--wds-thumbnail-fill);
966
980
  @property st-global(--wds-thumbnail-fill-hover);
967
981
  @property st-global(--wds-thumbnail-gap);
@@ -1339,7 +1353,7 @@
1339
1353
  --wds-button-label-fill-premium-secondary-disabled: rgba(0, 6, 36, .3);
1340
1354
  --wds-button-label-fill-premium-secondary-hover: #ffffff;
1341
1355
  --wds-button-label-fill-standard-primary-disabled: rgba(255, 255, 255, .7);
1342
- --wds-button-label-fill-standard-secondary: #ffffff;
1356
+ --wds-button-label-fill-standard-secondary: #116dff;
1343
1357
  --wds-button-label-fill-standard-secondary-active: #ffffff;
1344
1358
  --wds-button-label-fill-standard-secondary-disabled: rgba(0, 6, 36, .3);
1345
1359
  --wds-button-label-fill-standard-secondary-hover: #ffffff;
@@ -1371,6 +1385,8 @@
1371
1385
  --wds-card-border: 8px;
1372
1386
  --wds-card-content-padding-large: 36px;
1373
1387
  --wds-card-content-padding-medium: 24px;
1388
+ --wds-card-content-paddings-horizontal: 24px;
1389
+ --wds-card-content-paddings-vertical: 18px;
1374
1390
  --wds-card-gallery-item-border-radius-0: 0;
1375
1391
  --wds-card-gallery-item-border-radius-100: 8px;
1376
1392
  --wds-card-gallery-item-content-margin-vertical: 0;
@@ -1422,6 +1438,14 @@
1422
1438
  --wds-circular-progress-bar-size-medium: 54px;
1423
1439
  --wds-circular-progress-bar-size-small: 30px;
1424
1440
  --wds-circular-progress-bar-size-tiny: 18px;
1441
+ --wds-clickable-card-filled-fill: #ffffff;
1442
+ --wds-clickable-card-filled-fill-active: #d6e6fe;
1443
+ --wds-clickable-card-filled-fill-disabled: rgba(255, 255, 255, .3);
1444
+ --wds-clickable-card-filled-fill-hover: #e7f0ff;
1445
+ --wds-clickable-card-outline-border-color: #a8caff;
1446
+ --wds-clickable-card-outline-border-color-active: #116dff;
1447
+ --wds-clickable-card-outline-border-color-disabled: rgba(0, 6, 36, .1);
1448
+ --wds-clickable-card-outline-border-color-hover: #5999ff;
1425
1449
  --wds-close-button-standard-fill-active: #084ebd;
1426
1450
  --wds-close-button-standard-fill-disabled: rgba(0, 6, 36, .1);
1427
1451
  --wds-close-button-standard-fill-hover: #a8caff;
@@ -1857,6 +1881,7 @@
1857
1881
  --wds-popover-border-radius: 8px;
1858
1882
  --wds-popover-border-width: 0;
1859
1883
  --wds-popover-fill: #ffffff;
1884
+ --wds-popover-menu-border-radius: 8px;
1860
1885
  --wds-popover-menu-paddings-horizontal: 0;
1861
1886
  --wds-popover-menu-paddings-vertical: 12px;
1862
1887
  --wds-radio-border: #116dff;
@@ -2115,6 +2140,7 @@
2115
2140
  --wds-swatches-swatch-size-tiny: 24px;
2116
2141
  --wds-swatches-swatch-size-x-tiny: 18px;
2117
2142
  --wds-table-list-item-border-radius: 0;
2143
+ --wds-table-list-item-drag-handle-color: #116dff;
2118
2144
  --wds-table-list-item-fill: #ffffff;
2119
2145
  --wds-table-list-item-fill-active: #d6e6fe;
2120
2146
  --wds-table-list-item-fill-hover: #e7f0ff;
@@ -2163,8 +2189,10 @@
2163
2189
  --wds-tag-size-small: 24px;
2164
2190
  --wds-tag-size-tiny: 18px;
2165
2191
  --wds-testimonial-list-gap: 30px;
2192
+ --wds-thumbnail-border-color: #d6e6fe;
2166
2193
  --wds-thumbnail-border-radius: 6px;
2167
2194
  --wds-thumbnail-border-width-default: 1px;
2195
+ --wds-thumbnail-checkmark-disabled: rgba(0, 6, 36, .3);
2168
2196
  --wds-thumbnail-fill: rgba(255, 255, 255, 0);
2169
2197
  --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
2170
2198
  --wds-thumbnail-gap: 12px;
package/odeditor/all.css CHANGED
@@ -264,6 +264,7 @@
264
264
  --wds-border-radius-200: 4px;
265
265
  --wds-border-radius-100: 2px;
266
266
  --wds-border-radius-0: 0;
267
+ --wds-background-blur-450: 40px;
267
268
  --wds-background-blur-375: 0;
268
269
  --wds-background-blur-350: 0;
269
270
  --wds-background-blur-300: 0;
@@ -297,7 +298,6 @@
297
298
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
298
299
  --wds-toggle-button-shadow-blur-secondary: 1.7px;
299
300
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
300
- --wds-thumbnail-checkmark: true;
301
301
  --wds-tabs-selection-height: 3px;
302
302
  --wds-swatches-swatch-active-border-radius-small: 5px;
303
303
  --wds-swatches-swatch-active-border-radius-medium: 7px;
@@ -369,6 +369,7 @@
369
369
  --wds-border-radius-surface-modal-backdrop: var(--wds-border-radius-0);
370
370
  --wds-border-radius-surface-modal: var(--wds-border-radius-600);
371
371
  --wds-border-radius-surface-default: var(--wds-border-radius-600);
372
+ --wds-background-blur-modal: var(--wds-background-blur-450);
372
373
  --wds-space-viewport-spacing: var(--wds-space-1200);
373
374
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
374
375
  --wds-space-padding-vertical-x-tiny: var(--wds-space-200);
@@ -546,7 +547,7 @@
546
547
  --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
547
548
  --wds-color-fill-surface-overlay: var(--wds-color-white);
548
549
  --wds-color-fill-surface-neutral: var(--wds-color-black-750);
549
- --wds-color-fill-surface-modal-backdrop: var(--wds-color-black-100-transparent-70);
550
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-black-100-transparent-25);
550
551
  --wds-color-fill-surface-modal: var(--wds-color-white);
551
552
  --wds-color-fill-surface-destructive: var(--wds-color-red-500);
552
553
  --wds-color-fill-surface-default: var(--wds-color-white);
@@ -719,7 +720,7 @@
719
720
  --wds-color-border-standard-secondary-readonly: var(--wds-color-black-600);
720
721
  --wds-color-border-standard-secondary-hover: var(--wds-color-blue-300);
721
722
  --wds-color-border-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
722
- --wds-color-border-standard-secondary-active: var(--wds-color-blue-250);
723
+ --wds-color-border-standard-secondary-active: var(--wds-color-blue-100);
723
724
  --wds-color-border-standard-secondary: var(--wds-color-blue-500);
724
725
  --wds-color-border-standard-primary-hover: var(--wds-color-blue-200);
725
726
  --wds-color-border-standard-primary-disabled: var(--wds-color-black-100-transparent-10);
@@ -874,6 +875,7 @@
874
875
  --wds-thumbnail-gap: var(--wds-space-300);
875
876
  --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
876
877
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
878
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-black-550);
877
879
  --wds-thumbnail-border-width-selected: var(--wds-border-width-200);
878
880
  --wds-thumbnail-border-width-hover: var(--wds-border-width-100);
879
881
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
@@ -1094,6 +1096,8 @@
1094
1096
  --wds-radio-group-gap-horizontal-medium: var(--wds-space-400);
1095
1097
  --wds-radio-border-radius: var(--wds-border-radius-full);
1096
1098
  --wds-radio-border-active-disabled: var(--wds-color-black-100-transparent-0);
1099
+ --wds-popover-menu-paddings-vertical: var(--wds-space-200);
1100
+ --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
1097
1101
  --wds-popover-menu-border-radius: var(--wds-border-radius-600);
1098
1102
  --wds-popover-border-width: var(--wds-border-width-none);
1099
1103
  --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
@@ -1551,6 +1555,10 @@
1551
1555
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1552
1556
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1553
1557
  --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1558
+ --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1559
+ --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1560
+ --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1561
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1554
1562
  --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1555
1563
  --wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
1556
1564
  --wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
package/odeditor/all.scss CHANGED
@@ -23,7 +23,6 @@
23
23
  --wds-toggle-button-shadow-blur-secondary-inverted: 0.6px;
24
24
  --wds-toggle-button-shadow-blur-secondary: 1.7px;
25
25
  --wds-toggle-button-shadow-blur-primary-inverted: 30px;
26
- --wds-thumbnail-checkmark: true;
27
26
  --wds-tabs-selection-height: 3px;
28
27
  --wds-swatches-swatch-active-border-radius-small: 5px;
29
28
  --wds-swatches-swatch-active-border-radius-medium: 7px;
@@ -334,6 +333,7 @@
334
333
  --wds-border-radius-200: 4px;
335
334
  --wds-border-radius-100: 2px;
336
335
  --wds-border-radius-0: 0;
336
+ --wds-background-blur-450: 40px;
337
337
  --wds-background-blur-375: 0;
338
338
  --wds-background-blur-350: 0;
339
339
  --wds-background-blur-300: 0;
@@ -463,6 +463,7 @@
463
463
  --wds-thumbnail-gap: var(--wds-space-300);
464
464
  --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
465
465
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
466
+ --wds-thumbnail-checkmark-disabled: var(--wds-color-black-550);
466
467
  --wds-thumbnail-border-width-selected: var(--wds-border-width-200);
467
468
  --wds-thumbnail-border-width-hover: var(--wds-border-width-100);
468
469
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
@@ -763,6 +764,8 @@
763
764
  --wds-radio-group-gap-horizontal-medium: var(--wds-space-400);
764
765
  --wds-radio-border-radius: var(--wds-border-radius-full);
765
766
  --wds-radio-border-active-disabled: var(--wds-color-black-100-transparent-0);
767
+ --wds-popover-menu-paddings-vertical: var(--wds-space-200);
768
+ --wds-popover-menu-paddings-horizontal: var(--wds-space-200);
766
769
  --wds-popover-menu-border-radius: var(--wds-border-radius-600);
767
770
  --wds-popover-border-width: var(--wds-border-width-none);
768
771
  --wds-popover-border-fill: var(--wds-color-black-100-transparent-0);
@@ -1071,7 +1074,7 @@
1071
1074
  --wds-color-fill-surface-overlay-dark: var(--wds-color-black-100);
1072
1075
  --wds-color-fill-surface-overlay: var(--wds-color-white);
1073
1076
  --wds-color-fill-surface-neutral: var(--wds-color-black-750);
1074
- --wds-color-fill-surface-modal-backdrop: var(--wds-color-black-100-transparent-70);
1077
+ --wds-color-fill-surface-modal-backdrop: var(--wds-color-black-100-transparent-25);
1075
1078
  --wds-color-fill-surface-modal: var(--wds-color-white);
1076
1079
  --wds-color-fill-surface-destructive: var(--wds-color-red-500);
1077
1080
  --wds-color-fill-surface-default: var(--wds-color-white);
@@ -1244,7 +1247,7 @@
1244
1247
  --wds-color-border-standard-secondary-readonly: var(--wds-color-black-600);
1245
1248
  --wds-color-border-standard-secondary-hover: var(--wds-color-blue-300);
1246
1249
  --wds-color-border-standard-secondary-disabled: var(--wds-color-black-100-transparent-10);
1247
- --wds-color-border-standard-secondary-active: var(--wds-color-blue-250);
1250
+ --wds-color-border-standard-secondary-active: var(--wds-color-blue-100);
1248
1251
  --wds-color-border-standard-secondary: var(--wds-color-blue-500);
1249
1252
  --wds-color-border-standard-primary-hover: var(--wds-color-blue-200);
1250
1253
  --wds-color-border-standard-primary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1425,6 +1428,7 @@
1425
1428
  --wds-badge-border-radius-tiny: var(--wds-border-radius-200);
1426
1429
  --wds-badge-border-radius-small: var(--wds-border-radius-200);
1427
1430
  --wds-badge-border-radius-medium: var(--wds-border-radius-200);
1431
+ --wds-background-blur-modal: var(--wds-background-blur-450);
1428
1432
  --wds-avatar-group-gap-default: var(--wds-space-100);
1429
1433
  --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
1430
1434
  --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
@@ -1533,6 +1537,10 @@
1533
1537
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1534
1538
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1535
1539
  --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1540
+ --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1541
+ --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1542
+ --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1543
+ --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1536
1544
  --wds-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1537
1545
  --wds-slider-track-color: var(--wds-color-fill-dark-secondary-hover);
1538
1546
  --wds-slider-slider-marks-label-font-line-height: var(--wds-font-line-height-100);
package/odeditor/all.st.css CHANGED
@@ -58,6 +58,8 @@
58
58
  @property st-global(--wds-background-blur-300);
59
59
  @property st-global(--wds-background-blur-350);
60
60
  @property st-global(--wds-background-blur-375);
61
+ @property st-global(--wds-background-blur-450);
62
+ @property st-global(--wds-background-blur-modal);
61
63
  @property st-global(--wds-badge-border-radius-medium);
62
64
  @property st-global(--wds-badge-border-radius-small);
63
65
  @property st-global(--wds-badge-border-radius-tiny);
@@ -1234,6 +1236,8 @@
1234
1236
  @property st-global(--wds-popover-border-width);
1235
1237
  @property st-global(--wds-popover-fill);
1236
1238
  @property st-global(--wds-popover-menu-border-radius);
1239
+ @property st-global(--wds-popover-menu-paddings-horizontal);
1240
+ @property st-global(--wds-popover-menu-paddings-vertical);
1237
1241
  @property st-global(--wds-radio-border);
1238
1242
  @property st-global(--wds-radio-border-active);
1239
1243
  @property st-global(--wds-radio-border-active-disabled);
@@ -1641,6 +1645,10 @@
1641
1645
  @property st-global(--wds-swatches-swatch-size-tiny);
1642
1646
  @property st-global(--wds-table-list-item-border-radius);
1643
1647
  @property st-global(--wds-table-list-item-controls-padding-medium);
1648
+ @property st-global(--wds-table-list-item-drag-handle-color);
1649
+ @property st-global(--wds-table-list-item-fill);
1650
+ @property st-global(--wds-table-list-item-fill-active);
1651
+ @property st-global(--wds-table-list-item-fill-hover);
1644
1652
  @property st-global(--wds-table-list-item-gap);
1645
1653
  @property st-global(--wds-table-list-item-indentation-level-2);
1646
1654
  @property st-global(--wds-table-list-item-indentation-level-3);
@@ -1693,7 +1701,7 @@
1693
1701
  @property st-global(--wds-thumbnail-border-width-default);
1694
1702
  @property st-global(--wds-thumbnail-border-width-hover);
1695
1703
  @property st-global(--wds-thumbnail-border-width-selected);
1696
- @property st-global(--wds-thumbnail-checkmark);
1704
+ @property st-global(--wds-thumbnail-checkmark-disabled);
1697
1705
  @property st-global(--wds-thumbnail-fill);
1698
1706
  @property st-global(--wds-thumbnail-fill-hover);
1699
1707
  @property st-global(--wds-thumbnail-gap);
@@ -1982,6 +1990,8 @@
1982
1990
  --wds-background-blur-300: 0;
1983
1991
  --wds-background-blur-350: 0;
1984
1992
  --wds-background-blur-375: 0;
1993
+ --wds-background-blur-450: 40px;
1994
+ --wds-background-blur-modal: 40px;
1985
1995
  --wds-badge-border-radius-medium: 4px;
1986
1996
  --wds-badge-border-radius-small: 4px;
1987
1997
  --wds-badge-border-radius-tiny: 4px;
@@ -2231,7 +2241,7 @@
2231
2241
  --wds-clickable-card-filled-fill-disabled: #f8f6f6;
2232
2242
  --wds-clickable-card-filled-fill-hover: #f0efef;
2233
2243
  --wds-clickable-card-outline-border-color: #dedede;
2234
- --wds-clickable-card-outline-border-color-active: #7896ff;
2244
+ --wds-clickable-card-outline-border-color-active: #2f5dff;
2235
2245
  --wds-clickable-card-outline-border-color-disabled: rgba(19, 23, 32, .1);
2236
2246
  --wds-clickable-card-outline-border-color-hover: #acbeff;
2237
2247
  --wds-close-button-standard-fill-active: #f0efef;
@@ -2327,7 +2337,7 @@
2327
2337
  --wds-color-border-standard-primary-disabled: rgba(19, 23, 32, .1);
2328
2338
  --wds-color-border-standard-primary-hover: #597dff;
2329
2339
  --wds-color-border-standard-secondary: #eaefff;
2330
- --wds-color-border-standard-secondary-active: #7896ff;
2340
+ --wds-color-border-standard-secondary-active: #2f5dff;
2331
2341
  --wds-color-border-standard-secondary-disabled: rgba(19, 23, 32, .1);
2332
2342
  --wds-color-border-standard-secondary-hover: #acbeff;
2333
2343
  --wds-color-border-standard-secondary-readonly: #e8e7e7;
@@ -2563,7 +2573,7 @@
2563
2573
  --wds-color-fill-surface-default: #ffffff;
2564
2574
  --wds-color-fill-surface-destructive: #f9d6d7;
2565
2575
  --wds-color-fill-surface-modal: #ffffff;
2566
- --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .7);
2576
+ --wds-color-fill-surface-modal-backdrop: rgba(19, 23, 32, .25);
2567
2577
  --wds-color-fill-surface-neutral: #f8f6f6;
2568
2578
  --wds-color-fill-surface-overlay: #ffffff;
2569
2579
  --wds-color-fill-surface-overlay-dark: #151414;
@@ -3158,6 +3168,8 @@
3158
3168
  --wds-popover-border-width: 0;
3159
3169
  --wds-popover-fill: #ffffff;
3160
3170
  --wds-popover-menu-border-radius: 12px;
3171
+ --wds-popover-menu-paddings-horizontal: 8px;
3172
+ --wds-popover-menu-paddings-vertical: 8px;
3161
3173
  --wds-radio-border: #767574;
3162
3174
  --wds-radio-border-active: #2f5dff;
3163
3175
  --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
@@ -3565,6 +3577,10 @@
3565
3577
  --wds-swatches-swatch-size-tiny: 24px;
3566
3578
  --wds-table-list-item-border-radius: 12px;
3567
3579
  --wds-table-list-item-controls-padding-medium: 8px;
3580
+ --wds-table-list-item-drag-handle-color: #151414;
3581
+ --wds-table-list-item-fill: #ffffff;
3582
+ --wds-table-list-item-fill-active: #f0efef;
3583
+ --wds-table-list-item-fill-hover: #f8f6f6;
3568
3584
  --wds-table-list-item-gap: 16px;
3569
3585
  --wds-table-list-item-indentation-level-2: 12px;
3570
3586
  --wds-table-list-item-indentation-level-3: 28px;
@@ -3612,12 +3628,12 @@
3612
3628
  --wds-thumbnail-border-color: #e8e7e7;
3613
3629
  --wds-thumbnail-border-color-disabled: rgba(19, 23, 32, .1);
3614
3630
  --wds-thumbnail-border-color-hover: #acbeff;
3615
- --wds-thumbnail-border-color-selected: #7896ff;
3631
+ --wds-thumbnail-border-color-selected: #2f5dff;
3616
3632
  --wds-thumbnail-border-radius: 8px;
3617
3633
  --wds-thumbnail-border-width-default: 1px;
3618
3634
  --wds-thumbnail-border-width-hover: 1px;
3619
3635
  --wds-thumbnail-border-width-selected: 2px;
3620
- --wds-thumbnail-checkmark: true;
3636
+ --wds-thumbnail-checkmark-disabled: #dedede;
3621
3637
  --wds-thumbnail-fill: rgba(255, 255, 255, 0);
3622
3638
  --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
3623
3639
  --wds-thumbnail-gap: 12px;