@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-dark/all.st.css CHANGED
@@ -1388,6 +1388,15 @@
1388
1388
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1389
1389
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1390
1390
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1391
+ @property st-global(--wds-marketing-layout-padding-left-medium);
1392
+ @property st-global(--wds-marketing-layout-padding-left-small);
1393
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
1394
+ @property st-global(--wds-marketing-layout-padding-right-medium);
1395
+ @property st-global(--wds-marketing-layout-padding-right-small);
1396
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
1397
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
1398
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
1399
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1391
1400
  @property st-global(--wds-marketing-layout-title-font-size-medium);
1392
1401
  @property st-global(--wds-marketing-layout-title-font-size-small);
1393
1402
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1472,6 +1481,17 @@
1472
1481
  @property st-global(--wds-page-header-title-minimised-font-weight);
1473
1482
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
1474
1483
  @property st-global(--wds-page-header-title-minimised-line-height);
1484
+ @property st-global(--wds-page-section-divider-display);
1485
+ @property st-global(--wds-page-section-gap);
1486
+ @property st-global(--wds-page-section-padding-bottom);
1487
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
1488
+ @property st-global(--wds-page-section-padding-top);
1489
+ @property st-global(--wds-page-section-subtitle-font-size);
1490
+ @property st-global(--wds-page-section-subtitle-line-height);
1491
+ @property st-global(--wds-page-section-title-font-size);
1492
+ @property st-global(--wds-page-section-title-font-weight);
1493
+ @property st-global(--wds-page-section-title-letter-spacing);
1494
+ @property st-global(--wds-page-section-title-line-height);
1475
1495
  @property st-global(--wds-pagination-arrow-fill);
1476
1496
  @property st-global(--wds-pagination-fill);
1477
1497
  @property st-global(--wds-pagination-fill-active);
@@ -1526,6 +1546,7 @@
1526
1546
  @property st-global(--wds-scrollbar-fill);
1527
1547
  @property st-global(--wds-scrollbar-fill-active);
1528
1548
  @property st-global(--wds-scrollbar-fill-hover);
1549
+ @property st-global(--wds-scrollbar-width);
1529
1550
  @property st-global(--wds-search-border-radius-large);
1530
1551
  @property st-global(--wds-search-border-radius-medium);
1531
1552
  @property st-global(--wds-search-border-radius-small);
@@ -1644,6 +1665,9 @@
1644
1665
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1645
1666
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1646
1667
  @property st-global(--wds-selector-button-text-fill-standard);
1668
+ @property st-global(--wds-selector-list-item-fill-active);
1669
+ @property st-global(--wds-selector-list-item-fill-focus);
1670
+ @property st-global(--wds-selector-list-item-fill-hover);
1647
1671
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1648
1672
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1649
1673
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1860,6 +1884,8 @@
1860
1884
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1861
1885
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1862
1886
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1887
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1888
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1863
1889
  @property st-global(--wds-skeleton-border-radius-circle);
1864
1890
  @property st-global(--wds-skeleton-border-radius-line);
1865
1891
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1935,6 +1961,10 @@
1935
1961
  @property st-global(--wds-statistics-widget-description-font-line-height);
1936
1962
  @property st-global(--wds-statistics-widget-description-font-size);
1937
1963
  @property st-global(--wds-statistics-widget-description-info-gap);
1964
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1965
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1966
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1967
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1938
1968
  @property st-global(--wds-statistics-widget-trend-space-top);
1939
1969
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1940
1970
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1979,14 +2009,23 @@
1979
2009
  @property st-global(--wds-table-list-item-controls-gap-medium);
1980
2010
  @property st-global(--wds-table-list-item-controls-padding-medium);
1981
2011
  @property st-global(--wds-table-list-item-drag-handle-color);
2012
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1982
2013
  @property st-global(--wds-table-list-item-fill);
1983
2014
  @property st-global(--wds-table-list-item-fill-active);
1984
2015
  @property st-global(--wds-table-list-item-fill-highlight);
1985
2016
  @property st-global(--wds-table-list-item-fill-hover);
2017
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1986
2018
  @property st-global(--wds-table-list-item-gap);
1987
2019
  @property st-global(--wds-table-list-item-indentation-level-2);
1988
2020
  @property st-global(--wds-table-list-item-indentation-level-3);
