@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/all.st.css CHANGED
@@ -311,6 +311,8 @@
311
311
  @property st-global(--wds-card-content-padding-medium-top);
312
312
  @property st-global(--wds-card-content-paddings-horizontal);
313
313
  @property st-global(--wds-card-content-paddings-vertical);
314
+ @property st-global(--wds-card-controls-padding-horizontal);
315
+ @property st-global(--wds-card-controls-padding-vertical);
314
316
  @property st-global(--wds-card-divider-opacity);
315
317
  @property st-global(--wds-card-gallery-item-action-button-border-radius);
316
318
  @property st-global(--wds-card-gallery-item-action-button-font-size);
@@ -378,8 +380,48 @@
378
380
  @property st-global(--wds-card-tab-padding-horizontal-small);
379
381
  @property st-global(--wds-card-tab-padding-vertical-medium);
380
382
  @property st-global(--wds-card-tab-padding-vertical-small);
383
+ @property st-global(--wds-carousel-controls-border);
384
+ @property st-global(--wds-carousel-controls-border-disabled);
385
+ @property st-global(--wds-carousel-controls-border-radius);
386
+ @property st-global(--wds-carousel-controls-bottom-offset-dots);
387
+ @property st-global(--wds-carousel-controls-bottom-offset-no-dots);
388
+ @property st-global(--wds-carousel-controls-bottom-shift);
389
+ @property st-global(--wds-carousel-controls-fill-active);
390
+ @property st-global(--wds-carousel-controls-fill-hover);
391
+ @property st-global(--wds-carousel-controls-gap-large);
392
+ @property st-global(--wds-carousel-controls-gap-medium);
393
+ @property st-global(--wds-carousel-controls-gap-small);
394
+ @property st-global(--wds-carousel-controls-gap-tiny);
395
+ @property st-global(--wds-carousel-controls-icon-fill);
396
+ @property st-global(--wds-carousel-controls-icon-fill-active);
397
+ @property st-global(--wds-carousel-controls-icon-fill-disabled);
398
+ @property st-global(--wds-carousel-controls-icon-fill-hover);
399
+ @property st-global(--wds-carousel-controls-offset-bottom);
400
+ @property st-global(--wds-carousel-controls-offset-bottom-gradient);
401
+ @property st-global(--wds-carousel-controls-offset-overlay);
402
+ @property st-global(--wds-carousel-controls-offset-sides);
403
+ @property st-global(--wds-carousel-controls-offset-sides-gradient);
381
404
  @property st-global(--wds-carousel-controls-shadow);
405
+ @property st-global(--wds-carousel-controls-shadow-active);
406
+ @property st-global(--wds-carousel-controls-shadow-default);
407
+ @property st-global(--wds-carousel-controls-shadow-disabled);
408
+ @property st-global(--wds-carousel-controls-shadow-hover);
409
+ @property st-global(--wds-carousel-controls-size-large);
410
+ @property st-global(--wds-carousel-controls-size-medium);
411
+ @property st-global(--wds-carousel-controls-size-small);
412
+ @property st-global(--wds-carousel-controls-size-tiny);
413
+ @property st-global(--wds-carousel-dots-border-radius);
414
+ @property st-global(--wds-carousel-dots-fill);
415
+ @property st-global(--wds-carousel-dots-fill-active);
416
+ @property st-global(--wds-carousel-dots-fill-hover);
417
+ @property st-global(--wds-carousel-dots-gap);
418
+ @property st-global(--wds-carousel-dots-gap-bottom);
419
+ @property st-global(--wds-carousel-dots-gap-bottom-shift);
420
+ @property st-global(--wds-carousel-dots-height);
382
421
  @property st-global(--wds-carousel-dots-width);
422
+ @property st-global(--wds-carousel-gradient-color);
423
+ @property st-global(--wds-carousel-gradient-opacity);
424
+ @property st-global(--wds-carousel-gradient-width);
383
425
  @property st-global(--wds-checkbox-border);
384
426
  @property st-global(--wds-checkbox-border-active);
385
427
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -1238,6 +1280,7 @@
1238
1280
  @property st-global(--wds-input-background-fill-default);
1239
1281
  @property st-global(--wds-input-background-fill-disabled);
1240
1282
  @property st-global(--wds-input-background-fill-hover);
1283
+ @property st-global(--wds-input-background-fill-on-stage);
1241
1284
  @property st-global(--wds-input-background-fill-readonly);
1242
1285
  @property st-global(--wds-input-border-color);
1243
1286
  @property st-global(--wds-input-border-color-disabled);
@@ -1430,6 +1473,7 @@
1430
1473
  @property st-global(--wds-loader-stroke-width-medium);
1431
1474
  @property st-global(--wds-loader-stroke-width-small);
1432
1475
  @property st-global(--wds-loader-stroke-width-tiny);
1476
+ @property st-global(--wds-marketing-layout-actions-alignment-inverted);
1433
1477
  @property st-global(--wds-marketing-layout-actions-gap-medium);
1434
1478
  @property st-global(--wds-marketing-layout-actions-gap-small);
1435
1479
  @property st-global(--wds-marketing-layout-actions-gap-tiny);
@@ -1451,7 +1495,11 @@
1451
1495
  @property st-global(--wds-marketing-layout-description-line-height-medium);
1452
1496
  @property st-global(--wds-marketing-layout-description-line-height-small);
1453
1497
  @property st-global(--wds-marketing-layout-description-line-height-tiny);
