@wix/design-system-tokens 1.219.2 → 1.220.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 (22) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/all.css +37 -0
  3. package/all.scss +37 -0
  4. package/all.st.css +74 -0
  5. package/component.st.css +74 -0
  6. package/odeditor/all.css +60 -30
  7. package/odeditor/all.scss +60 -30
  8. package/odeditor/all.st.css +90 -30
  9. package/odeditor/component.st.css +90 -30
  10. package/odeditor-dark/all.css +77 -38
  11. package/odeditor-dark/all.scss +77 -38
  12. package/odeditor-dark/all.st.css +116 -38
  13. package/odeditor-dark/component.st.css +116 -38
  14. package/package.json +2 -2
  15. package/studio/all.css +37 -0
  16. package/studio/all.scss +37 -0
  17. package/studio/all.st.css +74 -0
  18. package/studio/component.st.css +74 -0
  19. package/wixel/all.css +37 -0
  20. package/wixel/all.scss +37 -0
  21. package/wixel/all.st.css +74 -0
  22. package/wixel/component.st.css +74 -0
package/odeditor/all.st.css CHANGED
@@ -1475,6 +1475,17 @@
1475
1475
  @property st-global(--wds-page-header-title-minimised-font-weight);
1476
1476
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
1477
1477
  @property st-global(--wds-page-header-title-minimised-line-height);
1478
+ @property st-global(--wds-page-section-divider-display);
1479
+ @property st-global(--wds-page-section-gap);
1480
+ @property st-global(--wds-page-section-padding-bottom);
1481
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
1482
+ @property st-global(--wds-page-section-padding-top);
1483
+ @property st-global(--wds-page-section-subtitle-font-size);
1484
+ @property st-global(--wds-page-section-subtitle-line-height);
1485
+ @property st-global(--wds-page-section-title-font-size);
1486
+ @property st-global(--wds-page-section-title-font-weight);
1487
+ @property st-global(--wds-page-section-title-letter-spacing);
1488
+ @property st-global(--wds-page-section-title-line-height);
1478
1489
  @property st-global(--wds-pagination-arrow-fill);
1479
1490
  @property st-global(--wds-pagination-fill);
1480
1491
  @property st-global(--wds-pagination-fill-active);
@@ -1529,6 +1540,7 @@
1529
1540
  @property st-global(--wds-scrollbar-fill);
1530
1541
  @property st-global(--wds-scrollbar-fill-active);
1531
1542
  @property st-global(--wds-scrollbar-fill-hover);
1543
+ @property st-global(--wds-scrollbar-width);
1532
1544
  @property st-global(--wds-search-border-radius-large);
1533
1545
  @property st-global(--wds-search-border-radius-medium);
1534
1546
  @property st-global(--wds-search-border-radius-small);
@@ -1645,6 +1657,9 @@
1645
1657
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1646
1658
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1647
1659
  @property st-global(--wds-selector-button-text-fill-standard);
1660
+ @property st-global(--wds-selector-list-item-fill-active);
1661
+ @property st-global(--wds-selector-list-item-fill-focus);
1662
+ @property st-global(--wds-selector-list-item-fill-hover);
1648
1663
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1649
1664
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1650
1665
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1866,7 +1881,9 @@
1866
1881
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1867
1882
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1868
1883
  @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1884
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1869
1885
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1886
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1870
1887
  @property st-global(--wds-skeleton-border-radius-circle);
1871
1888
  @property st-global(--wds-skeleton-border-radius-line);
1872
1889
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1942,6 +1959,10 @@
1942
1959
  @property st-global(--wds-statistics-widget-description-font-line-height);
1943
1960
  @property st-global(--wds-statistics-widget-description-font-size);
1944
1961
  @property st-global(--wds-statistics-widget-description-info-gap);
1962
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1963
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1964
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1965
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1945
1966
  @property st-global(--wds-statistics-widget-trend-space-top);
1946
1967
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1947
1968
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1986,14 +2007,23 @@
1986
2007
  @property st-global(--wds-table-list-item-controls-gap-medium);
