@wix/design-system-tokens 1.223.0 → 1.224.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 (23) hide show
  1. package/CHANGELOG.md +60 -0
  2. package/all.css +71 -0
  3. package/all.scss +71 -0
  4. package/all.st.css +142 -0
  5. package/component.st.css +142 -0
  6. package/odeditor/all.css +78 -7
  7. package/odeditor/all.scss +78 -7
  8. package/odeditor/all.st.css +149 -7
  9. package/odeditor/component.st.css +149 -7
  10. package/odeditor-dark/all.css +79 -8
  11. package/odeditor-dark/all.scss +79 -8
  12. package/odeditor-dark/all.st.css +150 -8
  13. package/odeditor-dark/component.st.css +149 -7
  14. package/odeditor-dark/semantic.st.css +1 -1
  15. package/package.json +2 -2
  16. package/studio/all.css +71 -0
  17. package/studio/all.scss +71 -0
  18. package/studio/all.st.css +142 -0
  19. package/studio/component.st.css +142 -0
  20. package/wixel/all.css +71 -0
  21. package/wixel/all.scss +71 -0
  22. package/wixel/all.st.css +142 -0
  23. package/wixel/component.st.css +142 -0
package/odeditor/all.st.css CHANGED
@@ -304,6 +304,8 @@
304
304
  @property st-global(--wds-card-content-padding-medium-top);
305
305
  @property st-global(--wds-card-content-paddings-horizontal);
306
306
  @property st-global(--wds-card-content-paddings-vertical);
307
+ @property st-global(--wds-card-controls-padding-horizontal);
308
+ @property st-global(--wds-card-controls-padding-vertical);
307
309
  @property st-global(--wds-card-divider-opacity);
308
310
  @property st-global(--wds-card-gallery-item-action-button-border-radius);
309
311
  @property st-global(--wds-card-gallery-item-action-button-font-size);
@@ -369,8 +371,48 @@
369
371
  @property st-global(--wds-card-tab-padding-horizontal-small);
370
372
  @property st-global(--wds-card-tab-padding-vertical-medium);
371
373
  @property st-global(--wds-card-tab-padding-vertical-small);
374
+ @property st-global(--wds-carousel-controls-border);
375
+ @property st-global(--wds-carousel-controls-border-disabled);
376
+ @property st-global(--wds-carousel-controls-border-radius);
377
+ @property st-global(--wds-carousel-controls-bottom-offset-dots);
378
+ @property st-global(--wds-carousel-controls-bottom-offset-no-dots);
379
+ @property st-global(--wds-carousel-controls-bottom-shift);
380
+ @property st-global(--wds-carousel-controls-fill-active);
381
+ @property st-global(--wds-carousel-controls-fill-hover);
382
+ @property st-global(--wds-carousel-controls-gap-large);
383
+ @property st-global(--wds-carousel-controls-gap-medium);
384
+ @property st-global(--wds-carousel-controls-gap-small);
385
+ @property st-global(--wds-carousel-controls-gap-tiny);
386
+ @property st-global(--wds-carousel-controls-icon-fill);
387
+ @property st-global(--wds-carousel-controls-icon-fill-active);
388
+ @property st-global(--wds-carousel-controls-icon-fill-disabled);
389
+ @property st-global(--wds-carousel-controls-icon-fill-hover);
390
+ @property st-global(--wds-carousel-controls-offset-bottom);
391
+ @property st-global(--wds-carousel-controls-offset-bottom-gradient);
392
+ @property st-global(--wds-carousel-controls-offset-overlay);
393
+ @property st-global(--wds-carousel-controls-offset-sides);
394
+ @property st-global(--wds-carousel-controls-offset-sides-gradient);
372
395
  @property st-global(--wds-carousel-controls-shadow);