1498
+ @property st-global(--wds-marketing-layout-description-max-width);
1499
+ @property st-global(--wds-marketing-layout-image-aspect-ratio);
1454
1500
  @property st-global(--wds-marketing-layout-image-border-radius);
1501
+ @property st-global(--wds-marketing-layout-image-height);
1502
+ @property st-global(--wds-marketing-layout-image-object-fit);
1455
1503
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
1456
1504
  @property st-global(--wds-marketing-layout-image-padding-left-small);
1457
1505
  @property st-global(--wds-marketing-layout-image-padding-left-tiny);
@@ -1461,6 +1509,13 @@
1461
1509
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1462
1510
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1463
1511
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1512
+ @property st-global(--wds-marketing-layout-image-width);
1513
+ @property st-global(--wds-marketing-layout-image-wrapper-contain);
1514
+ @property st-global(--wds-marketing-layout-image-wrapper-flex);
1515
+ @property st-global(--wds-marketing-layout-image-wrapper-width);
1516
+ @property st-global(--wds-marketing-layout-min-height-medium);
1517
+ @property st-global(--wds-marketing-layout-min-height-small);
1518
+ @property st-global(--wds-marketing-layout-min-height-tiny);
1464
1519
  @property st-global(--wds-marketing-layout-padding-left-medium);
1465
1520
  @property st-global(--wds-marketing-layout-padding-left-small);
1466
1521
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1470,6 +1525,7 @@
1470
1525
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1471
1526
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1472
1527
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1528
+ @property st-global(--wds-marketing-layout-title-font-family-tiny);
1473
1529
  @property st-global(--wds-marketing-layout-title-font-size-medium);
1474
1530
  @property st-global(--wds-marketing-layout-title-font-size-small);
1475
1531
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1920,6 +1976,8 @@
1920
1976
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1921
1977
  @property st-global(--wds-side-panel-title-font-line-height);
1922
1978
  @property st-global(--wds-side-panel-title-font-size);
1979
+ @property st-global(--wds-sidebar-border-inner-fill);
1980
+ @property st-global(--wds-sidebar-border-outer-fill);
1923
1981
  @property st-global(--wds-sidebar-clear-button-fill);
1924
1982
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1925
1983
  @property st-global(--wds-sidebar-divider-fill-light-default);
@@ -1927,6 +1985,10 @@
1927
1985
  @property st-global(--wds-sidebar-divider-padding-bottom);
1928
1986
  @property st-global(--wds-sidebar-divider-padding-inline);
1929
1987
  @property st-global(--wds-sidebar-divider-padding-top);
1988
+ @property st-global(--wds-sidebar-fill-dark);
1989
+ @property st-global(--wds-sidebar-fill-light);
1990
+ @property st-global(--wds-sidebar-fill-neutral);
1991
+ @property st-global(--wds-sidebar-footer-fade-height);
1930
1992
  @property st-global(--wds-sidebar-header-margin-bottom);
1931
1993
  @property st-global(--wds-sidebar-header-text-dark-default);
1932
1994
  @property st-global(--wds-sidebar-item-content-gap);
@@ -2011,6 +2073,7 @@
2011
2073
  @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
2012
2074
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
2013
2075
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
2076
+ @property st-global(--wds-sidebar-submenu-level-2-padding-bottom);
2014
2077
  @property st-global(--wds-skeleton-border-radius-circle);
2015
2078
  @property st-global(--wds-skeleton-border-radius-line);
2016
2079
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -2115,12 +2178,15 @@
2115
2178
  @property st-global(--wds-swatches-swatch-size-medium);
2116
2179
  @property st-global(--wds-swatches-swatch-size-small);
2117
2180
  @property st-global(--wds-swatches-swatch-size-tiny);
2181
+ @property st-global(--wds-table-action-cell-backdrop-opacity);
2118
2182
  @property st-global(--wds-table-action-cell-primary-action-gap-medium);
2119
2183
  @property st-global(--wds-table-action-cell-primary-action-gap-small);
2120
2184
  @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
2121
2185
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
2122
2186
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
2123
2187
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
2188
+ @property st-global(--wds-table-cell-padding-inline);
2189
+ @property st-global(--wds-table-header-font-weight);
2124
2190
  @property st-global(--wds-table-list-header-checkbox-padding-left);
2125
2191
  @property st-global(--wds-table-list-header-checkbox-padding-right);
2126
2192
  @property st-global(--wds-table-list-header-divider-fill-bottom);
@@ -2143,10 +2209,15 @@
2143
2209
  @property st-global(--wds-table-list-item-fill-highlight);
2144
2210
  @property st-global(--wds-table-list-item-fill-hover);
2145
2211
  @property st-global(--wds-table-list-item-fill-hover-draggable);
2212
+ @property st-global(--wds-table-list-item-fill-overlay);
2146
2213
  @property st-global(--wds-table-list-item-gap);
2147
2214
  @property st-global(--wds-table-list-item-indentation-level-2);
2148
2215
  @property st-global(--wds-table-list-item-indentation-level-3);
2149
2216
  @property st-global(--wds-table-list-item-paddings);
2217
+ @property st-global(--wds-table-region-divider-fill);
2218
+ @property st-global(--wds-table-row-divider-fill);
2219
+ @property st-global(--wds-table-sub-toolbar-padding-block-end);
2220
+ @property st-global(--wds-table-sub-toolbar-padding-block-start);
2150
2221
  @property st-global(--wds-table-toolbar-button-gap);
2151
2222
  @property st-global(--wds-table-toolbar-divider-gap);
2152
2223
  @property st-global(--wds-table-toolbar-divider-gap-group-start);
