@wix/design-system-tokens 1.192.0 → 1.193.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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +2 -0
  3. package/all.scss +2 -0
  4. package/all.st.css +4 -0
  5. package/component.st.css +4 -0
  6. package/odeditor/all.css +2 -0
  7. package/odeditor/all.scss +2 -0
  8. package/odeditor/all.st.css +4 -0
  9. package/odeditor/component.st.css +4 -0
  10. package/odeditor-dark/all.css +2 -0
  11. package/odeditor-dark/all.scss +2 -0
  12. package/odeditor-dark/all.st.css +4 -0
  13. package/odeditor-dark/component.st.css +4 -0
  14. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.193.0 - 2026-05-13
2
+
3
+ ### Features
4
+
5
+ - feat(Tabs): add label font-size/line-height medium tokens for odeditor [16236](https://github.com/wix-private/wix-design-systems/pull/16236)
6
+
1
7
  ## 1.192.0 - 2026-05-08
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -1592,6 +1592,7 @@
1592
1592
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1593
1593
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1594
1594
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1595
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1595
1596
  --wds-tabs-label-fill-active: var(--wds-color-text-primary);
1596
1597
  --wds-tabs-label-fill: var(--wds-color-text-standard-primary);
1597
1598
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2078,6 +2079,7 @@
2078
2079
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2079
2080
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
2080
2081
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2082
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2081
2083
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-medium);
2082
2084
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
2083
2085
  --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
package/all.scss CHANGED
@@ -1574,6 +1574,7 @@
1574
1574
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1575
1575
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
1576
1576
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1577
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1577
1578
  --wds-tabs-label-fill-active: var(--wds-color-text-primary);
1578
1579
  --wds-tabs-label-fill: var(--wds-color-text-standard-primary);
1579
1580
  --wds-table-list-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2078,6 +2079,7 @@
2078
2079
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2079
2080
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
2080
2081
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2082
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2081
2083
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-medium);
2082
2084
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
2083
2085
  --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
package/all.st.css CHANGED
@@ -1824,9 +1824,11 @@
1824
1824
  @property st-global(--wds-tabs-item-gap-small);
1825
1825
  @property st-global(--wds-tabs-label-fill);
1826
1826
  @property st-global(--wds-tabs-label-fill-active);
1827
+ @property st-global(--wds-tabs-label-font-size-medium);
1827
1828
  @property st-global(--wds-tabs-label-font-size-small);
1828
1829
  @property st-global(--wds-tabs-label-font-weight);
1829
1830
  @property st-global(--wds-tabs-label-font-weight-active);
1831
+ @property st-global(--wds-tabs-label-line-height-medium);
1830
1832
  @property st-global(--wds-tabs-label-line-height-small);
1831
1833
  @property st-global(--wds-tabs-padding-horizontal-medium);
1832
1834
  @property st-global(--wds-tabs-padding-horizontal-small);
@@ -3949,9 +3951,11 @@
3949
3951
  --wds-tabs-item-gap-small: 6px;
3950
3952
  --wds-tabs-label-fill: #000624;
3951
3953
  --wds-tabs-label-fill-active: #116dff;
3954
+ --wds-tabs-label-font-size-medium: 16px;
3952
3955
  --wds-tabs-label-font-size-small: 14px;
3953
3956
  --wds-tabs-label-font-weight: 400;
3954
3957
  --wds-tabs-label-font-weight-active: 400;
3958
+ --wds-tabs-label-line-height-medium: 24px;
3955
3959
  --wds-tabs-label-line-height-small: 18px;
3956
3960
  --wds-tabs-padding-horizontal-medium: 18px;
3957
3961
  --wds-tabs-padding-horizontal-small: 12px;
package/component.st.css CHANGED
@@ -1103,9 +1103,11 @@
1103
1103
  @property st-global(--wds-tabs-item-gap-small);
1104
1104
  @property st-global(--wds-tabs-label-fill);
1105
1105
  @property st-global(--wds-tabs-label-fill-active);
1106
+ @property st-global(--wds-tabs-label-font-size-medium);
1106
1107
  @property st-global(--wds-tabs-label-font-size-small);
1107
1108
  @property st-global(--wds-tabs-label-font-weight);
1108
1109
  @property st-global(--wds-tabs-label-font-weight-active);
1110
+ @property st-global(--wds-tabs-label-line-height-medium);
1109
1111
  @property st-global(--wds-tabs-label-line-height-small);
1110
1112
  @property st-global(--wds-tabs-padding-horizontal-medium);
1111
1113
  @property st-global(--wds-tabs-padding-horizontal-small);
@@ -2505,9 +2507,11 @@
2505
2507
  --wds-tabs-item-gap-small: 6px;
2506
2508
  --wds-tabs-label-fill: #000624;
2507
2509
  --wds-tabs-label-fill-active: #116dff;