396
+ @property st-global(--wds-carousel-controls-shadow-active);
397
+ @property st-global(--wds-carousel-controls-shadow-default);
398
+ @property st-global(--wds-carousel-controls-shadow-disabled);
399
+ @property st-global(--wds-carousel-controls-shadow-hover);
400
+ @property st-global(--wds-carousel-controls-size-large);
401
+ @property st-global(--wds-carousel-controls-size-medium);
402
+ @property st-global(--wds-carousel-controls-size-small);
403
+ @property st-global(--wds-carousel-controls-size-tiny);
404
+ @property st-global(--wds-carousel-dots-border-radius);
405
+ @property st-global(--wds-carousel-dots-fill);
406
+ @property st-global(--wds-carousel-dots-fill-active);
407
+ @property st-global(--wds-carousel-dots-fill-hover);
408
+ @property st-global(--wds-carousel-dots-gap);
409
+ @property st-global(--wds-carousel-dots-gap-bottom);
410
+ @property st-global(--wds-carousel-dots-gap-bottom-shift);
411
+ @property st-global(--wds-carousel-dots-height);
373
412
  @property st-global(--wds-carousel-dots-width);
413
+ @property st-global(--wds-carousel-gradient-color);
414
+ @property st-global(--wds-carousel-gradient-opacity);
415
+ @property st-global(--wds-carousel-gradient-width);
374
416
  @property st-global(--wds-checkbox-border);
375
417
  @property st-global(--wds-checkbox-border-active);
376
418
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -1228,6 +1270,7 @@
1228
1270
  @property st-global(--wds-input-background-fill-default);
1229
1271
  @property st-global(--wds-input-background-fill-disabled);
1230
1272
  @property st-global(--wds-input-background-fill-hover);
1273
+ @property st-global(--wds-input-background-fill-on-stage);
1231
1274
  @property st-global(--wds-input-background-fill-readonly);
1232
1275
  @property st-global(--wds-input-border-color);
1233
1276
  @property st-global(--wds-input-border-color-disabled);
@@ -1394,6 +1437,7 @@
1394
1437
  @property st-global(--wds-loader-stroke-width-medium);
1395
1438
  @property st-global(--wds-loader-stroke-width-small);
1396
1439
  @property st-global(--wds-loader-stroke-width-tiny);
1440
+ @property st-global(--wds-marketing-layout-actions-alignment-inverted);
1397
1441
  @property st-global(--wds-marketing-layout-actions-gap-medium);
1398
1442
  @property st-global(--wds-marketing-layout-actions-gap-small);
1399
1443
  @property st-global(--wds-marketing-layout-actions-gap-tiny);
@@ -1415,7 +1459,11 @@
1415
1459
  @property st-global(--wds-marketing-layout-description-line-height-medium);
1416
1460
  @property st-global(--wds-marketing-layout-description-line-height-small);
1417
1461
  @property st-global(--wds-marketing-layout-description-line-height-tiny);
1462
+ @property st-global(--wds-marketing-layout-description-max-width);
1463
+ @property st-global(--wds-marketing-layout-image-aspect-ratio);
1418
1464
  @property st-global(--wds-marketing-layout-image-border-radius);
1465
+ @property st-global(--wds-marketing-layout-image-height);
1466
+ @property st-global(--wds-marketing-layout-image-object-fit);
1419
1467
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
1420
1468
  @property st-global(--wds-marketing-layout-image-padding-left-small);
1421
1469
  @property st-global(--wds-marketing-layout-image-padding-left-tiny);
@@ -1425,6 +1473,13 @@
1425
1473
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1426
1474
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1427
1475
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1476
+ @property st-global(--wds-marketing-layout-image-width);
1477
+ @property st-global(--wds-marketing-layout-image-wrapper-contain);
1478
+ @property st-global(--wds-marketing-layout-image-wrapper-flex);
1479
+ @property st-global(--wds-marketing-layout-image-wrapper-width);
1480
+ @property st-global(--wds-marketing-layout-min-height-medium);
1481
+ @property st-global(--wds-marketing-layout-min-height-small);
1482
+ @property st-global(--wds-marketing-layout-min-height-tiny);
1428
1483
  @property st-global(--wds-marketing-layout-padding-left-medium);
1429
1484
  @property st-global(--wds-marketing-layout-padding-left-small);
1430
1485
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1434,6 +1489,7 @@
1434
1489
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1435
1490
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1436
1491
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1492
+ @property st-global(--wds-marketing-layout-title-font-family-tiny);
1437
1493
  @property st-global(--wds-marketing-layout-title-font-size-medium);
1438
1494
  @property st-global(--wds-marketing-layout-title-font-size-small);
1439
1495
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1893,6 +1949,8 @@
1893
1949
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1894
1950
  @property st-global(--wds-side-panel-title-font-line-height);
1895
1951
  @property st-global(--wds-side-panel-title-font-size);