1989
2021
  @property st-global(--wds-table-list-item-paddings);
2022
+ @property st-global(--wds-table-toolbar-button-gap);
2023
+ @property st-global(--wds-table-toolbar-divider-gap);
2024
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
2025
+ @property st-global(--wds-table-toolbar-icon-button-gap);
2026
+ @property st-global(--wds-table-toolbar-item-gap);
2027
+ @property st-global(--wds-table-toolbar-padding-block-end);
2028
+ @property st-global(--wds-table-toolbar-padding-block-start);
1990
2029
  @property st-global(--wds-table-toolbar-padding-horizontal);
1991
2030
  @property st-global(--wds-tabs-border-radius);
1992
2031
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -3664,49 +3703,58 @@
3664
3703
  --wds-loader-stroke-width-medium: 2px;
3665
3704
  --wds-loader-stroke-width-small: 2px;
3666
3705
  --wds-loader-stroke-width-tiny: 2px;
3667
- --wds-marketing-layout-actions-gap-medium: 16px;
3668
- --wds-marketing-layout-actions-gap-small: 12px;
3669
- --wds-marketing-layout-actions-gap-tiny: 12px;
3670
- --wds-marketing-layout-badge-gap: 0px;
3671
- --wds-marketing-layout-badge-offset-medium: 12px;
3672
- --wds-marketing-layout-badge-offset-small: 12px;
3673
- --wds-marketing-layout-badge-offset-tiny: 18px;
3674
- --wds-marketing-layout-badge-position: absolute;
3675
- --wds-marketing-layout-badge-side: -3px;
3676
- --wds-marketing-layout-badge-top: 9px;
3706
+ --wds-marketing-layout-actions-gap-medium: 24px;
3707
+ --wds-marketing-layout-actions-gap-small: 24px;
3708
+ --wds-marketing-layout-actions-gap-tiny: 24px;
3709
+ --wds-marketing-layout-badge-gap: 8px;
3710
+ --wds-marketing-layout-badge-offset-medium: 0px;
3711
+ --wds-marketing-layout-badge-offset-small: 0px;
3712
+ --wds-marketing-layout-badge-offset-tiny: 0px;
3713
+ --wds-marketing-layout-badge-position: static;
3714
+ --wds-marketing-layout-badge-side: auto;
3715
+ --wds-marketing-layout-badge-top: auto;
3677
3716
  --wds-marketing-layout-border: 4px;
3678
- --wds-marketing-layout-description-color: #D4D3D2;
3679
- --wds-marketing-layout-description-font-size-medium: 16px;
3680
- --wds-marketing-layout-description-font-size-small: 14px;
3681
- --wds-marketing-layout-description-font-size-tiny: 14px;
3682
- --wds-marketing-layout-description-font-weight-medium: 400;
3683
- --wds-marketing-layout-description-font-weight-small: 400;
3684
- --wds-marketing-layout-description-font-weight-tiny: 400;
3685
- --wds-marketing-layout-description-line-height-medium: 24px;
3686
- --wds-marketing-layout-description-line-height-small: 18px;
3687
- --wds-marketing-layout-description-line-height-tiny: 18px;
3688
- --wds-marketing-layout-image-border-radius: 0px;
3689
- --wds-marketing-layout-image-padding-left-medium: 32px;
3690
- --wds-marketing-layout-image-padding-left-small: 16px;
3691
- --wds-marketing-layout-image-padding-left-tiny: 16px;
3692
- --wds-marketing-layout-image-padding-right-medium: 28px;
3693
- --wds-marketing-layout-image-padding-right-small: 20px;
3694
- --wds-marketing-layout-image-padding-right-tiny: 20px;
3695
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
3696
- --wds-marketing-layout-image-padding-vertical-small: 16px;
3717
+ --wds-marketing-layout-description-color: #A8A6A5;
3718
+ --wds-marketing-layout-description-font-size-medium: 12px;
3719
+ --wds-marketing-layout-description-font-size-small: 12px;
3720
+ --wds-marketing-layout-description-font-size-tiny: 12px;
3721
+ --wds-marketing-layout-description-font-weight-medium: 500;
3722
+ --wds-marketing-layout-description-font-weight-small: 500;
3723
+ --wds-marketing-layout-description-font-weight-tiny: 500;
3724
+ --wds-marketing-layout-description-line-height-medium: 16px;
3725
+ --wds-marketing-layout-description-line-height-small: 16px;
3726
+ --wds-marketing-layout-description-line-height-tiny: 16px;
3727
+ --wds-marketing-layout-image-border-radius: 8px;
3728
+ --wds-marketing-layout-image-padding-left-medium: 12px;
3729
+ --wds-marketing-layout-image-padding-left-small: 12px;
3730
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
3731
+ --wds-marketing-layout-image-padding-right-medium: 12px;
3732
+ --wds-marketing-layout-image-padding-right-small: 12px;
3733
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
3734
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
3735
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
3697
3736
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
3698
- --wds-marketing-layout-title-font-size-medium: 24px;
3737
+ --wds-marketing-layout-padding-left-medium: 20px;
3738
+ --wds-marketing-layout-padding-left-small: 8px;
3739
+ --wds-marketing-layout-padding-left-tiny: 8px;
3740
+ --wds-marketing-layout-padding-right-medium: 8px;
3741
+ --wds-marketing-layout-padding-right-small: 20px;
3742
+ --wds-marketing-layout-padding-right-tiny: 20px;
3743
+ --wds-marketing-layout-padding-vertical-medium: 20px;
3744
+ --wds-marketing-layout-padding-vertical-small: 20px;
3745
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
3746
+ --wds-marketing-layout-title-font-size-medium: 16px;
3699
3747
  --wds-marketing-layout-title-font-size-small: 16px;