2510
+ --wds-tabs-label-font-size-medium: 16px;
2508
2511
  --wds-tabs-label-font-size-small: 14px;
2509
2512
  --wds-tabs-label-font-weight: 400;
2510
2513
  --wds-tabs-label-font-weight-active: 400;
2514
+ --wds-tabs-label-line-height-medium: 24px;
2511
2515
  --wds-tabs-label-line-height-small: 18px;
2512
2516
  --wds-tabs-padding-horizontal-medium: 18px;
2513
2517
  --wds-tabs-padding-horizontal-small: 12px;
package/odeditor/all.css CHANGED
@@ -1647,6 +1647,7 @@
1647
1647
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1648
1648
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1649
1649
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1650
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1650
1651
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1651
1652
  --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1652
1653
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
@@ -2021,6 +2022,7 @@
2021
2022
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2022
2023
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2023
2024
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2025
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2024
2026
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2025
2027
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2026
2028
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
package/odeditor/all.scss CHANGED
@@ -1628,6 +1628,7 @@
1628
1628
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1629
1629
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1630
1630
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
1631
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-medium);
1631
1632
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1632
1633
  --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1633
1634
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
@@ -2021,6 +2022,7 @@
2021
2022
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2022
2023
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2023
2024
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
2025
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-medium);
2024
2026
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2025
2027
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2026
2028
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
package/odeditor/all.st.css CHANGED
@@ -1772,9 +1772,11 @@
1772
1772
  @property st-global(--wds-tabs-item-gap-small);
1773
1773
  @property st-global(--wds-tabs-label-fill);
1774
1774
  @property st-global(--wds-tabs-label-fill-active);
1775
+ @property st-global(--wds-tabs-label-font-size-medium);
1775
1776
  @property st-global(--wds-tabs-label-font-size-small);
1776
1777
  @property st-global(--wds-tabs-label-font-weight);
1777
1778
  @property st-global(--wds-tabs-label-font-weight-active);
1779
+ @property st-global(--wds-tabs-label-line-height-medium);
1778
1780
  @property st-global(--wds-tabs-label-line-height-small);
1779
1781
  @property st-global(--wds-tabs-padding-horizontal-medium);
1780
1782
  @property st-global(--wds-tabs-padding-horizontal-small);
@@ -3838,9 +3840,11 @@
3838
3840
  --wds-tabs-item-gap-small: 6px;
3839
3841
  --wds-tabs-label-fill: #525150;
3840
3842
  --wds-tabs-label-fill-active: #151414;
3843
+ --wds-tabs-label-font-size-medium: 16px;
3841
3844
  --wds-tabs-label-font-size-small: 14px;
3842
3845
  --wds-tabs-label-font-weight: 500;
3843
3846
  --wds-tabs-label-font-weight-active: 600;
3847
+ --wds-tabs-label-line-height-medium: 24px;
3844
3848
  --wds-tabs-label-line-height-small: 18px;
3845
3849
  --wds-tabs-padding-horizontal-medium: 16px;
3846
3850
  --wds-tabs-padding-horizontal-small: 8px;
package/odeditor/component.st.css CHANGED
@@ -1054,9 +1054,11 @@
1054
1054
  @property st-global(--wds-tabs-item-gap-small);
1055
1055
  @property st-global(--wds-tabs-label-fill);
1056
1056
  @property st-global(--wds-tabs-label-fill-active);
1057
+ @property st-global(--wds-tabs-label-font-size-medium);
1057
1058
  @property st-global(--wds-tabs-label-font-size-small);
1058
1059
  @property st-global(--wds-tabs-label-font-weight);
1059
1060
  @property st-global(--wds-tabs-label-font-weight-active);
1061
+ @property st-global(--wds-tabs-label-line-height-medium);
1060
1062
  @property st-global(--wds-tabs-label-line-height-small);
1061
1063
  @property st-global(--wds-tabs-padding-horizontal-medium);
1062
1064
  @property st-global(--wds-tabs-padding-horizontal-small);
@@ -2400,9 +2402,11 @@
2400
2402
  --wds-tabs-item-gap-small: 6px;
2401
2403
  --wds-tabs-label-fill: #525150;
2402
2404
  --wds-tabs-label-fill-active: #151414;
2405
+ --wds-tabs-label-font-size-medium: 16px;
2403
2406
  --wds-tabs-label-font-size-small: 14px;
2404
2407
  --wds-tabs-label-font-weight: 500;
2405
2408
  --wds-tabs-label-font-weight-active: 600;
2409
+ --wds-tabs-label-line-height-medium: 24px;
2406
2410
  --wds-tabs-label-line-height-small: 18px;
2407
2411
  --wds-tabs-padding-horizontal-medium: 16px;
2408
2412
  --wds-tabs-padding-horizontal-small: 8px;