1952
+ @property st-global(--wds-sidebar-border-inner-fill);
1953
+ @property st-global(--wds-sidebar-border-outer-fill);
1896
1954
  @property st-global(--wds-sidebar-clear-button-fill);
1897
1955
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1898
1956
  @property st-global(--wds-sidebar-divider-fill-light-default);
@@ -1900,6 +1958,10 @@
1900
1958
  @property st-global(--wds-sidebar-divider-padding-bottom);
1901
1959
  @property st-global(--wds-sidebar-divider-padding-inline);
1902
1960
  @property st-global(--wds-sidebar-divider-padding-top);
1961
+ @property st-global(--wds-sidebar-fill-dark);
1962
+ @property st-global(--wds-sidebar-fill-light);
1963
+ @property st-global(--wds-sidebar-fill-neutral);
1964
+ @property st-global(--wds-sidebar-footer-fade-height);
1903
1965
  @property st-global(--wds-sidebar-header-margin-bottom);
1904
1966
  @property st-global(--wds-sidebar-header-text-dark-default);
1905
1967
  @property st-global(--wds-sidebar-item-border-radius);
@@ -1988,6 +2050,7 @@
1988
2050
  @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1989
2051
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1990
2052
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
2053
+ @property st-global(--wds-sidebar-submenu-level-2-padding-bottom);
1991
2054
  @property st-global(--wds-skeleton-border-radius-circle);
1992
2055
  @property st-global(--wds-skeleton-border-radius-line);
1993
2056
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -2099,12 +2162,15 @@
2099
2162
  @property st-global(--wds-swatches-swatch-size-medium);
2100
2163
  @property st-global(--wds-swatches-swatch-size-small);
2101
2164
  @property st-global(--wds-swatches-swatch-size-tiny);
2165
+ @property st-global(--wds-table-action-cell-backdrop-opacity);
2102
2166
  @property st-global(--wds-table-action-cell-primary-action-gap-medium);
2103
2167
  @property st-global(--wds-table-action-cell-primary-action-gap-small);
2104
2168
  @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
2105
2169
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
2106
2170
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
2107
2171
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
2172
+ @property st-global(--wds-table-cell-padding-inline);
2173
+ @property st-global(--wds-table-header-font-weight);
2108
2174
  @property st-global(--wds-table-list-header-checkbox-padding-left);
2109
2175
  @property st-global(--wds-table-list-header-checkbox-padding-right);
2110
2176
  @property st-global(--wds-table-list-header-divider-fill-bottom);
@@ -2127,10 +2193,15 @@
2127
2193
  @property st-global(--wds-table-list-item-fill-highlight);
2128
2194
  @property st-global(--wds-table-list-item-fill-hover);
2129
2195
  @property st-global(--wds-table-list-item-fill-hover-draggable);
2196
+ @property st-global(--wds-table-list-item-fill-overlay);
2130
2197
  @property st-global(--wds-table-list-item-gap);
2131
2198
  @property st-global(--wds-table-list-item-indentation-level-2);
2132
2199
  @property st-global(--wds-table-list-item-indentation-level-3);
2133
2200
  @property st-global(--wds-table-list-item-paddings);
2201
+ @property st-global(--wds-table-region-divider-fill);
2202
+ @property st-global(--wds-table-row-divider-fill);
2203
+ @property st-global(--wds-table-sub-toolbar-padding-block-end);
2204
+ @property st-global(--wds-table-sub-toolbar-padding-block-start);
2134
2205
  @property st-global(--wds-table-toolbar-button-gap);
2135
2206
  @property st-global(--wds-table-toolbar-divider-gap);
2136
2207
  @property st-global(--wds-table-toolbar-divider-gap-group-start);
@@ -2766,6 +2837,8 @@
2766
2837
  --wds-card-content-padding-medium-top: 4px;
2767
2838
  --wds-card-content-paddings-horizontal: 12px;
2768
2839
  --wds-card-content-paddings-vertical: 12px;
2840
+ --wds-card-controls-padding-horizontal: 12px;
2841
+ --wds-card-controls-padding-vertical: 12px;
2769
2842
  --wds-card-divider-opacity: 0;
2770
2843
  --wds-card-gallery-item-action-button-border-radius: 6px;
2771
2844
  --wds-card-gallery-item-action-button-font-size: 12px;