3700
- --wds-marketing-layout-title-font-size-tiny: 20px;
3701
- --wds-marketing-layout-title-font-weight-medium: 500;
3748
+ --wds-marketing-layout-title-font-size-tiny: 16px;
3749
+ --wds-marketing-layout-title-font-weight-medium: 700;
3702
3750
  --wds-marketing-layout-title-font-weight-small: 700;
3703
- --wds-marketing-layout-title-font-weight-tiny: 600;
3751
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3704
3752
  --wds-marketing-layout-title-gap-medium: 8px;
3705
- --wds-marketing-layout-title-gap-small: 4px;
3706
- --wds-marketing-layout-title-gap-tiny: 4px;
3707
- --wds-marketing-layout-title-line-height-medium: 30px;
3708
- --wds-marketing-layout-title-line-height-small: 24px;
3709
- --wds-marketing-layout-title-line-height-tiny: 24px;
3753
+ --wds-marketing-layout-title-gap-small: 8px;
3754
+ --wds-marketing-layout-title-gap-tiny: 8px;
3755
+ --wds-marketing-layout-title-line-height-medium: 20px;
3756
+ --wds-marketing-layout-title-line-height-small: 20px;
3757
+ --wds-marketing-layout-title-line-height-tiny: 20px;
3710
3758
  --wds-marketing-page-paddings-horizontal-large: 60px;
3711
3759
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3712
3760
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -3779,6 +3827,17 @@
3779
3827
  --wds-page-header-title-minimised-font-weight: 500;
3780
3828
  --wds-page-header-title-minimised-letter-spacing: 0px;
3781
3829
  --wds-page-header-title-minimised-line-height: 18px;
3830
+ --wds-page-section-divider-display: block;
3831
+ --wds-page-section-gap: 0px;
3832
+ --wds-page-section-padding-bottom: 8px;
3833
+ --wds-page-section-padding-bottom-with-divider: 0px;
3834
+ --wds-page-section-padding-top: 16px;
3835
+ --wds-page-section-subtitle-font-size: 16px;
3836
+ --wds-page-section-subtitle-line-height: 24px;
3837
+ --wds-page-section-title-font-size: 16px;
3838
+ --wds-page-section-title-font-weight: 600;
3839
+ --wds-page-section-title-letter-spacing: 0px;
3840
+ --wds-page-section-title-line-height: 18px;
3782
3841
  --wds-pagination-arrow-fill: #82B0FF;
3783
3842
  --wds-pagination-fill: #212122;
3784
3843
  --wds-pagination-fill-active: #82B0FF;
@@ -3833,6 +3892,7 @@
3833
3892
  --wds-scrollbar-fill: #666565;
3834
3893
  --wds-scrollbar-fill-active: #A09E9D;
3835
3894
  --wds-scrollbar-fill-hover: #A09E9D;
