@wix/design-system-tokens 1.192.0 → 1.194.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 +13 -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 +4 -2
  7. package/odeditor/all.scss +4 -2
  8. package/odeditor/all.st.css +6 -2
  9. package/odeditor/component.st.css +6 -2
  10. package/odeditor-dark/all.css +6 -4
  11. package/odeditor-dark/all.scss +6 -4
  12. package/odeditor-dark/all.st.css +8 -4
  13. package/odeditor-dark/component.st.css +8 -4
  14. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ ## 1.194.0 - 2026-05-19
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(FormField): use text-standard-secondary for label fill in odeditor-dark [16285](https://github.com/wix-private/wix-design-systems/pull/16285)
6
+ - fix(SegmentedToggle): reduce icon-only horizontal padding in odeditor themes [16280](https://github.com/wix-private/wix-design-systems/pull/16280)
7
+
8
+ ## 1.193.0 - 2026-05-13
9
+
10
+ ### Features
11
+
12
+ - feat(Tabs): add label font-size/line-height medium tokens for odeditor [16236](https://github.com/wix-private/wix-design-systems/pull/16236)
13
+
1
14
  ## 1.192.0 - 2026-05-08
2
15
 
3
16
  ### 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
@@ -1089,8 +1089,8 @@
1089
1089
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
1090
1090
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1091
1091
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1092
- --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
1093
- --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
1092
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
1093
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
1094
1094
  --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
1095
1095
  --wds-segmented-toggle-fill: var(--wds-color-black-750);
1096
1096
  --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
@@ -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
@@ -750,8 +750,8 @@
750
750
  --wds-segmented-toggle-label-font-weight: var(--wds-font-weight-semi-bold);
751
751
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
752
752
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
753
- --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
754
- --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
753
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
754
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
755
755
  --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
756
756
  --wds-segmented-toggle-fill: var(--wds-color-black-750);
757
757
  --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
@@ -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);
@@ -3452,8 +3454,8 @@
3452
3454
  --wds-segmented-toggle-fill-hover: rgba(255, 255, 255, 0);
3453
3455
  --wds-segmented-toggle-fill-selected: #ffffff;
3454
3456
  --wds-segmented-toggle-fill-selected-disabled: #ffffff;
3455
- --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
3456
- --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
3457
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
3458
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
3457
3459
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
3458
3460
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
3459
3461
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
@@ -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);
@@ -2168,8 +2170,8 @@
2168
2170
  --wds-segmented-toggle-fill-hover: rgba(255, 255, 255, 0);
2169
2171
  --wds-segmented-toggle-fill-selected: #ffffff;
2170
2172
  --wds-segmented-toggle-fill-selected-disabled: #ffffff;
2171
- --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
2172
- --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
2173
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
2174
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
2173
2175
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
2174
2176
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
2175
2177
  --wds-segmented-toggle-label-font-line-height-medium: 24px;
@@ -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
@@ -1097,8 +1097,8 @@
1097
1097
  --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-white);
1098
1098
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
1099
1099
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
1100
- --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
1101
- --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
1100
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
1101
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
1102
1102
  --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
1103
1103
  --wds-segmented-toggle-fill: var(--wds-color-black-750);
1104
1104
  --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
@@ -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);
@@ -1885,13 +1886,13 @@
1885
1886
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
1886
1887
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1887
1888
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1888
- --wds-form-field-label-fill: var(--wds-color-text-standard-primary);
1889
+ --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1889
1890
  --wds-fill-button-icon-color: var(--wds-color-text-standard-primary);
1890
1891
  --wds-fill-button-fill-hover: var(--wds-color-fill-standard-tertiary);
1891
1892
  --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
1892
1893
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1893
1894
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1894
- --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1895
+ --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1895
1896
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1896
1897
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1897
1898
  --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
@@ -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
@@ -757,8 +757,8 @@
757
757
  --wds-segmented-toggle-inner-shadow-fill-primary: var(--wds-color-white);
758
758
  --wds-segmented-toggle-icononly-padding-vertical-small: var(--wds-space-100);
759
759
  --wds-segmented-toggle-icononly-padding-vertical-medium: var(--wds-space-100);
760
- --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-250);
761
- --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-350);
760
+ --wds-segmented-toggle-icononly-padding-horizontal-small: var(--wds-space-150);
761
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: var(--wds-space-250);
762
762
  --wds-segmented-toggle-fill-disabled: var(--wds-color-black-750);
763
763
  --wds-segmented-toggle-fill: var(--wds-color-black-750);
764
764
  --wds-segmented-toggle-container-border-radius-small: var(--wds-border-radius-400);
@@ -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);
@@ -1875,7 +1876,7 @@
1875
1876
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
1876
1877
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1877
1878
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
1878
- --wds-form-field-label-fill: var(--wds-color-text-standard-primary);
1879
+ --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
1879
1880
  --wds-font-line-height-heading-6: var(--wds-font-line-height-100);