1987
2008
  @property st-global(--wds-table-list-item-controls-padding-medium);
1988
2009
  @property st-global(--wds-table-list-item-drag-handle-color);
2010
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1989
2011
  @property st-global(--wds-table-list-item-fill);
1990
2012
  @property st-global(--wds-table-list-item-fill-active);
1991
2013
  @property st-global(--wds-table-list-item-fill-highlight);
1992
2014
  @property st-global(--wds-table-list-item-fill-hover);
2015
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1993
2016
  @property st-global(--wds-table-list-item-gap);
1994
2017
  @property st-global(--wds-table-list-item-indentation-level-2);
1995
2018
  @property st-global(--wds-table-list-item-indentation-level-3);
1996
2019
  @property st-global(--wds-table-list-item-paddings);
2020
+ @property st-global(--wds-table-toolbar-button-gap);
2021
+ @property st-global(--wds-table-toolbar-divider-gap);
2022
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
2023
+ @property st-global(--wds-table-toolbar-icon-button-gap);
2024
+ @property st-global(--wds-table-toolbar-item-gap);
2025
+ @property st-global(--wds-table-toolbar-padding-block-end);
2026
+ @property st-global(--wds-table-toolbar-padding-block-start);
1997
2027
  @property st-global(--wds-table-toolbar-padding-horizontal);
1998
2028
  @property st-global(--wds-tabs-border-radius);
1999
2029
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -3665,10 +3695,10 @@
3665
3695
  --wds-loader-stroke-width-medium: 2px;
3666
3696
  --wds-loader-stroke-width-small: 2px;
3667
3697
  --wds-loader-stroke-width-tiny: 2px;
3668
- --wds-marketing-layout-actions-gap-medium: 12px;
3669
- --wds-marketing-layout-actions-gap-small: 12px;
3670
- --wds-marketing-layout-actions-gap-tiny: 12px;
3671
- --wds-marketing-layout-badge-gap: 12px;
3698
+ --wds-marketing-layout-actions-gap-medium: 24px;
3699
+ --wds-marketing-layout-actions-gap-small: 24px;
3700
+ --wds-marketing-layout-actions-gap-tiny: 24px;
3701
+ --wds-marketing-layout-badge-gap: 8px;
3672
3702
  --wds-marketing-layout-badge-offset-medium: 0px;
3673
3703
  --wds-marketing-layout-badge-offset-small: 0px;
3674
3704
  --wds-marketing-layout-badge-offset-tiny: 0px;
@@ -3676,7 +3706,7 @@
3676
3706
  --wds-marketing-layout-badge-side: auto;
3677
3707
  --wds-marketing-layout-badge-top: auto;
3678
3708
  --wds-marketing-layout-border: 4px;
3679
- --wds-marketing-layout-description-color: #767574;
3709
+ --wds-marketing-layout-description-color: #525150;
3680
3710
  --wds-marketing-layout-description-font-size-medium: 12px;
3681
3711
  --wds-marketing-layout-description-font-size-small: 12px;
3682
3712
  --wds-marketing-layout-description-font-size-tiny: 12px;
@@ -3687,36 +3717,36 @@
3687
3717
  --wds-marketing-layout-description-line-height-small: 16px;
3688
3718
  --wds-marketing-layout-description-line-height-tiny: 16px;
3689
3719
  --wds-marketing-layout-image-border-radius: 8px;