3895
+ --wds-scrollbar-width: 4px;
3836
3896
  --wds-search-border-radius-large: 1000px;
3837
3897
  --wds-search-border-radius-medium: 1000px;
3838
3898
  --wds-search-border-radius-small: 1000px;
@@ -3951,6 +4011,9 @@
3951
4011
  --wds-selector-button-text-fill-pressed-dark: #82B0FF;
3952
4012
  --wds-selector-button-text-fill-pressed-standard: #82B0FF;
3953
4013
  --wds-selector-button-text-fill-standard: #82B0FF;
4014
+ --wds-selector-list-item-fill-active: #454544;
4015
+ --wds-selector-list-item-fill-focus: #3A3A3B;
4016
+ --wds-selector-list-item-fill-hover: #3A3A3B;
3954
4017
  --wds-selector-list-item-padding-horizontal-medium: 24px;
3955
4018
  --wds-selector-list-item-padding-horizontal-small: 16px;
3956
4019
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -4167,6 +4230,8 @@
4167
4230
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4168
4231
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4169
4232
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
4233
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
4234
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
4170
4235
  --wds-skeleton-border-radius-circle: 1000px;
4171
4236
  --wds-skeleton-border-radius-line: 4px;
4172
4237
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4242,6 +4307,10 @@
4242
4307
  --wds-statistics-widget-description-font-line-height: 16px;
4243
4308
  --wds-statistics-widget-description-font-size: 12px;
4244
4309
  --wds-statistics-widget-description-info-gap: 2px;
4310
+ --wds-statistics-widget-padding-horizontal-large: 12px;
4311
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
4312
+ --wds-statistics-widget-padding-vertical-large: 20px;
4313
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4245
4314
  --wds-statistics-widget-trend-space-top: 0px;
4246
4315
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4247
4316
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -4286,14 +4355,23 @@
4286
4355
  --wds-table-list-item-controls-gap-medium: 8px;
4287
4356
  --wds-table-list-item-controls-padding-medium: 12px;
4288
4357
  --wds-table-list-item-drag-handle-color: #FFFFFF;
4358
+ --wds-table-list-item-drag-handle-color-hover: #FFFFFF;
4289
4359
  --wds-table-list-item-fill: rgba(255, 255, 255, 0);
4290
4360
  --wds-table-list-item-fill-active: #2D2D2E;
4291
4361
  --wds-table-list-item-fill-highlight: #2D2D2E;
4292
4362
  --wds-table-list-item-fill-hover: #3A3A3B;
4363
+ --wds-table-list-item-fill-hover-draggable: #3A3A3B;
4293
4364
  --wds-table-list-item-gap: 16px;
4294
4365
  --wds-table-list-item-indentation-level-2: 12px;
4295
4366
  --wds-table-list-item-indentation-level-3: 28px;
4296
4367
  --wds-table-list-item-paddings: 0px;
4368
+ --wds-table-toolbar-button-gap: 8px;
4369
+ --wds-table-toolbar-divider-gap: 16px;
4370
+ --wds-table-toolbar-divider-gap-group-start: 16px;
4371
+ --wds-table-toolbar-icon-button-gap: 2px;
4372
+ --wds-table-toolbar-item-gap: 8px;
4373
+ --wds-table-toolbar-padding-block-end: 16px;
4374
+ --wds-table-toolbar-padding-block-start: 24px;
4297
4375
  --wds-table-toolbar-padding-horizontal: 24px;
4298
4376
  --wds-tabs-border-radius: 6px;
4299
4377
  --wds-tabs-container-padding-horizontal: 16px;
package/odeditor-dark/component.st.css CHANGED
@@ -797,6 +797,15 @@
797
797
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
798
798
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
799
799
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
800
+ @property st-global(--wds-marketing-layout-padding-left-medium);
801
+ @property st-global(--wds-marketing-layout-padding-left-small);
802
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
803
+ @property st-global(--wds-marketing-layout-padding-right-medium);
804
+ @property st-global(--wds-marketing-layout-padding-right-small);
805
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
806
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
807
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
808
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
800
809
  @property st-global(--wds-marketing-layout-title-font-size-medium);
801
810
  @property st-global(--wds-marketing-layout-title-font-size-small);
802
811
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -881,6 +890,17 @@
881
890
  @property st-global(--wds-page-header-title-minimised-font-weight);