package/odeditor-dark/all.css CHANGED
@@ -1673,6 +1673,7 @@
1673
1673
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1674
1674
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1675
1675
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-tiny);
1676
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1676
1677
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1677
1678
  --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1678
1679
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
@@ -2031,6 +2032,7 @@
2031
2032
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2032
2033
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2033
2034
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-tiny);
2035
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-small);
2034
2036
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2035
2037
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2036
2038
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.scss CHANGED
@@ -1658,6 +1658,7 @@
1658
1658
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
1659
1659
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
1660
1660
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-tiny);
1661
+ --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1661
1662
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1662
1663
  --wds-tabs-item-fill-active: var(--wds-color-fill-dark-secondary);
1663
1664
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
@@ -2031,6 +2032,7 @@
2031
2032
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2032
2033
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2033
2034
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-tiny);
2035
+ --wds-tabs-label-line-height-medium: var(--wds-font-line-height-body-small);
2034
2036
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2035
2037
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2036
2038
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.st.css CHANGED
@@ -1782,9 +1782,11 @@
1782
1782
  @property st-global(--wds-tabs-item-gap-small);
1783
1783
  @property st-global(--wds-tabs-label-fill);
1784
1784
  @property st-global(--wds-tabs-label-fill-active);
1785
+ @property st-global(--wds-tabs-label-font-size-medium);
1785
1786
  @property st-global(--wds-tabs-label-font-size-small);
1786
1787
  @property st-global(--wds-tabs-label-font-weight);
1787
1788
  @property st-global(--wds-tabs-label-font-weight-active);
1789
+ @property st-global(--wds-tabs-label-line-height-medium);
1788
1790
  @property st-global(--wds-tabs-label-line-height-small);
1789
1791
  @property st-global(--wds-tabs-padding-horizontal-medium);
1790
1792
  @property st-global(--wds-tabs-padding-horizontal-small);
@@ -3858,9 +3860,11 @@
3858
3860
  --wds-tabs-item-gap-small: 6px;
3859
3861
  --wds-tabs-label-fill: #A8A6A5;
3860
3862
  --wds-tabs-label-fill-active: #FFFFFF;
3863
+ --wds-tabs-label-font-size-medium: 14px;
3861
3864
  --wds-tabs-label-font-size-small: 12px;
3862
3865
  --wds-tabs-label-font-weight: 500;
3863
3866
  --wds-tabs-label-font-weight-active: 600;
3867
+ --wds-tabs-label-line-height-medium: 18px;
3864
3868
  --wds-tabs-label-line-height-small: 16px;
3865
3869
  --wds-tabs-padding-horizontal-medium: 16px;
3866
3870
  --wds-tabs-padding-horizontal-small: 8px;
package/odeditor-dark/component.st.css CHANGED
@@ -1062,9 +1062,11 @@
1062
1062
  @property st-global(--wds-tabs-item-gap-small);
1063
1063
  @property st-global(--wds-tabs-label-fill);
1064
1064
  @property st-global(--wds-tabs-label-fill-active);
1065
+ @property st-global(--wds-tabs-label-font-size-medium);
1065
1066
  @property st-global(--wds-tabs-label-font-size-small);
1066
1067
  @property st-global(--wds-tabs-label-font-weight);
1067
1068
  @property st-global(--wds-tabs-label-font-weight-active);
1069
+ @property st-global(--wds-tabs-label-line-height-medium);
1068
1070
  @property st-global(--wds-tabs-label-line-height-small);
1069
1071
  @property st-global(--wds-tabs-padding-horizontal-medium);
1070
1072
  @property st-global(--wds-tabs-padding-horizontal-small);
@@ -2416,9 +2418,11 @@
2416
2418
  --wds-tabs-item-gap-small: 6px;
2417
2419
  --wds-tabs-label-fill: #A8A6A5;
2418
2420
  --wds-tabs-label-fill-active: #FFFFFF;
2421
+ --wds-tabs-label-font-size-medium: 14px;
2419
2422
  --wds-tabs-label-font-size-small: 12px;
2420
2423
  --wds-tabs-label-font-weight: 500;
2421
2424
  --wds-tabs-label-font-weight-active: 600;
2425
+ --wds-tabs-label-line-height-medium: 18px;
2422
2426
  --wds-tabs-label-line-height-small: 16px;
2423
2427
  --wds-tabs-padding-horizontal-medium: 16px;
2424
2428
  --wds-tabs-padding-horizontal-small: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.192.0",
3
+ "version": "1.193.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -32,5 +32,5 @@
32
32
  "author": "augustinasv@wix.com",
33
33
  "description": "Design system tokens",
34
34
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "e94baf86081b656b70c759bd64ea530521f2bda41219facd8700e96f"
35
+ "falconPackageHash": "5d1c8e8df805efb66ef084e9a5fbaf8c4b5bf42e951ca46bef54de4f"
36
36
  }