3690
- --wds-marketing-layout-image-padding-left-medium: 16px;
3691
- --wds-marketing-layout-image-padding-left-small: 16px;
3692
- --wds-marketing-layout-image-padding-left-tiny: 16px;
3693
- --wds-marketing-layout-image-padding-right-medium: 16px;
3694
- --wds-marketing-layout-image-padding-right-small: 16px;
3695
- --wds-marketing-layout-image-padding-right-tiny: 16px;
3696
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
3697
- --wds-marketing-layout-image-padding-vertical-small: 16px;
3698
- --wds-marketing-layout-image-padding-vertical-tiny: 16px;
3699
- --wds-marketing-layout-padding-left-medium: 24px;
3700
- --wds-marketing-layout-padding-left-small: 24px;
3701
- --wds-marketing-layout-padding-left-tiny: 24px;
3702
- --wds-marketing-layout-padding-right-medium: 24px;
3703
- --wds-marketing-layout-padding-right-small: 24px;
3704
- --wds-marketing-layout-padding-right-tiny: 24px;
3705
- --wds-marketing-layout-padding-vertical-medium: 24px;
3706
- --wds-marketing-layout-padding-vertical-small: 24px;
3707
- --wds-marketing-layout-padding-vertical-tiny: 24px;
3720
+ --wds-marketing-layout-image-padding-left-medium: 12px;
3721
+ --wds-marketing-layout-image-padding-left-small: 12px;
3722
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
3723
+ --wds-marketing-layout-image-padding-right-medium: 12px;
3724
+ --wds-marketing-layout-image-padding-right-small: 12px;
3725
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
3726
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
3727
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
3728
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
3729
+ --wds-marketing-layout-padding-left-medium: 20px;
3730
+ --wds-marketing-layout-padding-left-small: 8px;
3731
+ --wds-marketing-layout-padding-left-tiny: 8px;
3732
+ --wds-marketing-layout-padding-right-medium: 8px;
3733
+ --wds-marketing-layout-padding-right-small: 20px;
3734
+ --wds-marketing-layout-padding-right-tiny: 20px;
3735
+ --wds-marketing-layout-padding-vertical-medium: 20px;
3736
+ --wds-marketing-layout-padding-vertical-small: 20px;
3737
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
3708
3738
  --wds-marketing-layout-title-font-size-medium: 16px;
3709
3739
  --wds-marketing-layout-title-font-size-small: 16px;
3710
3740
  --wds-marketing-layout-title-font-size-tiny: 16px;
3711
3741
  --wds-marketing-layout-title-font-weight-medium: 700;
3712
3742
  --wds-marketing-layout-title-font-weight-small: 700;
3713
3743
  --wds-marketing-layout-title-font-weight-tiny: 700;
3714
- --wds-marketing-layout-title-gap-medium: 4px;
3715
- --wds-marketing-layout-title-gap-small: 4px;
3716
- --wds-marketing-layout-title-gap-tiny: 4px;
3717
- --wds-marketing-layout-title-line-height-medium: 24px;
3718
- --wds-marketing-layout-title-line-height-small: 24px;
3719
- --wds-marketing-layout-title-line-height-tiny: 24px;
3744
+ --wds-marketing-layout-title-gap-medium: 8px;
3745
+ --wds-marketing-layout-title-gap-small: 8px;
3746
+ --wds-marketing-layout-title-gap-tiny: 8px;
3747
+ --wds-marketing-layout-title-line-height-medium: 20px;
3748
+ --wds-marketing-layout-title-line-height-small: 20px;
3749
+ --wds-marketing-layout-title-line-height-tiny: 20px;
3720
3750
  --wds-marketing-page-paddings-horizontal-large: 60px;
3721
3751
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3722
3752
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -3789,6 +3819,17 @@
3789
3819
  --wds-page-header-title-minimised-font-weight: 700;
3790
3820
  --wds-page-header-title-minimised-letter-spacing: -0.5px;
3791
3821
  --wds-page-header-title-minimised-line-height: 24px;
3822
+ --wds-page-section-divider-display: none;
3823
+ --wds-page-section-gap: 4px;
3824
+ --wds-page-section-padding-bottom: 4px;
3825
+ --wds-page-section-padding-bottom-with-divider: 8px;
3826
+ --wds-page-section-padding-top: 16px;
3827
+ --wds-page-section-subtitle-font-size: 12px;
3828
+ --wds-page-section-subtitle-line-height: 16px;
3829
+ --wds-page-section-title-font-size: 16px;
3830
+ --wds-page-section-title-font-weight: 700;
3831
+ --wds-page-section-title-letter-spacing: -0.5px;
3832
+ --wds-page-section-title-line-height: 24px;
3792
3833
  --wds-pagination-arrow-fill: #151414;