882
891
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
883
892
  @property st-global(--wds-page-header-title-minimised-line-height);
893
+ @property st-global(--wds-page-section-divider-display);
894
+ @property st-global(--wds-page-section-gap);
895
+ @property st-global(--wds-page-section-padding-bottom);
896
+ @property st-global(--wds-page-section-padding-bottom-with-divider);
897
+ @property st-global(--wds-page-section-padding-top);
898
+ @property st-global(--wds-page-section-subtitle-font-size);
899
+ @property st-global(--wds-page-section-subtitle-line-height);
900
+ @property st-global(--wds-page-section-title-font-size);
901
+ @property st-global(--wds-page-section-title-font-weight);
902
+ @property st-global(--wds-page-section-title-letter-spacing);
903
+ @property st-global(--wds-page-section-title-line-height);
884
904
  @property st-global(--wds-pagination-arrow-fill);
885
905
  @property st-global(--wds-pagination-fill);
886
906
  @property st-global(--wds-pagination-fill-active);
@@ -935,6 +955,7 @@
935
955
  @property st-global(--wds-scrollbar-fill);
936
956
  @property st-global(--wds-scrollbar-fill-active);
937
957
  @property st-global(--wds-scrollbar-fill-hover);
958
+ @property st-global(--wds-scrollbar-width);
938
959
  @property st-global(--wds-search-border-radius-large);
939
960
  @property st-global(--wds-search-border-radius-medium);
940
961
  @property st-global(--wds-search-border-radius-small);
@@ -1053,6 +1074,9 @@
1053
1074
  @property st-global(--wds-selector-button-text-fill-pressed-dark);
1054
1075
  @property st-global(--wds-selector-button-text-fill-pressed-standard);
1055
1076
  @property st-global(--wds-selector-button-text-fill-standard);
1077
+ @property st-global(--wds-selector-list-item-fill-active);
1078
+ @property st-global(--wds-selector-list-item-fill-focus);
1079
+ @property st-global(--wds-selector-list-item-fill-hover);
1056
1080
  @property st-global(--wds-selector-list-item-padding-horizontal-medium);
1057
1081
  @property st-global(--wds-selector-list-item-padding-horizontal-small);
1058
1082
  @property st-global(--wds-selector-list-item-padding-vertical-medium);
@@ -1160,6 +1184,8 @@
1160
1184
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1161
1185
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1162
1186
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1187
+ @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1188
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1163
1189
  @property st-global(--wds-skeleton-border-radius-circle);
1164
1190
  @property st-global(--wds-skeleton-border-radius-line);
1165
1191
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1189,6 +1215,10 @@
1189
1215
  @property st-global(--wds-statistics-widget-description-font-line-height);
1190
1216
  @property st-global(--wds-statistics-widget-description-font-size);
1191
1217
  @property st-global(--wds-statistics-widget-description-info-gap);
1218
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1219
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1220
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1221
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1192
1222
  @property st-global(--wds-statistics-widget-trend-space-top);
1193
1223
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1194
1224
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1233,14 +1263,23 @@
1233
1263
  @property st-global(--wds-table-list-item-controls-gap-medium);
1234
1264
  @property st-global(--wds-table-list-item-controls-padding-medium);
1235
1265
  @property st-global(--wds-table-list-item-drag-handle-color);
1266
+ @property st-global(--wds-table-list-item-drag-handle-color-hover);
1236
1267
  @property st-global(--wds-table-list-item-fill);
1237
1268
  @property st-global(--wds-table-list-item-fill-active);
1238
1269
  @property st-global(--wds-table-list-item-fill-highlight);
1239
1270
  @property st-global(--wds-table-list-item-fill-hover);
1271
+ @property st-global(--wds-table-list-item-fill-hover-draggable);
1240
1272
  @property st-global(--wds-table-list-item-gap);
1241
1273
  @property st-global(--wds-table-list-item-indentation-level-2);
1242
1274
  @property st-global(--wds-table-list-item-indentation-level-3);
1243
1275
  @property st-global(--wds-table-list-item-paddings);