@@ -2796,6 +2867,8 @@
2796
2867
  --wds-card-content-padding-medium-top: 24px;
2797
2868
  --wds-card-content-paddings-horizontal: 24px;
2798
2869
  --wds-card-content-paddings-vertical: 18px;
2870
+ --wds-card-controls-padding-horizontal: 24px;
2871
+ --wds-card-controls-padding-vertical: 18px;
2799
2872
  --wds-card-divider-opacity: 1;
2800
2873
  --wds-card-gallery-item-action-button-border-radius: 1000px;
2801
2874
  --wds-card-gallery-item-action-button-font-size: 16px;
@@ -2863,8 +2936,48 @@
2863
2936
  --wds-card-tab-padding-horizontal-small: 18px;
2864
2937
  --wds-card-tab-padding-vertical-medium: 18px;
2865
2938
  --wds-card-tab-padding-vertical-small: 18px;
2939
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
2940
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
2941
+ --wds-carousel-controls-border-radius: 1000px;
2942
+ --wds-carousel-controls-bottom-offset-dots: 14px;
2943
+ --wds-carousel-controls-bottom-offset-no-dots: 4px;
2944
+ --wds-carousel-controls-bottom-shift: 0;
2945
+ --wds-carousel-controls-fill-active: #084ebd;
2946
+ --wds-carousel-controls-fill-hover: #0f62e6;
2947
+ --wds-carousel-controls-gap-large: 12px;
2948
+ --wds-carousel-controls-gap-medium: 12px;
2949
+ --wds-carousel-controls-gap-small: 18px;
2950
+ --wds-carousel-controls-gap-tiny: 24px;
2951
+ --wds-carousel-controls-icon-fill: #116dff;
2952
+ --wds-carousel-controls-icon-fill-active: #ffffff;
2953
+ --wds-carousel-controls-icon-fill-disabled: rgba(0, 6, 36, .3);
2954
+ --wds-carousel-controls-icon-fill-hover: #ffffff;
2955
+ --wds-carousel-controls-offset-bottom: 0px;
2956
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
2957
+ --wds-carousel-controls-offset-overlay: 12px;
2958
+ --wds-carousel-controls-offset-sides: 0px;
2959
+ --wds-carousel-controls-offset-sides-gradient: 12px;
2866
2960
  --wds-carousel-controls-shadow: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
2961
+ --wds-carousel-controls-shadow-active: none;
2962
+ --wds-carousel-controls-shadow-default: none;
2963
+ --wds-carousel-controls-shadow-disabled: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
2964
+ --wds-carousel-controls-shadow-hover: none;
2965
+ --wds-carousel-controls-size-large: 42px;
2966
+ --wds-carousel-controls-size-medium: 36px;
2967
+ --wds-carousel-controls-size-small: 30px;
2968
+ --wds-carousel-controls-size-tiny: 24px;
2969
+ --wds-carousel-dots-border-radius: 2px;
2970
+ --wds-carousel-dots-fill: #a8caff;
2971
+ --wds-carousel-dots-fill-active: #084ebd;
2972
+ --wds-carousel-dots-fill-hover: #5999ff;
2973
+ --wds-carousel-dots-gap: 24px;
2974
+ --wds-carousel-dots-gap-bottom: 14px;
2975
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
2976
+ --wds-carousel-dots-height: 4px;
2867
2977
  --wds-carousel-dots-width: 12px;
2978
+ --wds-carousel-gradient-color: #ffffff;
2979
+ --wds-carousel-gradient-opacity: 50%;
2980
+ --wds-carousel-gradient-width: 36px;
2868
2981
  --wds-checkbox-border: #116dff;
2869
2982
  --wds-checkbox-border-active: #116dff;
2870
2983
  --wds-checkbox-border-active-disabled: rgba(0, 6, 36, .1);
@@ -3723,6 +3836,7 @@
3723
3836
  --wds-input-background-fill-default: #ffffff;
3724
3837
  --wds-input-background-fill-disabled: #ffffff;
3725
3838
  --wds-input-background-fill-hover: #e7f0ff;
3839
+ --wds-input-background-fill-on-stage: #eceff3;
3726
3840
  --wds-input-background-fill-readonly: #eceff3;
3727
3841
  --wds-input-border-color: #d6e6fe;
3728
3842
  --wds-input-border-color-disabled: rgba(0, 6, 36, .1);
@@ -3915,6 +4029,7 @@
3915
4029
  --wds-loader-stroke-width-medium: 4px;
3916
4030
  --wds-loader-stroke-width-small: 4px;
3917
4031
  --wds-loader-stroke-width-tiny: 3px;
4032
+ --wds-marketing-layout-actions-alignment-inverted: auto;
3918
4033
  --wds-marketing-layout-actions-gap-medium: 24px;
3919
4034
  --wds-marketing-layout-actions-gap-small: 18px;
3920
4035
  --wds-marketing-layout-actions-gap-tiny: 18px;
@@ -3936,7 +4051,11 @@
3936
4051
  --wds-marketing-layout-description-line-height-medium: 24px;
3937
4052
  --wds-marketing-layout-description-line-height-small: 18px;
3938
4053
  --wds-marketing-layout-description-line-height-tiny: 18px;
4054
+ --wds-marketing-layout-description-max-width: none;
4055
+ --wds-marketing-layout-image-aspect-ratio: auto;
3939
4056
  --wds-marketing-layout-image-border-radius: 0px;
4057
+ --wds-marketing-layout-image-height: auto;
4058
+ --wds-marketing-layout-image-object-fit: fill;
3940
4059
  --wds-marketing-layout-image-padding-left-medium: 48px;