3793
3834
  --wds-pagination-fill: #ffffff;
3794
3835
  --wds-pagination-fill-active: #151414;
@@ -3840,9 +3881,10 @@
3840
3881
  --wds-radio-label-font-size-medium: 14px;
3841
3882
  --wds-radio-label-font-size-small: 12px;
3842
3883
  --wds-radio-size: 14px;
3843
- --wds-scrollbar-fill: #dedede;
3884
+ --wds-scrollbar-fill: #a8a6a5;
3844
3885
  --wds-scrollbar-fill-active: #767574;
3845
3886
  --wds-scrollbar-fill-hover: #767574;
3887
+ --wds-scrollbar-width: 4px;
3846
3888
  --wds-search-border-radius-large: 1000px;
3847
3889
  --wds-search-border-radius-medium: 1000px;
3848
3890
  --wds-search-border-radius-small: 1000px;
@@ -3959,6 +4001,9 @@
3959
4001
  --wds-selector-button-text-fill-pressed-dark: #2f5dff;
3960
4002
  --wds-selector-button-text-fill-pressed-standard: #2f5dff;
3961
4003
  --wds-selector-button-text-fill-standard: #2f5dff;
4004
+ --wds-selector-list-item-fill-active: #e8e7e7;
4005
+ --wds-selector-list-item-fill-focus: #f0efef;
4006
+ --wds-selector-list-item-fill-hover: #f0efef;
3962
4007
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3963
4008
  --wds-selector-list-item-padding-horizontal-small: 16px;
3964
4009
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -4180,7 +4225,9 @@
4180
4225
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4181
4226
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
4182
4227
  --wds-sidebar-scrollbar-fill-light-default: #dedede;
4228
+ --wds-sidebar-scrollbar-fill-light-hover: #a8a6a5;
4183
4229
  --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
4230
+ --wds-sidebar-scrollbar-fill-neutral-hover: #a8a6a5;
4184
4231
  --wds-skeleton-border-radius-circle: 1000px;
4185
4232
  --wds-skeleton-border-radius-line: 4px;
4186
4233
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4256,6 +4303,10 @@
4256
4303
  --wds-statistics-widget-description-font-line-height: 16px;
4257
4304
  --wds-statistics-widget-description-font-size: 12px;
4258
4305
  --wds-statistics-widget-description-info-gap: 2px;
4306
+ --wds-statistics-widget-padding-horizontal-large: 12px;
4307
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
4308
+ --wds-statistics-widget-padding-vertical-large: 20px;
4309
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4259
4310
  --wds-statistics-widget-trend-space-top: 0px;
4260
4311
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4261
4312
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -4300,14 +4351,23 @@
4300
4351
  --wds-table-list-item-controls-gap-medium: 4px;
4301
4352
  --wds-table-list-item-controls-padding-medium: 8px;
4302
4353
  --wds-table-list-item-drag-handle-color: #151414;
4354
+ --wds-table-list-item-drag-handle-color-hover: #151414;
4303
4355
  --wds-table-list-item-fill: #ffffff;
4304
4356
  --wds-table-list-item-fill-active: #f0efef;
4305
4357
  --wds-table-list-item-fill-highlight: #f5f7ff;
4306
4358
  --wds-table-list-item-fill-hover: #f8f6f6;
4359
+ --wds-table-list-item-fill-hover-draggable: #f8f6f6;
4307
4360
  --wds-table-list-item-gap: 16px;
4308
4361
  --wds-table-list-item-indentation-level-2: 12px;
4309
4362
  --wds-table-list-item-indentation-level-3: 28px;
4310
4363
  --wds-table-list-item-paddings: 0px;