@@ -2831,8 +2904,48 @@
2831
2904
  --wds-card-tab-padding-horizontal-small: 20px;
2832
2905
  --wds-card-tab-padding-vertical-medium: 16px;
2833
2906
  --wds-card-tab-padding-vertical-small: 16px;
2907
+ --wds-carousel-controls-border: none;
2908
+ --wds-carousel-controls-border-disabled: none;
2909
+ --wds-carousel-controls-border-radius: 100px;
2910
+ --wds-carousel-controls-bottom-offset-dots: 37px;
2911
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
2912
+ --wds-carousel-controls-bottom-shift: -0.5;
2913
+ --wds-carousel-controls-fill-active: #CFD1DC;
2914
+ --wds-carousel-controls-fill-hover: #FFFFFF;
2915
+ --wds-carousel-controls-gap-large: 32px;
2916
+ --wds-carousel-controls-gap-medium: 32px;
2917
+ --wds-carousel-controls-gap-small: 32px;
2918
+ --wds-carousel-controls-gap-tiny: 32px;
2919
+ --wds-carousel-controls-icon-fill: #151414;
2920
+ --wds-carousel-controls-icon-fill-active: #000624;
2921
+ --wds-carousel-controls-icon-fill-disabled: #a8a6a5;
2922
+ --wds-carousel-controls-icon-fill-hover: #000624;
2923
+ --wds-carousel-controls-offset-bottom: 0px;
2924
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
2925
+ --wds-carousel-controls-offset-overlay: -16px;
2926
+ --wds-carousel-controls-offset-sides: 0px;
2927
+ --wds-carousel-controls-offset-sides-gradient: 0px;
2834
2928
  --wds-carousel-controls-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
2835
- --wds-carousel-dots-width: 4px;
2929
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
2930
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
2931
+ --wds-carousel-controls-shadow-disabled: none;
2932
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
2933
+ --wds-carousel-controls-size-large: 46px;
2934
+ --wds-carousel-controls-size-medium: 32px;
2935
+ --wds-carousel-controls-size-small: 24px;
2936
+ --wds-carousel-controls-size-tiny: 18px;
2937
+ --wds-carousel-dots-border-radius: 10000px;
2938
+ --wds-carousel-dots-fill: #e8e7e7;
2939
+ --wds-carousel-dots-fill-active: #151414;
2940
+ --wds-carousel-dots-fill-hover: #a8a6a5;
2941
+ --wds-carousel-dots-gap: 34px;
2942
+ --wds-carousel-dots-gap-bottom: 34px;
2943
+ --wds-carousel-dots-gap-bottom-shift: 0;
2944
+ --wds-carousel-dots-height: 6px;
2945
+ --wds-carousel-dots-width: 6px;
2946
+ --wds-carousel-gradient-color: #ffffff;
2947
+ --wds-carousel-gradient-opacity: 100%;
2948
+ --wds-carousel-gradient-width: 30px;
2836
2949
  --wds-checkbox-border: #383838;
2837
2950
  --wds-checkbox-border-active: #2f5dff;
2838
2951
  --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
@@ -3690,6 +3803,7 @@
3690
3803
  --wds-input-background-fill-default: #f8f6f6;
3691
3804
  --wds-input-background-fill-disabled: #f8f6f6;
3692
3805
  --wds-input-background-fill-hover: #f8f6f6;
3806
+ --wds-input-background-fill-on-stage: #f0efef;
3693
3807
  --wds-input-background-fill-readonly: #ffffff;
3694
3808
  --wds-input-border-color: rgba(19, 23, 32, 0);
3695
3809
  --wds-input-border-color-disabled: #f0efef;
@@ -3856,9 +3970,10 @@
3856
3970
  --wds-loader-stroke-width-medium: 2px;
3857
3971
  --wds-loader-stroke-width-small: 2px;
3858
3972
  --wds-loader-stroke-width-tiny: 2px;
3973
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
3859
3974
  --wds-marketing-layout-actions-gap-medium: 24px;
3860
3975
  --wds-marketing-layout-actions-gap-small: 24px;
3861
- --wds-marketing-layout-actions-gap-tiny: 24px;
3976
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3862
3977
  --wds-marketing-layout-badge-gap: 8px;
3863
3978
  --wds-marketing-layout-badge-offset-medium: 0px;