3941
4060
  --wds-marketing-layout-image-padding-left-small: 24px;
3942
4061
  --wds-marketing-layout-image-padding-left-tiny: 24px;
@@ -3946,6 +4065,13 @@
3946
4065
  --wds-marketing-layout-image-padding-vertical-medium: 24px;
3947
4066
  --wds-marketing-layout-image-padding-vertical-small: 24px;
3948
4067
  --wds-marketing-layout-image-padding-vertical-tiny: 18px;
4068
+ --wds-marketing-layout-image-width: 100%;
4069
+ --wds-marketing-layout-image-wrapper-contain: none;
4070
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
4071
+ --wds-marketing-layout-image-wrapper-width: auto;
4072
+ --wds-marketing-layout-min-height-medium: auto;
4073
+ --wds-marketing-layout-min-height-small: auto;
4074
+ --wds-marketing-layout-min-height-tiny: auto;
3949
4075
  --wds-marketing-layout-padding-left-medium: 48px;
3950
4076
  --wds-marketing-layout-padding-left-small: 24px;
3951
4077
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -3955,6 +4081,7 @@
3955
4081
  --wds-marketing-layout-padding-vertical-medium: 24px;
3956
4082
  --wds-marketing-layout-padding-vertical-small: 24px;
3957
4083
  --wds-marketing-layout-padding-vertical-tiny: 18px;
4084
+ --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3958
4085
  --wds-marketing-layout-title-font-size-medium: 21px;
3959
4086
  --wds-marketing-layout-title-font-size-small: 18px;
3960
4087
  --wds-marketing-layout-title-font-size-tiny: 20px;
@@ -4405,6 +4532,8 @@
4405
4532
  --wds-side-panel-title-font-letter-spacing: 0px;
4406
4533
  --wds-side-panel-title-font-line-height: 24px;
4407
4534
  --wds-side-panel-title-font-size: 18px;
4535
+ --wds-sidebar-border-inner-fill: transparent;
4536
+ --wds-sidebar-border-outer-fill: #cfd1dc;
4408
4537
  --wds-sidebar-clear-button-fill: #5a5d63;
4409
4538
  --wds-sidebar-divider-fill-dark-default: #42454C;
4410
4539
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
@@ -4412,6 +4541,10 @@
4412
4541
  --wds-sidebar-divider-padding-bottom: 9px;
4413
4542
  --wds-sidebar-divider-padding-inline: 20px;
4414
4543
  --wds-sidebar-divider-padding-top: 8px;
4544
+ --wds-sidebar-fill-dark: #131720;
4545
+ --wds-sidebar-fill-light: #ffffff;
4546
+ --wds-sidebar-fill-neutral: #eceff3;
4547
+ --wds-sidebar-footer-fade-height: 0px;
4415
4548
  --wds-sidebar-header-margin-bottom: 12px;
4416
4549
  --wds-sidebar-header-text-dark-default: #ffffff;
4417
4550
  --wds-sidebar-item-content-gap: 6px;
@@ -4496,6 +4629,7 @@
4496
4629
  --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
4497
4630
  --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
4498
4631
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
4632
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
4499
4633
  --wds-skeleton-border-radius-circle: 1000px;
4500
4634
  --wds-skeleton-border-radius-line: 1000px;
4501
4635
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -4600,12 +4734,15 @@
4600
4734
  --wds-swatches-swatch-size-medium: 36px;
4601
4735
  --wds-swatches-swatch-size-small: 30px;
4602
4736
  --wds-swatches-swatch-size-tiny: 24px;
4737
+ --wds-table-action-cell-backdrop-opacity: 0;
4603
4738
  --wds-table-action-cell-primary-action-gap-medium: 12px;
4604
4739
  --wds-table-action-cell-primary-action-gap-small: 12px;
4605
4740
  --wds-table-action-cell-primary-action-gap-tiny: 6px;
4606
4741
  --wds-table-action-cell-secondary-action-gap-medium: 12px;
4607
4742
  --wds-table-action-cell-secondary-action-gap-small: 12px;
4608
4743
  --wds-table-action-cell-secondary-action-gap-tiny: 6px;
4744
+ --wds-table-cell-padding-inline: 12px;
4745
+ --wds-table-header-font-weight: 400;
4609
4746
  --wds-table-list-header-checkbox-padding-left: 6px;
4610
4747
  --wds-table-list-header-checkbox-padding-right: 12px;
4611
4748
  --wds-table-list-header-divider-fill-bottom: #a8caff;
@@ -4628,10 +4765,15 @@
4628
4765
  --wds-table-list-item-fill-highlight: #f4f7ff;
4629
4766
  --wds-table-list-item-fill-hover: #e7f0ff;
4630
4767
  --wds-table-list-item-fill-hover-draggable: #e7f0ff;
4768
+ --wds-table-list-item-fill-overlay: #f4f7ff;
4631
4769
  --wds-table-list-item-gap: 24px;
4632
4770
  --wds-table-list-item-indentation-level-2: 12px;
4633
4771
  --wds-table-list-item-indentation-level-3: 36px;
4634
4772
  --wds-table-list-item-paddings: 0px;
4773
+ --wds-table-region-divider-fill: #dfe5eb;
4774
+ --wds-table-row-divider-fill: #dfe5eb;
4775
+ --wds-table-sub-toolbar-padding-block-end: 9px;
4776
+ --wds-table-sub-toolbar-padding-block-start: 9px;
4635
4777
  --wds-table-toolbar-button-gap: 6px;
4636
4778
  --wds-table-toolbar-divider-gap: 12px;