4364
+ --wds-table-toolbar-button-gap: 8px;
4365
+ --wds-table-toolbar-divider-gap: 16px;
4366
+ --wds-table-toolbar-divider-gap-group-start: 16px;
4367
+ --wds-table-toolbar-icon-button-gap: 2px;
4368
+ --wds-table-toolbar-item-gap: 8px;
4369
+ --wds-table-toolbar-padding-block-end: 16px;
4370
+ --wds-table-toolbar-padding-block-start: 24px;
4311
4371
  --wds-table-toolbar-padding-horizontal: 24px;
4312
4372
  --wds-tabs-border-radius: 6px;
4313
4373
  --wds-tabs-container-padding-horizontal: 16px;
package/odeditor/component.st.css CHANGED
@@ -885,6 +885,17 @@
885
885
  @property st-global(--wds-page-header-title-minimised-font-weight);
886
886
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
887
887
  @property st-global(--wds-page-header-title-minimised-line-height);
888
+ @property st-global(--wds-page-section-divider-display);
889
+ @property st-global(--wds-page-section-gap);
890
+ @property st-global(--wds-page-section-padding-bottom);
891
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
892
+ @property st-global(--wds-page-section-padding-top);
893
+ @property st-global(--wds-page-section-subtitle-font-size);
894
+ @property st-global(--wds-page-section-subtitle-line-height);
895
+ @property st-global(--wds-page-section-title-font-size);
896
+ @property st-global(--wds-page-section-title-font-weight);
897
+ @property st-global(--wds-page-section-title-letter-spacing);
898
+ @property st-global(--wds-page-section-title-line-height);
888
899
  @property st-global(--wds-pagination-arrow-fill);
889
900
  @property st-global(--wds-pagination-fill);
890
901
  @property st-global(--wds-pagination-fill-active);
@@ -939,6 +950,7 @@
939
950
  @property st-global(--wds-scrollbar-fill);
940
951
  @property st-global(--wds-scrollbar-fill-active);
941
952
  @property st-global(--wds-scrollbar-fill-hover);
953
+ @property st-global(--wds-scrollbar-width);
942
954
  @property st-global(--wds-search-border-radius-large);
943
955
  @property st-global(--wds-search-border-radius-medium);
944
956
  @property st-global(--wds-search-border-radius-small);
@@ -1055,6 +1067,9 @@
1055
1067
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1056
1068
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1057
1069
  @property st-global(--wds-selector-button-text-fill-standard);
1070
+ @property st-global(--wds-selector-list-item-fill-active);
1071
+ @property st-global(--wds-selector-list-item-fill-focus);
1072
+ @property st-global(--wds-selector-list-item-fill-hover);
1058
1073
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1059
1074
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1060
1075
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1167,7 +1182,9 @@
1167
1182
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1168
1183
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1169
1184
  @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1185
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1170
1186
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1187
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1171
1188
  @property st-global(--wds-skeleton-border-radius-circle);
1172
1189
  @property st-global(--wds-skeleton-border-radius-line);
1173
1190
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1197,6 +1214,10 @@
1197
1214
  @property st-global(--wds-statistics-widget-description-font-line-height);
1198
1215
  @property st-global(--wds-statistics-widget-description-font-size);
1199
1216
  @property st-global(--wds-statistics-widget-description-info-gap);
1217
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1218
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1219
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1220
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1200
1221
  @property st-global(--wds-statistics-widget-trend-space-top);
1201
1222
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1202
1223
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1241,14 +1262,23 @@
1241
1262
  @property st-global(--wds-table-list-item-controls-gap-medium);
1242
1263
  @property st-global(--wds-table-list-item-controls-padding-medium);
1243
1264
  @property st-global(--wds-table-list-item-drag-handle-color);
1265
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1244
1266
  @property st-global(--wds-table-list-item-fill);
1245
1267
  @property st-global(--wds-table-list-item-fill-active);
1246
1268
  @property st-global(--wds-table-list-item-fill-highlight);
1247
1269
  @property st-global(--wds-table-list-item-fill-hover);
1270
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1248
1271
  @property st-global(--wds-table-list-item-gap);