1276
+ @property st-global(--wds-table-toolbar-button-gap);
1277
+ @property st-global(--wds-table-toolbar-divider-gap);
1278
+ @property st-global(--wds-table-toolbar-divider-gap-group-start);
1279
+ @property st-global(--wds-table-toolbar-icon-button-gap);
1280
+ @property st-global(--wds-table-toolbar-item-gap);
1281
+ @property st-global(--wds-table-toolbar-padding-block-end);
1282
+ @property st-global(--wds-table-toolbar-padding-block-start);
1244
1283
  @property st-global(--wds-table-toolbar-padding-horizontal);
1245
1284
  @property st-global(--wds-tabs-border-radius);
1246
1285
  @property st-global(--wds-tabs-container-padding-horizontal);
@@ -2325,49 +2364,58 @@
2325
2364
  --wds-loader-stroke-width-medium: 2px;
2326
2365
  --wds-loader-stroke-width-small: 2px;
2327
2366
  --wds-loader-stroke-width-tiny: 2px;
2328
- --wds-marketing-layout-actions-gap-medium: 16px;
2329
- --wds-marketing-layout-actions-gap-small: 12px;
2330
- --wds-marketing-layout-actions-gap-tiny: 12px;
2331
- --wds-marketing-layout-badge-gap: 0px;
2332
- --wds-marketing-layout-badge-offset-medium: 12px;
2333
- --wds-marketing-layout-badge-offset-small: 12px;
2334
- --wds-marketing-layout-badge-offset-tiny: 18px;
2335
- --wds-marketing-layout-badge-position: absolute;
2336
- --wds-marketing-layout-badge-side: -3px;
2337
- --wds-marketing-layout-badge-top: 9px;
2367
+ --wds-marketing-layout-actions-gap-medium: 24px;
2368
+ --wds-marketing-layout-actions-gap-small: 24px;
2369
+ --wds-marketing-layout-actions-gap-tiny: 24px;
2370
+ --wds-marketing-layout-badge-gap: 8px;
2371
+ --wds-marketing-layout-badge-offset-medium: 0px;
2372
+ --wds-marketing-layout-badge-offset-small: 0px;
2373
+ --wds-marketing-layout-badge-offset-tiny: 0px;
2374
+ --wds-marketing-layout-badge-position: static;
2375
+ --wds-marketing-layout-badge-side: auto;
2376
+ --wds-marketing-layout-badge-top: auto;
2338
2377
  --wds-marketing-layout-border: 4px;
2339
- --wds-marketing-layout-description-color: #D4D3D2;
2340
- --wds-marketing-layout-description-font-size-medium: 16px;
2341
- --wds-marketing-layout-description-font-size-small: 14px;
2342
- --wds-marketing-layout-description-font-size-tiny: 14px;
2343
- --wds-marketing-layout-description-font-weight-medium: 400;
2344
- --wds-marketing-layout-description-font-weight-small: 400;
2345
- --wds-marketing-layout-description-font-weight-tiny: 400;
2346
- --wds-marketing-layout-description-line-height-medium: 24px;
2347
- --wds-marketing-layout-description-line-height-small: 18px;
2348
- --wds-marketing-layout-description-line-height-tiny: 18px;
2349
- --wds-marketing-layout-image-border-radius: 0px;
2350
- --wds-marketing-layout-image-padding-left-medium: 32px;
2351
- --wds-marketing-layout-image-padding-left-small: 16px;
2352
- --wds-marketing-layout-image-padding-left-tiny: 16px;
2353
- --wds-marketing-layout-image-padding-right-medium: 28px;
2354
- --wds-marketing-layout-image-padding-right-small: 20px;
2355
- --wds-marketing-layout-image-padding-right-tiny: 20px;
2356
- --wds-marketing-layout-image-padding-vertical-medium: 16px;
2357
- --wds-marketing-layout-image-padding-vertical-small: 16px;
2378
+ --wds-marketing-layout-description-color: #A8A6A5;
2379
+ --wds-marketing-layout-description-font-size-medium: 12px;
2380
+ --wds-marketing-layout-description-font-size-small: 12px;
2381
+ --wds-marketing-layout-description-font-size-tiny: 12px;
2382
+ --wds-marketing-layout-description-font-weight-medium: 500;
2383
+ --wds-marketing-layout-description-font-weight-small: 500;
2384
+ --wds-marketing-layout-description-font-weight-tiny: 500;
2385
+ --wds-marketing-layout-description-line-height-medium: 16px;
2386
+ --wds-marketing-layout-description-line-height-small: 16px;
2387
+ --wds-marketing-layout-description-line-height-tiny: 16px;
2388
+ --wds-marketing-layout-image-border-radius: 8px;
2389
+ --wds-marketing-layout-image-padding-left-medium: 12px;
2390
+ --wds-marketing-layout-image-padding-left-small: 12px;
2391
+ --wds-marketing-layout-image-padding-left-tiny: 12px;
2392
+ --wds-marketing-layout-image-padding-right-medium: 12px;
2393
+ --wds-marketing-layout-image-padding-right-small: 12px;
2394
+ --wds-marketing-layout-image-padding-right-tiny: 12px;
2395
+ --wds-marketing-layout-image-padding-vertical-medium: 12px;
2396
+ --wds-marketing-layout-image-padding-vertical-small: 12px;
2358
2397
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2359
- --wds-marketing-layout-title-font-size-medium: 24px;
2398
+ --wds-marketing-layout-padding-left-medium: 20px;
2399
+ --wds-marketing-layout-padding-left-small: 8px;
2400
+ --wds-marketing-layout-padding-left-tiny: 8px;
2401
+ --wds-marketing-layout-padding-right-medium: 8px;
2402
+ --wds-marketing-layout-padding-right-small: 20px;
2403
+ --wds-marketing-layout-padding-right-tiny: 20px;
2404
+ --wds-marketing-layout-padding-vertical-medium: 20px;
2405
+ --wds-marketing-layout-padding-vertical-small: 20px;
2406
+ --wds-marketing-layout-padding-vertical-tiny: 20px;
2407
+ --wds-marketing-layout-title-font-size-medium: 16px;
2360
2408
  --wds-marketing-layout-title-font-size-small: 16px;