4637
4779
  --wds-table-toolbar-divider-gap-group-start: 24px;
package/component.st.css CHANGED
@@ -273,6 +273,8 @@
273
273
  @property st-global(--wds-card-content-padding-medium-top);
274
274
  @property st-global(--wds-card-content-paddings-horizontal);
275
275
  @property st-global(--wds-card-content-paddings-vertical);
276
+ @property st-global(--wds-card-controls-padding-horizontal);
277
+ @property st-global(--wds-card-controls-padding-vertical);
276
278
  @property st-global(--wds-card-divider-opacity);
277
279
  @property st-global(--wds-card-gallery-item-action-button-border-radius);
278
280
  @property st-global(--wds-card-gallery-item-action-button-font-size);
@@ -340,8 +342,48 @@
340
342
  @property st-global(--wds-card-tab-padding-horizontal-small);
341
343
  @property st-global(--wds-card-tab-padding-vertical-medium);
342
344
  @property st-global(--wds-card-tab-padding-vertical-small);
345
+ @property st-global(--wds-carousel-controls-border);
346
+ @property st-global(--wds-carousel-controls-border-disabled);
347
+ @property st-global(--wds-carousel-controls-border-radius);
348
+ @property st-global(--wds-carousel-controls-bottom-offset-dots);
349
+ @property st-global(--wds-carousel-controls-bottom-offset-no-dots);
350
+ @property st-global(--wds-carousel-controls-bottom-shift);
351
+ @property st-global(--wds-carousel-controls-fill-active);
352
+ @property st-global(--wds-carousel-controls-fill-hover);
353
+ @property st-global(--wds-carousel-controls-gap-large);
354
+ @property st-global(--wds-carousel-controls-gap-medium);
355
+ @property st-global(--wds-carousel-controls-gap-small);
356
+ @property st-global(--wds-carousel-controls-gap-tiny);
357
+ @property st-global(--wds-carousel-controls-icon-fill);
358
+ @property st-global(--wds-carousel-controls-icon-fill-active);
359
+ @property st-global(--wds-carousel-controls-icon-fill-disabled);
360
+ @property st-global(--wds-carousel-controls-icon-fill-hover);
361
+ @property st-global(--wds-carousel-controls-offset-bottom);
362
+ @property st-global(--wds-carousel-controls-offset-bottom-gradient);
363
+ @property st-global(--wds-carousel-controls-offset-overlay);
364
+ @property st-global(--wds-carousel-controls-offset-sides);
365
+ @property st-global(--wds-carousel-controls-offset-sides-gradient);
343
366
  @property st-global(--wds-carousel-controls-shadow);
367
+ @property st-global(--wds-carousel-controls-shadow-active);
368
+ @property st-global(--wds-carousel-controls-shadow-default);
369
+ @property st-global(--wds-carousel-controls-shadow-disabled);
370
+ @property st-global(--wds-carousel-controls-shadow-hover);
371
+ @property st-global(--wds-carousel-controls-size-large);
372
+ @property st-global(--wds-carousel-controls-size-medium);
373
+ @property st-global(--wds-carousel-controls-size-small);
374
+ @property st-global(--wds-carousel-controls-size-tiny);
375
+ @property st-global(--wds-carousel-dots-border-radius);
376
+ @property st-global(--wds-carousel-dots-fill);
377
+ @property st-global(--wds-carousel-dots-fill-active);
378
+ @property st-global(--wds-carousel-dots-fill-hover);
379
+ @property st-global(--wds-carousel-dots-gap);
380
+ @property st-global(--wds-carousel-dots-gap-bottom);
381
+ @property st-global(--wds-carousel-dots-gap-bottom-shift);
382
+ @property st-global(--wds-carousel-dots-height);
344
383
  @property st-global(--wds-carousel-dots-width);
384
+ @property st-global(--wds-carousel-gradient-color);
385
+ @property st-global(--wds-carousel-gradient-opacity);
386
+ @property st-global(--wds-carousel-gradient-width);
345
387
  @property st-global(--wds-checkbox-border);
346
388
  @property st-global(--wds-checkbox-border-active);
347
389
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -657,6 +699,7 @@
657
699
  @property st-global(--wds-input-background-fill-default);
658
700
  @property st-global(--wds-input-background-fill-disabled);
659
701
  @property st-global(--wds-input-background-fill-hover);
702
+ @property st-global(--wds-input-background-fill-on-stage);
660
703
  @property st-global(--wds-input-background-fill-readonly);
661
704
  @property st-global(--wds-input-border-color);
662
705
  @property st-global(--wds-input-border-color-disabled);
@@ -848,6 +891,7 @@
848
891
  @property st-global(--wds-loader-stroke-width-medium);
849
892
  @property st-global(--wds-loader-stroke-width-small);
850
893
  @property st-global(--wds-loader-stroke-width-tiny);
894
+ @property st-global(--wds-marketing-layout-actions-alignment-inverted);
851
895
  @property st-global(--wds-marketing-layout-actions-gap-medium);
852
896
  @property st-global(--wds-marketing-layout-actions-gap-small);
853
897
  @property st-global(--wds-marketing-layout-actions-gap-tiny);
@@ -869,7 +913,11 @@
869
913
  @property st-global(--wds-marketing-layout-description-line-height-medium);
870
914
  @property st-global(--wds-marketing-layout-description-line-height-small);
871
915
  @property st-global(--wds-marketing-layout-description-line-height-tiny);