1249
1272
  @property st-global(--wds-table-list-item-indentation-level-2);
1250
1273
  @property st-global(--wds-table-list-item-indentation-level-3);
1251
1274
  @property st-global(--wds-table-list-item-paddings);
1275
+ @property st-global(--wds-table-toolbar-button-gap);
1276
+ @property st-global(--wds-table-toolbar-divider-gap);
1277
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
1278
+ @property st-global(--wds-table-toolbar-icon-button-gap);
1279
+ @property st-global(--wds-table-toolbar-item-gap);
1280
+ @property st-global(--wds-table-toolbar-padding-block-end);
1281
+ @property st-global(--wds-table-toolbar-padding-block-start);
1252
1282
  @property st-global(--wds-table-toolbar-padding-horizontal);
1253
1283
  @property st-global(--wds-tabs-border-radius);
1254
1284
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -2328,10 +2358,10 @@
2328
2358
  --wds-loader-stroke-width-medium: 2px;
2329
2359
  --wds-loader-stroke-width-small: 2px;
2330
2360
  --wds-loader-stroke-width-tiny: 2px;
2331
- --wds-marketing-layout-actions-gap-medium: 12px;
2332
- --wds-marketing-layout-actions-gap-small: 12px;
2333
- --wds-marketing-layout-actions-gap-tiny: 12px;
2334
- --wds-marketing-layout-badge-gap: 12px;
2361
+ --wds-marketing-layout-actions-gap-medium: 24px;
2362
+ --wds-marketing-layout-actions-gap-small: 24px;
2363
+ --wds-marketing-layout-actions-gap-tiny: 24px;
2364
+ --wds-marketing-layout-badge-gap: 8px;
2335
2365
  --wds-marketing-layout-badge-offset-medium: 0px;
2336
2366
  --wds-marketing-layout-badge-offset-small: 0px;
2337
2367
  --wds-marketing-layout-badge-offset-tiny: 0px;
@@ -2339,7 +2369,7 @@
2339
2369
  --wds-marketing-layout-badge-side: auto;
2340
2370
  --wds-marketing-layout-badge-top: auto;
2341
2371
  --wds-marketing-layout-border: 4px;
2342
- --wds-marketing-layout-description-color: #767574;
2372
+ --wds-marketing-layout-description-color: #525150;
2343
2373
  --wds-marketing-layout-description-font-size-medium: 12px;
2344
2374
  --wds-marketing-layout-description-font-size-small: 12px;
2345
2375
  --wds-marketing-layout-description-font-size-tiny: 12px;
@@ -2350,36 +2380,36 @@
2350
2380
  --wds-marketing-layout-description-line-height-small: 16px;
2351
2381
  --wds-marketing-layout-description-line-height-tiny: 16px;
2352
2382
  --wds-marketing-layout-image-border-radius: 8px;