3864
3979
  --wds-marketing-layout-badge-offset-small: 0px;
@@ -3877,7 +3992,11 @@
3877
3992
  --wds-marketing-layout-description-line-height-medium: 16px;
3878
3993
  --wds-marketing-layout-description-line-height-small: 16px;
3879
3994
  --wds-marketing-layout-description-line-height-tiny: 16px;
3995
+ --wds-marketing-layout-description-max-width: 80%;
3996
+ --wds-marketing-layout-image-aspect-ratio: 1;
3880
3997
  --wds-marketing-layout-image-border-radius: 8px;
3998
+ --wds-marketing-layout-image-height: 100%;
3999
+ --wds-marketing-layout-image-object-fit: cover;
3881
4000
  --wds-marketing-layout-image-padding-left-medium: 12px;
3882
4001
  --wds-marketing-layout-image-padding-left-small: 12px;
3883
4002
  --wds-marketing-layout-image-padding-left-tiny: 12px;
@@ -3887,6 +4006,13 @@
3887
4006
  --wds-marketing-layout-image-padding-vertical-medium: 12px;
3888
4007
  --wds-marketing-layout-image-padding-vertical-small: 12px;
3889
4008
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
4009
+ --wds-marketing-layout-image-width: auto;
4010
+ --wds-marketing-layout-image-wrapper-contain: size;
4011
+ --wds-marketing-layout-image-wrapper-flex: none;
4012
+ --wds-marketing-layout-image-wrapper-width: auto;
4013
+ --wds-marketing-layout-min-height-medium: 180px;
4014
+ --wds-marketing-layout-min-height-small: 160px;
4015
+ --wds-marketing-layout-min-height-tiny: 140px;
3890
4016
  --wds-marketing-layout-padding-left-medium: 20px;
3891
4017
  --wds-marketing-layout-padding-left-small: 8px;
3892
4018
  --wds-marketing-layout-padding-left-tiny: 8px;
@@ -3896,15 +4022,16 @@
3896
4022
  --wds-marketing-layout-padding-vertical-medium: 20px;
3897
4023
  --wds-marketing-layout-padding-vertical-small: 20px;
3898
4024
  --wds-marketing-layout-padding-vertical-tiny: 20px;
4025
+ --wds-marketing-layout-title-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3899
4026
  --wds-marketing-layout-title-font-size-medium: 16px;
3900
4027
  --wds-marketing-layout-title-font-size-small: 16px;
3901
4028
  --wds-marketing-layout-title-font-size-tiny: 16px;
3902
4029
  --wds-marketing-layout-title-font-weight-medium: 700;
3903
4030
  --wds-marketing-layout-title-font-weight-small: 700;
3904
4031
  --wds-marketing-layout-title-font-weight-tiny: 700;
3905
- --wds-marketing-layout-title-gap-medium: 8px;
3906
- --wds-marketing-layout-title-gap-small: 8px;
3907
- --wds-marketing-layout-title-gap-tiny: 8px;
4032
+ --wds-marketing-layout-title-gap-medium: 4px;
4033
+ --wds-marketing-layout-title-gap-small: 4px;
4034
+ --wds-marketing-layout-title-gap-tiny: 2px;
3908
4035
  --wds-marketing-layout-title-line-height-medium: 20px;
3909
4036
  --wds-marketing-layout-title-line-height-small: 20px;
3910
4037
  --wds-marketing-layout-title-line-height-tiny: 20px;
@@ -4355,6 +4482,8 @@
4355
4482
  --wds-side-panel-title-font-letter-spacing: -0.5px;
4356
4483
  --wds-side-panel-title-font-line-height: 24px;
4357
4484
  --wds-side-panel-title-font-size: 16px;
4485
+ --wds-sidebar-border-inner-fill: #FFFFFF;
4486
+ --wds-sidebar-border-outer-fill: #EEEEEE;
4358
4487
  --wds-sidebar-clear-button-fill: #5a5d63;
4359
4488
  --wds-sidebar-divider-fill-dark-default: #42454c;
4360
4489
  --wds-sidebar-divider-fill-light-default: transparent;
@@ -4362,6 +4491,10 @@
4362
4491
  --wds-sidebar-divider-padding-bottom: 12px;
4363
4492
  --wds-sidebar-divider-padding-inline: 8px;
4364
4493
  --wds-sidebar-divider-padding-top: 12px;