916
+ @property st-global(--wds-marketing-layout-description-max-width);
917
+ @property st-global(--wds-marketing-layout-image-aspect-ratio);
872
918
  @property st-global(--wds-marketing-layout-image-border-radius);
919
+ @property st-global(--wds-marketing-layout-image-height);
920
+ @property st-global(--wds-marketing-layout-image-object-fit);
873
921
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
874
922
  @property st-global(--wds-marketing-layout-image-padding-left-small);
875
923
  @property st-global(--wds-marketing-layout-image-padding-left-tiny);
@@ -879,6 +927,13 @@
879
927
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
880
928
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
881
929
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
930
+ @property st-global(--wds-marketing-layout-image-width);
931
+ @property st-global(--wds-marketing-layout-image-wrapper-contain);
932
+ @property st-global(--wds-marketing-layout-image-wrapper-flex);
933
+ @property st-global(--wds-marketing-layout-image-wrapper-width);
934
+ @property st-global(--wds-marketing-layout-min-height-medium);
935
+ @property st-global(--wds-marketing-layout-min-height-small);
936
+ @property st-global(--wds-marketing-layout-min-height-tiny);
882
937
  @property st-global(--wds-marketing-layout-padding-left-medium);
883
938
  @property st-global(--wds-marketing-layout-padding-left-small);
884
939
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -888,6 +943,7 @@
888
943
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
889
944
  @property st-global(--wds-marketing-layout-padding-vertical-small);
890
945
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
946
+ @property st-global(--wds-marketing-layout-title-font-family-tiny);
891
947
  @property st-global(--wds-marketing-layout-title-font-size-medium);
892
948
  @property st-global(--wds-marketing-layout-title-font-size-small);
893
949
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1229,6 +1285,8 @@
1229
1285
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1230
1286
  @property st-global(--wds-side-panel-title-font-line-height);
1231
1287
  @property st-global(--wds-side-panel-title-font-size);
1288
+ @property st-global(--wds-sidebar-border-inner-fill);
1289
+ @property st-global(--wds-sidebar-border-outer-fill);
1232
1290
  @property st-global(--wds-sidebar-clear-button-fill);
1233
1291
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1234
1292
  @property st-global(--wds-sidebar-divider-fill-light-default);
@@ -1236,6 +1294,10 @@
1236
1294
  @property st-global(--wds-sidebar-divider-padding-bottom);
1237
1295
  @property st-global(--wds-sidebar-divider-padding-inline);
1238
1296
  @property st-global(--wds-sidebar-divider-padding-top);
1297
+ @property st-global(--wds-sidebar-fill-dark);
1298
+ @property st-global(--wds-sidebar-fill-light);
1299
+ @property st-global(--wds-sidebar-fill-neutral);
1300
+ @property st-global(--wds-sidebar-footer-fade-height);
1239
1301
  @property st-global(--wds-sidebar-header-margin-bottom);
1240
1302
  @property st-global(--wds-sidebar-header-text-dark-default);
1241
1303
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1320,6 +1382,7 @@
1320
1382
  @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1321
1383
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1322
1384
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1385
+ @property st-global(--wds-sidebar-submenu-level-2-padding-bottom);
1323
1386
  @property st-global(--wds-skeleton-border-radius-circle);
1324
1387
  @property st-global(--wds-skeleton-border-radius-line);
1325
1388
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1380,12 +1443,15 @@
1380
1443
  @property st-global(--wds-swatches-swatch-size-medium);
1381
1444
  @property st-global(--wds-swatches-swatch-size-small);
1382
1445
  @property st-global(--wds-swatches-swatch-size-tiny);
1446
+ @property st-global(--wds-table-action-cell-backdrop-opacity);
1383
1447
  @property st-global(--wds-table-action-cell-primary-action-gap-medium);
1384
1448
  @property st-global(--wds-table-action-cell-primary-action-gap-small);
1385
1449
  @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
1386
1450
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1387
1451
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1388
1452
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1453
+ @property st-global(--wds-table-cell-padding-inline);
1454
+ @property st-global(--wds-table-header-font-weight);
1389
1455
  @property st-global(--wds-table-list-header-checkbox-padding-left);
1390
1456
  @property st-global(--wds-table-list-header-checkbox-padding-right);
1391
1457
  @property st-global(--wds-table-list-header-divider-fill-bottom);
@@ -1408,10 +1474,15 @@
1408
1474
  @property st-global(--wds-table-list-item-fill-highlight);
1409
1475
  @property st-global(--wds-table-list-item-fill-hover);
1410
1476
  @property st-global(--wds-table-list-item-fill-hover-draggable);
1477
+ @property st-global(--wds-table-list-item-fill-overlay);
1411
1478
  @property st-global(--wds-table-list-item-gap);
1412
1479
  @property st-global(--wds-table-list-item-indentation-level-2);
1413
1480
  @property st-global(--wds-table-list-item-indentation-level-3);
1414
1481
  @property st-global(--wds-table-list-item-paddings);
1482
+ @property st-global(--wds-table-region-divider-fill);
1483
+ @property st-global(--wds-table-row-divider-fill);
1484
+ @property st-global(--wds-table-sub-toolbar-padding-block-end);
1485
+ @property st-global(--wds-table-sub-toolbar-padding-block-start);
1415
1486
  @property st-global(--wds-table-toolbar-button-gap);
1416
1487
  @property st-global(--wds-table-toolbar-divider-gap);
1417
1488
  @property st-global(--wds-table-toolbar-divider-gap-group-start);
@@ -2021,6 +2092,8 @@
2021
2092
  --wds-card-content-padding-medium-top: 24px;
2022
2093
  --wds-card-content-paddings-horizontal: 24px;