2353
- --wds-marketing-layout-image-padding-left-medium: 16px;
2354
- --wds-marketing-layout-image-padding-left-small: 16px;
2355
- --wds-marketing-layout-image-padding-left-tiny: 16px;
2356
- --wds-marketing-layout-image-padding-right-medium: 16px;
2357
- --wds-marketing-layout-image-padding-right-small: 16px;
2358
- --wds-marketing-layout-image-padding-right-tiny: 16px;
2359
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
2360
- --wds-marketing-layout-image-padding-vertical-small: 16px;
2361
- --wds-marketing-layout-image-padding-vertical-tiny: 16px;
2362
- --wds-marketing-layout-padding-left-medium: 24px;
2363
- --wds-marketing-layout-padding-left-small: 24px;
2364
- --wds-marketing-layout-padding-left-tiny: 24px;
2365
- --wds-marketing-layout-padding-right-medium: 24px;
2366
- --wds-marketing-layout-padding-right-small: 24px;
2367
- --wds-marketing-layout-padding-right-tiny: 24px;
2368
- --wds-marketing-layout-padding-vertical-medium: 24px;
2369
- --wds-marketing-layout-padding-vertical-small: 24px;
2370
- --wds-marketing-layout-padding-vertical-tiny: 24px;
2383
+ --wds-marketing-layout-image-padding-left-medium: 12px;
2384
+ --wds-marketing-layout-image-padding-left-small: 12px;
2385
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
2386
+ --wds-marketing-layout-image-padding-right-medium: 12px;
2387
+ --wds-marketing-layout-image-padding-right-small: 12px;
2388
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
2389
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
2390
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
2391
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2392
+ --wds-marketing-layout-padding-left-medium: 20px;
2393
+ --wds-marketing-layout-padding-left-small: 8px;
2394
+ --wds-marketing-layout-padding-left-tiny: 8px;
2395
+ --wds-marketing-layout-padding-right-medium: 8px;
2396
+ --wds-marketing-layout-padding-right-small: 20px;
2397
+ --wds-marketing-layout-padding-right-tiny: 20px;
2398
+ --wds-marketing-layout-padding-vertical-medium: 20px;
2399
+ --wds-marketing-layout-padding-vertical-small: 20px;
2400
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
2371
2401
  --wds-marketing-layout-title-font-size-medium: 16px;
2372
2402
  --wds-marketing-layout-title-font-size-small: 16px;
2373
2403
  --wds-marketing-layout-title-font-size-tiny: 16px;
2374
2404
  --wds-marketing-layout-title-font-weight-medium: 700;
2375
2405
  --wds-marketing-layout-title-font-weight-small: 700;
2376
2406
  --wds-marketing-layout-title-font-weight-tiny: 700;
2377
- --wds-marketing-layout-title-gap-medium: 4px;
2378
- --wds-marketing-layout-title-gap-small: 4px;
2379
- --wds-marketing-layout-title-gap-tiny: 4px;
2380
- --wds-marketing-layout-title-line-height-medium: 24px;
2381
- --wds-marketing-layout-title-line-height-small: 24px;
2382
- --wds-marketing-layout-title-line-height-tiny: 24px;
2407
+ --wds-marketing-layout-title-gap-medium: 8px;
2408
+ --wds-marketing-layout-title-gap-small: 8px;
2409
+ --wds-marketing-layout-title-gap-tiny: 8px;
2410
+ --wds-marketing-layout-title-line-height-medium: 20px;
2411
+ --wds-marketing-layout-title-line-height-small: 20px;
2412
+ --wds-marketing-layout-title-line-height-tiny: 20px;
2383
2413
  --wds-marketing-page-paddings-horizontal-large: 60px;
2384
2414
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2385
2415
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -2452,6 +2482,17 @@
2452
2482
  --wds-page-header-title-minimised-font-weight: 700;
2453
2483
  --wds-page-header-title-minimised-letter-spacing: -0.5px;
2454
2484
  --wds-page-header-title-minimised-line-height: 24px;
2485
+ --wds-page-section-divider-display: none;
2486
+ --wds-page-section-gap: 4px;
2487
+ --wds-page-section-padding-bottom: 4px;
2488
+ --wds-page-section-padding-bottom-with-divider: 8px;
2489
+ --wds-page-section-padding-top: 16px;
2490
+ --wds-page-section-subtitle-font-size: 12px;
2491
+ --wds-page-section-subtitle-line-height: 16px;
2492
+ --wds-page-section-title-font-size: 16px;
2493
+ --wds-page-section-title-font-weight: 700;
2494
+ --wds-page-section-title-letter-spacing: -0.5px;
2495
+ --wds-page-section-title-line-height: 24px;
2455
2496
  --wds-pagination-arrow-fill: #151414;
2456
2497
  --wds-pagination-fill: #ffffff;
2457
2498
  --wds-pagination-fill-active: #151414;
@@ -2503,9 +2544,10 @@
2503
2544
  --wds-radio-label-font-size-medium: 14px;
2504
2545
  --wds-radio-label-font-size-small: 12px;
2505
2546
  --wds-radio-size: 14px;