4494
+ --wds-sidebar-fill-dark: #131720;
4495
+ --wds-sidebar-fill-light: #F7F7F7;
4496
+ --wds-sidebar-fill-neutral: #F7F7F7;
4497
+ --wds-sidebar-footer-fade-height: 60px;
4365
4498
  --wds-sidebar-header-margin-bottom: 12px;
4366
4499
  --wds-sidebar-header-text-dark-default: #ffffff;
4367
4500
  --wds-sidebar-item-border-radius: 8px;
@@ -4436,7 +4569,7 @@
4436
4569
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
4437
4570
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
4438
4571
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
4439
- --wds-sidebar-minimized-padding-inline: 14px;
4572
+ --wds-sidebar-minimized-padding-inline: 16px;
4440
4573
  --wds-sidebar-minimized-width: 62px;
4441
4574
  --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
4442
4575
  --wds-sidebar-padding-bottom: 24px;
@@ -4450,6 +4583,7 @@
4450
4583
  --wds-sidebar-scrollbar-fill-light-hover: #a8a6a5;
4451
4584
  --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
4452
4585
  --wds-sidebar-scrollbar-fill-neutral-hover: #a8a6a5;
4586
+ --wds-sidebar-submenu-level-2-padding-bottom: 0px;
4453
4587
  --wds-skeleton-border-radius-circle: 1000px;
4454
4588
  --wds-skeleton-border-radius-line: 4px;
4455
4589
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4561,17 +4695,20 @@
4561
4695
  --wds-swatches-swatch-size-medium: 36px;
4562
4696
  --wds-swatches-swatch-size-small: 28px;
4563
4697
  --wds-swatches-swatch-size-tiny: 22px;
4698
+ --wds-table-action-cell-backdrop-opacity: 1;
4564
4699
  --wds-table-action-cell-primary-action-gap-medium: 8px;
4565
4700
  --wds-table-action-cell-primary-action-gap-small: 8px;
4566
4701
  --wds-table-action-cell-primary-action-gap-tiny: 8px;
4567
4702
  --wds-table-action-cell-secondary-action-gap-medium: 4px;
4568
4703
  --wds-table-action-cell-secondary-action-gap-small: 4px;
4569
4704
  --wds-table-action-cell-secondary-action-gap-tiny: 4px;
4705
+ --wds-table-cell-padding-inline: 8px;
4706
+ --wds-table-header-font-weight: 500;
4570
4707
  --wds-table-list-header-checkbox-padding-left: 4px;
4571
4708
  --wds-table-list-header-checkbox-padding-right: 10px;
4572
4709
  --wds-table-list-header-divider-fill-bottom: #dedede;
4573
4710
  --wds-table-list-header-divider-fill-top: rgba(19, 23, 32, 0);
4574
- --wds-table-list-header-fill: rgba(19, 23, 32, 0);
4711
+ --wds-table-list-header-fill: #ffffff;
4575
4712
  --wds-table-list-header-icon-fill: #151414;
4576
4713
  --wds-table-list-header-min-height: 48px;
4577
4714
  --wds-table-list-header-option-gap: 16px;
@@ -4589,10 +4726,15 @@
4589
4726
  --wds-table-list-item-fill-highlight: #f5f7ff;
4590
4727
  --wds-table-list-item-fill-hover: #f8f6f6;
4591
4728
  --wds-table-list-item-fill-hover-draggable: #f8f6f6;
4729
+ --wds-table-list-item-fill-overlay: #ffffff;
4592
4730
  --wds-table-list-item-gap: 16px;
4593
4731
  --wds-table-list-item-indentation-level-2: 12px;
4594
4732
  --wds-table-list-item-indentation-level-3: 28px;
4595
4733
  --wds-table-list-item-paddings: 0px;
4734
+ --wds-table-region-divider-fill: rgba(19, 23, 32, 0);
4735
+ --wds-table-row-divider-fill: rgba(19, 23, 32, 0);
4736
+ --wds-table-sub-toolbar-padding-block-end: 16px;
4737
+ --wds-table-sub-toolbar-padding-block-start: 8px;
4596
4738
  --wds-table-toolbar-button-gap: 8px;
4597
4739
  --wds-table-toolbar-divider-gap: 16px;
4598
4740
  --wds-table-toolbar-divider-gap-group-start: 16px;