2023
2094
  --wds-card-content-paddings-vertical: 18px;
2095
+ --wds-card-controls-padding-horizontal: 24px;
2096
+ --wds-card-controls-padding-vertical: 18px;
2024
2097
  --wds-card-divider-opacity: 1;
2025
2098
  --wds-card-gallery-item-action-button-border-radius: 1000px;
2026
2099
  --wds-card-gallery-item-action-button-font-size: 16px;
@@ -2088,8 +2161,48 @@
2088
2161
  --wds-card-tab-padding-horizontal-small: 18px;
2089
2162
  --wds-card-tab-padding-vertical-medium: 18px;
2090
2163
  --wds-card-tab-padding-vertical-small: 18px;
2164
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
2165
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
2166
+ --wds-carousel-controls-border-radius: 1000px;
2167
+ --wds-carousel-controls-bottom-offset-dots: 14px;
2168
+ --wds-carousel-controls-bottom-offset-no-dots: 4px;
2169
+ --wds-carousel-controls-bottom-shift: 0;
2170
+ --wds-carousel-controls-fill-active: #084ebd;
2171
+ --wds-carousel-controls-fill-hover: #0f62e6;
2172
+ --wds-carousel-controls-gap-large: 12px;
2173
+ --wds-carousel-controls-gap-medium: 12px;
2174
+ --wds-carousel-controls-gap-small: 18px;
2175
+ --wds-carousel-controls-gap-tiny: 24px;
2176
+ --wds-carousel-controls-icon-fill: #116dff;
2177
+ --wds-carousel-controls-icon-fill-active: #ffffff;
2178
+ --wds-carousel-controls-icon-fill-disabled: rgba(0, 6, 36, .3);
2179
+ --wds-carousel-controls-icon-fill-hover: #ffffff;
2180
+ --wds-carousel-controls-offset-bottom: 0px;
2181
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
2182
+ --wds-carousel-controls-offset-overlay: 12px;
2183
+ --wds-carousel-controls-offset-sides: 0px;
2184
+ --wds-carousel-controls-offset-sides-gradient: 12px;
2091
2185
  --wds-carousel-controls-shadow: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
2186
+ --wds-carousel-controls-shadow-active: none;
2187
+ --wds-carousel-controls-shadow-default: none;
2188
+ --wds-carousel-controls-shadow-disabled: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
2189
+ --wds-carousel-controls-shadow-hover: none;
2190
+ --wds-carousel-controls-size-large: 42px;
2191
+ --wds-carousel-controls-size-medium: 36px;
2192
+ --wds-carousel-controls-size-small: 30px;
2193
+ --wds-carousel-controls-size-tiny: 24px;
2194
+ --wds-carousel-dots-border-radius: 2px;
2195
+ --wds-carousel-dots-fill: #a8caff;
2196
+ --wds-carousel-dots-fill-active: #084ebd;
2197
+ --wds-carousel-dots-fill-hover: #5999ff;
2198
+ --wds-carousel-dots-gap: 24px;
2199
+ --wds-carousel-dots-gap-bottom: 14px;
2200
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
2201
+ --wds-carousel-dots-height: 4px;
2092
2202
  --wds-carousel-dots-width: 12px;
2203
+ --wds-carousel-gradient-color: #ffffff;
2204
+ --wds-carousel-gradient-opacity: 50%;
2205
+ --wds-carousel-gradient-width: 36px;
2093
2206
  --wds-checkbox-border: #116dff;
2094
2207
  --wds-checkbox-border-active: #116dff;
2095
2208
  --wds-checkbox-border-active-disabled: rgba(0, 6, 36, .1);
@@ -2405,6 +2518,7 @@
2405
2518
  --wds-input-background-fill-default: #ffffff;
2406
2519
  --wds-input-background-fill-disabled: #ffffff;
2407
2520
  --wds-input-background-fill-hover: #e7f0ff;
2521
+ --wds-input-background-fill-on-stage: #eceff3;
2408
2522
  --wds-input-background-fill-readonly: #eceff3;
2409
2523
  --wds-input-border-color: #d6e6fe;
2410
2524
  --wds-input-border-color-disabled: rgba(0, 6, 36, .1);
@@ -2596,6 +2710,7 @@
2596
2710
  --wds-loader-stroke-width-medium: 4px;
2597
2711
  --wds-loader-stroke-width-small: 4px;
2598
2712
  --wds-loader-stroke-width-tiny: 3px;
2713
+ --wds-marketing-layout-actions-alignment-inverted: auto;
2599
2714
  --wds-marketing-layout-actions-gap-medium: 24px;
2600
2715
  --wds-marketing-layout-actions-gap-small: 18px;
2601
2716
  --wds-marketing-layout-actions-gap-tiny: 18px;
@@ -2617,7 +2732,11 @@
2617
2732
  --wds-marketing-layout-description-line-height-medium: 24px;
2618
2733
  --wds-marketing-layout-description-line-height-small: 18px;
2619
2734
  --wds-marketing-layout-description-line-height-tiny: 18px;
2735
+ --wds-marketing-layout-description-max-width: none;
2736
+ --wds-marketing-layout-image-aspect-ratio: auto;
2620
2737
  --wds-marketing-layout-image-border-radius: 0px;
2738
+ --wds-marketing-layout-image-height: auto;
2739
+ --wds-marketing-layout-image-object-fit: fill;
2621
2740
  --wds-marketing-layout-image-padding-left-medium: 48px;
2622
2741
  --wds-marketing-layout-image-padding-left-small: 24px;