1880
1881
  --wds-font-line-height-heading-5: var(--wds-font-line-height-100);
1881
1882
  --wds-font-line-height-heading-4: var(--wds-font-line-height-300);
@@ -1891,7 +1892,7 @@
1891
1892
  --wds-fill-button-fill: var(--wds-color-fill-standard-tertiary);
1892
1893
  --wds-field-set-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1893
1894
  --wds-field-set-label-font-size-small: var(--wds-font-size-body-tiny);
1894
- --wds-field-set-label-fill: var(--wds-color-text-standard-primary);
1895
+ --wds-field-set-label-fill: var(--wds-color-text-standard-secondary);
1895
1896
  --wds-dropdown-icon-fill-disabled: var(--wds-color-text-disabled);
1896
1897
  --wds-dropdown-icon-fill: var(--wds-color-text-standard-secondary);
1897
1898
  --wds-drag-handle-fill: var(--wds-color-text-standard-primary);
@@ -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);
@@ -2945,7 +2947,7 @@
2945
2947
  --wds-field-set-gap-large: 16px;
2946
2948
  --wds-field-set-gap-medium: 12px;
2947
2949
  --wds-field-set-gap-small: 8px;
2948
- --wds-field-set-label-fill: #FFFFFF;
2950
+ --wds-field-set-label-fill: #D4D3D2;
2949
2951
  --wds-field-set-label-font-line-height-small: 16px;
2950
2952
  --wds-field-set-label-font-line-height-tiny: 12px;
2951
2953
  --wds-field-set-label-font-size-small: 12px;
@@ -3018,7 +3020,7 @@
3018
3020
  --wds-font-weight-medium: 500;
3019
3021
  --wds-font-weight-regular: 400;
3020
3022
  --wds-font-weight-semi-bold: 600;
3021
- --wds-form-field-label-fill: #FFFFFF;
3023
+ --wds-form-field-label-fill: #D4D3D2;
3022
3024
  --wds-form-field-label-font-size-small: 12px;
3023
3025
  --wds-form-field-label-font-size-tiny: 10px;
3024
3026
  --wds-form-field-label-font-weight: 500;
@@ -3470,8 +3472,8 @@
3470
3472
  --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
3471
3473
  --wds-segmented-toggle-fill-selected: #212122;
3472
3474
  --wds-segmented-toggle-fill-selected-disabled: #212122;
3473
- --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
3474
- --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
3475
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
3476
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
3475
3477
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
3476
3478
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
3477
3479
  --wds-segmented-toggle-inner-shadow-fill-primary: #212122;
@@ -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);
@@ -1727,7 +1729,7 @@
1727
1729
  --wds-field-set-gap-large: 16px;
1728
1730
  --wds-field-set-gap-medium: 12px;
1729
1731
  --wds-field-set-gap-small: 8px;
1730
- --wds-field-set-label-fill: #FFFFFF;
1732
+ --wds-field-set-label-fill: #D4D3D2;
1731
1733
  --wds-field-set-label-font-line-height-small: 16px;
1732
1734
  --wds-field-set-label-font-line-height-tiny: 12px;
1733
1735
  --wds-field-set-label-font-size-small: 12px;
@@ -1743,7 +1745,7 @@
1743
1745
  --wds-floating-helper-main-action-padding-top: 16px;
1744
1746
  --wds-floating-helper-padding-horizontal: 32px;
1745
1747
  --wds-floating-helper-padding-vertical: 28px;
1746
- --wds-form-field-label-fill: #FFFFFF;
1748
+ --wds-form-field-label-fill: #D4D3D2;
1747
1749
  --wds-form-field-label-font-size-small: 12px;
1748
1750
  --wds-form-field-label-font-size-tiny: 10px;
1749
1751
  --wds-form-field-label-font-weight: 500;
@@ -2182,8 +2184,8 @@
2182
2184
  --wds-segmented-toggle-fill-hover: rgba(0, 0, 0, 0);
2183
2185
  --wds-segmented-toggle-fill-selected: #212122;
2184
2186
  --wds-segmented-toggle-fill-selected-disabled: #212122;
2185
- --wds-segmented-toggle-icononly-padding-horizontal-medium: 14px;
2186
- --wds-segmented-toggle-icononly-padding-horizontal-small: 10px;
2187
+ --wds-segmented-toggle-icononly-padding-horizontal-medium: 10px;
2188
+ --wds-segmented-toggle-icononly-padding-horizontal-small: 6px;
2187
2189
  --wds-segmented-toggle-icononly-padding-vertical-medium: 4px;
2188
2190
  --wds-segmented-toggle-icononly-padding-vertical-small: 4px;
2189
2191
  --wds-segmented-toggle-inner-shadow-fill-primary: #212122;
@@ -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.194.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": "212d243c60fd7261b850ea0d381092486c8e8f7ba7975ffabb382a62"
36
36
  }