2506
- --wds-scrollbar-fill: #dedede;
2547
+ --wds-scrollbar-fill: #a8a6a5;
2507
2548
  --wds-scrollbar-fill-active: #767574;
2508
2549
  --wds-scrollbar-fill-hover: #767574;
2550
+ --wds-scrollbar-width: 4px;
2509
2551
  --wds-search-border-radius-large: 1000px;
2510
2552
  --wds-search-border-radius-medium: 1000px;
2511
2553
  --wds-search-border-radius-small: 1000px;
@@ -2622,6 +2664,9 @@
2622
2664
  --wds-selector-button-text-fill-pressed-dark: #2f5dff;
2623
2665
  --wds-selector-button-text-fill-pressed-standard: #2f5dff;
2624
2666
  --wds-selector-button-text-fill-standard: #2f5dff;
2667
+ --wds-selector-list-item-fill-active: #e8e7e7;
2668
+ --wds-selector-list-item-fill-focus: #f0efef;
2669
+ --wds-selector-list-item-fill-hover: #f0efef;
2625
2670
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2626
2671
  --wds-selector-list-item-padding-horizontal-small: 16px;
2627
2672
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -2734,7 +2779,9 @@
2734
2779
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2735
2780
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2736
2781
  --wds-sidebar-scrollbar-fill-light-default: #dedede;
2782
+ --wds-sidebar-scrollbar-fill-light-hover: #a8a6a5;
2737
2783
  --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
2784
+ --wds-sidebar-scrollbar-fill-neutral-hover: #a8a6a5;
2738
2785
  --wds-skeleton-border-radius-circle: 1000px;
2739
2786
  --wds-skeleton-border-radius-line: 4px;
2740
2787
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -2764,6 +2811,10 @@
2764
2811
  --wds-statistics-widget-description-font-line-height: 16px;
2765
2812
  --wds-statistics-widget-description-font-size: 12px;
2766
2813
  --wds-statistics-widget-description-info-gap: 2px;
2814
+ --wds-statistics-widget-padding-horizontal-large: 12px;
2815
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
2816
+ --wds-statistics-widget-padding-vertical-large: 20px;
2817
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2767
2818
  --wds-statistics-widget-trend-space-top: 0px;
2768
2819
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2769
2820
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -2808,14 +2859,23 @@
2808
2859
  --wds-table-list-item-controls-gap-medium: 4px;
2809
2860
  --wds-table-list-item-controls-padding-medium: 8px;
2810
2861
  --wds-table-list-item-drag-handle-color: #151414;
2862
+ --wds-table-list-item-drag-handle-color-hover: #151414;
2811
2863
  --wds-table-list-item-fill: #ffffff;
2812
2864
  --wds-table-list-item-fill-active: #f0efef;
2813
2865
  --wds-table-list-item-fill-highlight: #f5f7ff;
2814
2866
  --wds-table-list-item-fill-hover: #f8f6f6;
2867
+ --wds-table-list-item-fill-hover-draggable: #f8f6f6;
2815
2868
  --wds-table-list-item-gap: 16px;
2816
2869
  --wds-table-list-item-indentation-level-2: 12px;
2817
2870
  --wds-table-list-item-indentation-level-3: 28px;
2818
2871
  --wds-table-list-item-paddings: 0px;
2872
+ --wds-table-toolbar-button-gap: 8px;
2873
+ --wds-table-toolbar-divider-gap: 16px;
2874
+ --wds-table-toolbar-divider-gap-group-start: 16px;
2875
+ --wds-table-toolbar-icon-button-gap: 2px;
2876
+ --wds-table-toolbar-item-gap: 8px;
2877
+ --wds-table-toolbar-padding-block-end: 16px;
2878
+ --wds-table-toolbar-padding-block-start: 24px;
2819
2879
  --wds-table-toolbar-padding-horizontal: 24px;
2820
2880
  --wds-tabs-border-radius: 6px;
2821
2881
  --wds-tabs-container-padding-horizontal: 16px;