2623
2742
  --wds-marketing-layout-image-padding-left-tiny: 24px;
@@ -2627,6 +2746,13 @@
2627
2746
  --wds-marketing-layout-image-padding-vertical-medium: 24px;
2628
2747
  --wds-marketing-layout-image-padding-vertical-small: 24px;
2629
2748
  --wds-marketing-layout-image-padding-vertical-tiny: 18px;
2749
+ --wds-marketing-layout-image-width: 100%;
2750
+ --wds-marketing-layout-image-wrapper-contain: none;
2751
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
2752
+ --wds-marketing-layout-image-wrapper-width: auto;
2753
+ --wds-marketing-layout-min-height-medium: auto;
2754
+ --wds-marketing-layout-min-height-small: auto;
2755
+ --wds-marketing-layout-min-height-tiny: auto;
2630
2756
  --wds-marketing-layout-padding-left-medium: 48px;
2631
2757
  --wds-marketing-layout-padding-left-small: 24px;
2632
2758
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -2636,6 +2762,7 @@
2636
2762
  --wds-marketing-layout-padding-vertical-medium: 24px;
2637
2763
  --wds-marketing-layout-padding-vertical-small: 24px;
2638
2764
  --wds-marketing-layout-padding-vertical-tiny: 18px;
2765
+ --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2639
2766
  --wds-marketing-layout-title-font-size-medium: 21px;
2640
2767
  --wds-marketing-layout-title-font-size-small: 18px;
2641
2768
  --wds-marketing-layout-title-font-size-tiny: 20px;
@@ -2977,6 +3104,8 @@
2977
3104
  --wds-side-panel-title-font-letter-spacing: 0px;
2978
3105
  --wds-side-panel-title-font-line-height: 24px;
2979
3106
  --wds-side-panel-title-font-size: 18px;
3107
+ --wds-sidebar-border-inner-fill: transparent;
3108
+ --wds-sidebar-border-outer-fill: #cfd1dc;
2980
3109
  --wds-sidebar-clear-button-fill: #5a5d63;
2981
3110
  --wds-sidebar-divider-fill-dark-default: #42454C;
2982
3111
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
@@ -2984,6 +3113,10 @@
2984
3113
  --wds-sidebar-divider-padding-bottom: 9px;
2985
3114
  --wds-sidebar-divider-padding-inline: 20px;
2986
3115
  --wds-sidebar-divider-padding-top: 8px;
3116
+ --wds-sidebar-fill-dark: #131720;
3117
+ --wds-sidebar-fill-light: #ffffff;
3118
+ --wds-sidebar-fill-neutral: #eceff3;
3119
+ --wds-sidebar-footer-fade-height: 0px;
2987
3120
  --wds-sidebar-header-margin-bottom: 12px;
2988
3121
  --wds-sidebar-header-text-dark-default: #ffffff;
2989
3122
  --wds-sidebar-item-content-gap: 6px;
@@ -3068,6 +3201,7 @@
3068
3201
  --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
3069
3202
  --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
3070
3203
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
3204
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
3071
3205
  --wds-skeleton-border-radius-circle: 1000px;
3072
3206
  --wds-skeleton-border-radius-line: 1000px;
3073
3207
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -3128,12 +3262,15 @@
3128
3262
  --wds-swatches-swatch-size-medium: 36px;
3129
3263
  --wds-swatches-swatch-size-small: 30px;
3130
3264
  --wds-swatches-swatch-size-tiny: 24px;
3265
+ --wds-table-action-cell-backdrop-opacity: 0;
3131
3266
  --wds-table-action-cell-primary-action-gap-medium: 12px;
3132
3267
  --wds-table-action-cell-primary-action-gap-small: 12px;
3133
3268
  --wds-table-action-cell-primary-action-gap-tiny: 6px;
3134
3269
  --wds-table-action-cell-secondary-action-gap-medium: 12px;
3135
3270
  --wds-table-action-cell-secondary-action-gap-small: 12px;
3136
3271
  --wds-table-action-cell-secondary-action-gap-tiny: 6px;
3272
+ --wds-table-cell-padding-inline: 12px;
3273
+ --wds-table-header-font-weight: 400;
3137
3274
  --wds-table-list-header-checkbox-padding-left: 6px;
3138
3275
  --wds-table-list-header-checkbox-padding-right: 12px;
3139
3276
  --wds-table-list-header-divider-fill-bottom: #a8caff;
@@ -3156,10 +3293,15 @@
3156
3293
  --wds-table-list-item-fill-highlight: #f4f7ff;
3157
3294
  --wds-table-list-item-fill-hover: #e7f0ff;
3158
3295
  --wds-table-list-item-fill-hover-draggable: #e7f0ff;
3296
+ --wds-table-list-item-fill-overlay: #f4f7ff;
3159
3297
  --wds-table-list-item-gap: 24px;
3160
3298
  --wds-table-list-item-indentation-level-2: 12px;
3161
3299
  --wds-table-list-item-indentation-level-3: 36px;
3162
3300
  --wds-table-list-item-paddings: 0px;
3301
+ --wds-table-region-divider-fill: #dfe5eb;
3302
+ --wds-table-row-divider-fill: #dfe5eb;
3303
+ --wds-table-sub-toolbar-padding-block-end: 9px;
3304
+ --wds-table-sub-toolbar-padding-block-start: 9px;
3163
3305
  --wds-table-toolbar-button-gap: 6px;
3164
3306
  --wds-table-toolbar-divider-gap: 12px;
3165
3307
  --wds-table-toolbar-divider-gap-group-start: 24px;