2361
- --wds-marketing-layout-title-font-size-tiny: 20px;
2362
- --wds-marketing-layout-title-font-weight-medium: 500;
2409
+ --wds-marketing-layout-title-font-size-tiny: 16px;
2410
+ --wds-marketing-layout-title-font-weight-medium: 700;
2363
2411
  --wds-marketing-layout-title-font-weight-small: 700;
2364
- --wds-marketing-layout-title-font-weight-tiny: 600;
2412
+ --wds-marketing-layout-title-font-weight-tiny: 700;
2365
2413
  --wds-marketing-layout-title-gap-medium: 8px;
2366
- --wds-marketing-layout-title-gap-small: 4px;
2367
- --wds-marketing-layout-title-gap-tiny: 4px;
2368
- --wds-marketing-layout-title-line-height-medium: 30px;
2369
- --wds-marketing-layout-title-line-height-small: 24px;
2370
- --wds-marketing-layout-title-line-height-tiny: 24px;
2414
+ --wds-marketing-layout-title-gap-small: 8px;
2415
+ --wds-marketing-layout-title-gap-tiny: 8px;
2416
+ --wds-marketing-layout-title-line-height-medium: 20px;
2417
+ --wds-marketing-layout-title-line-height-small: 20px;
2418
+ --wds-marketing-layout-title-line-height-tiny: 20px;
2371
2419
  --wds-marketing-page-paddings-horizontal-large: 60px;
2372
2420
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2373
2421
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -2440,6 +2488,17 @@
2440
2488
  --wds-page-header-title-minimised-font-weight: 500;
2441
2489
  --wds-page-header-title-minimised-letter-spacing: 0px;
2442
2490
  --wds-page-header-title-minimised-line-height: 18px;
2491
+ --wds-page-section-divider-display: block;
2492
+ --wds-page-section-gap: 0px;
2493
+ --wds-page-section-padding-bottom: 8px;
2494
+ --wds-page-section-padding-bottom-with-divider: 0px;
2495
+ --wds-page-section-padding-top: 16px;
2496
+ --wds-page-section-subtitle-font-size: 16px;
2497
+ --wds-page-section-subtitle-line-height: 24px;
2498
+ --wds-page-section-title-font-size: 16px;
2499
+ --wds-page-section-title-font-weight: 600;
2500
+ --wds-page-section-title-letter-spacing: 0px;
2501
+ --wds-page-section-title-line-height: 18px;
2443
2502
  --wds-pagination-arrow-fill: #82B0FF;
2444
2503
  --wds-pagination-fill: #212122;
2445
2504
  --wds-pagination-fill-active: #82B0FF;
@@ -2494,6 +2553,7 @@
2494
2553
  --wds-scrollbar-fill: #666565;
2495
2554
  --wds-scrollbar-fill-active: #A09E9D;
2496
2555
  --wds-scrollbar-fill-hover: #A09E9D;
2556
+ --wds-scrollbar-width: 4px;
2497
2557
  --wds-search-border-radius-large: 1000px;
2498
2558
  --wds-search-border-radius-medium: 1000px;
2499
2559
  --wds-search-border-radius-small: 1000px;
@@ -2612,6 +2672,9 @@
2612
2672
  --wds-selector-button-text-fill-pressed-dark: #82B0FF;
2613
2673
  --wds-selector-button-text-fill-pressed-standard: #82B0FF;
2614
2674
  --wds-selector-button-text-fill-standard: #82B0FF;
2675
+ --wds-selector-list-item-fill-active: #454544;
2676
+ --wds-selector-list-item-fill-focus: #3A3A3B;
2677
+ --wds-selector-list-item-fill-hover: #3A3A3B;
2615
2678
  --wds-selector-list-item-padding-horizontal-medium: 24px;
2616
2679
  --wds-selector-list-item-padding-horizontal-small: 16px;
2617
2680
  --wds-selector-list-item-padding-vertical-medium: 8px;
@@ -2719,6 +2782,8 @@
2719
2782
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2720
2783
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2721
2784
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2785
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
2786
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
2722
2787
  --wds-skeleton-border-radius-circle: 1000px;
2723
2788
  --wds-skeleton-border-radius-line: 4px;
2724
2789
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -2748,6 +2813,10 @@
2748
2813
  --wds-statistics-widget-description-font-line-height: 16px;
2749
2814
  --wds-statistics-widget-description-font-size: 12px;
2750
2815
  --wds-statistics-widget-description-info-gap: 2px;
2816
+ --wds-statistics-widget-padding-horizontal-large: 12px;
2817
+ --wds-statistics-widget-padding-horizontal-tiny: 12px;
2818
+ --wds-statistics-widget-padding-vertical-large: 20px;
2819
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2751
2820
  --wds-statistics-widget-trend-space-top: 0px;
2752
2821
  --wds-statistics-widget-value-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2753
2822
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -2792,14 +2861,23 @@
2792
2861
  --wds-table-list-item-controls-gap-medium: 8px;
2793
2862
  --wds-table-list-item-controls-padding-medium: 12px;
2794
2863
  --wds-table-list-item-drag-handle-color: #FFFFFF;
2864
+ --wds-table-list-item-drag-handle-color-hover: #FFFFFF;
2795
2865
  --wds-table-list-item-fill: rgba(255, 255, 255, 0);
2796
2866
  --wds-table-list-item-fill-active: #2D2D2E;
2797
2867
  --wds-table-list-item-fill-highlight: #2D2D2E;
2798
2868
  --wds-table-list-item-fill-hover: #3A3A3B;
2869
+ --wds-table-list-item-fill-hover-draggable: #3A3A3B;
2799
2870
  --wds-table-list-item-gap: 16px;
2800
2871
  --wds-table-list-item-indentation-level-2: 12px;
2801
2872
  --wds-table-list-item-indentation-level-3: 28px;
2802
2873
  --wds-table-list-item-paddings: 0px;
2874
+ --wds-table-toolbar-button-gap: 8px;
2875
+ --wds-table-toolbar-divider-gap: 16px;
2876
+ --wds-table-toolbar-divider-gap-group-start: 16px;
2877
+ --wds-table-toolbar-icon-button-gap: 2px;
2878
+ --wds-table-toolbar-item-gap: 8px;
2879
+ --wds-table-toolbar-padding-block-end: 16px;
2880
+ --wds-table-toolbar-padding-block-start: 24px;
2803
2881
  --wds-table-toolbar-padding-horizontal: 24px;
2804
2882
  --wds-tabs-border-radius: 6px;
2805
2883
  --wds-tabs-container-padding-horizontal: 16px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.219.2",
3
+ "version": "1.220.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "3e9bb525c729de7baccf27e40ed4c21277166894939a2444b51d4963"
39
+ "falconPackageHash": "65ba9148bd1aa07c235c421e85241495e29bf3c32b4927a1023cc129"
40
40
  }