@wix/design-system-tokens 1.16.1 → 1.16.3

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 (5) hide show
  1. package/all.st.css +26 -12
  2. package/component.st.css +26 -12
  3. package/package.json +2 -2
  4. package/studio/all.st.css +26 -12
  5. package/studio/component.st.css +26 -12
package/all.st.css CHANGED
@@ -652,7 +652,7 @@
652
652
  @property st-global(--wds-input-width-medium);
653
653
  @property st-global(--wds-input-width-small);
654
654
  @property st-global(--wds-input-width-tiny);
655
- @property st-global(--wds-linear-progress-bar-linear-progress-bar-border);
655
+ @property st-global(--wds-linear-progress-bar-border-radius);
656
656
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
657
657
  @property st-global(--wds-list-item-action-padding-horizontal-small);
658
658
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -736,20 +736,23 @@
736
736
  @property st-global(--wds-pagination-padding-vertical);
737
737
  @property st-global(--wds-palette-border);
738
738
  @property st-global(--wds-popover-border);
739
- @property st-global(--wds-radio-active);
740
- @property st-global(--wds-radio-active-disabled);
741
739
  @property st-global(--wds-radio-border);
740
+ @property st-global(--wds-radio-border-active);
741
+ @property st-global(--wds-radio-border-active-disabled);
742
+ @property st-global(--wds-radio-border-disabled);
743
+ @property st-global(--wds-radio-border-hover);
742
744
  @property st-global(--wds-radio-border-radius);
743
- @property st-global(--wds-radio-disabled);
744
745
  @property st-global(--wds-radio-dot-fill-active);
745
746
  @property st-global(--wds-radio-dot-fill-disabled);
746
747
  @property st-global(--wds-radio-dot-size);
747
748
  @property st-global(--wds-radio-fill);
748
749
  @property st-global(--wds-radio-fill-active);
749
750
  @property st-global(--wds-radio-fill-active-disabled);
751
+ @property st-global(--wds-radio-fill-active-hover);
750
752
  @property st-global(--wds-radio-fill-disabled);
751
753
  @property st-global(--wds-radio-fill-hover);
752
- @property st-global(--wds-radio-group-gap-vertical);
754
+ @property st-global(--wds-radio-group-gap-vertical-medium);
755
+ @property st-global(--wds-radio-group-gap-vertical-small);
753
756
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
754
757
  @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
755
758
  @property st-global(--wds-radio-group-item-padding-default-vertical);
@@ -762,7 +765,10 @@
762
765
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
763
766
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
764
767
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
765
- @property st-global(--wds-radio-hover);
768
+ @property st-global(--wds-radio-label-font-line-height-medium);
769
+ @property st-global(--wds-radio-label-font-line-height-small);
770
+ @property st-global(--wds-radio-label-font-size-medium);
771
+ @property st-global(--wds-radio-label-font-size-small);
766
772
  @property st-global(--wds-search-border-radius-large);
767
773
  @property st-global(--wds-search-border-radius-medium);
768
774
  @property st-global(--wds-search-border-radius-small);
@@ -976,6 +982,7 @@
976
982
  @property st-global(--wds-toggle-switch-knob-size-large);
977
983
  @property st-global(--wds-toggle-switch-knob-size-medium);
978
984
  @property st-global(--wds-toggle-switch-knob-size-small);
985
+ @property st-global(--wds-toggle-switch-knob-text-height);
979
986
  @property st-global(--wds-toggle-switch-padding);
980
987
  @property st-global(--wds-toggle-switch-shadow);
981
988
  @property st-global(--wds-toggle-switch-width-large);
@@ -1704,7 +1711,7 @@
1704
1711
  --wds-input-width-medium: 72px;
1705
1712
  --wds-input-width-small: 54px;
1706
1713
  --wds-input-width-tiny: 48px;
1707
- --wds-linear-progress-bar-linear-progress-bar-border: 1000px;
1714
+ --wds-linear-progress-bar-border-radius: 1000px;
1708
1715
  --wds-list-item-action-padding-horizontal-medium: 18px;
1709
1716
  --wds-list-item-action-padding-horizontal-small: 18px;
1710
1717
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -1788,20 +1795,23 @@
1788
1795
  --wds-pagination-padding-vertical: 3px;
1789
1796
  --wds-palette-border: 6px;
1790
1797
  --wds-popover-border: 8px;
1791
- --wds-radio-active: #116dff;
1792
- --wds-radio-active-disabled: rgba(0, 6, 36, .1);
1793
1798
  --wds-radio-border: #116dff;
1799
+ --wds-radio-border-active: #116dff;
1800
+ --wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
1801
+ --wds-radio-border-disabled: rgba(0, 6, 36, .1);
1802
+ --wds-radio-border-hover: #116dff;
1794
1803
  --wds-radio-border-radius: 1000px;
1795
- --wds-radio-disabled: rgba(0, 6, 36, .1);
1796
1804
  --wds-radio-dot-fill-active: #116dff;
1797
1805
  --wds-radio-dot-fill-disabled: rgba(0, 6, 36, .3);
1798
1806
  --wds-radio-dot-size: 10px;
1799
1807
  --wds-radio-fill: #ffffff;
1800
1808
  --wds-radio-fill-active: #ffffff;
1801
1809
  --wds-radio-fill-active-disabled: rgba(0, 6, 36, .1);
1810
+ --wds-radio-fill-active-hover: #ffffff;
1802
1811
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
1803
1812
  --wds-radio-fill-hover: #e7f0ff;
1804
- --wds-radio-group-gap-vertical: 12px;
1813
+ --wds-radio-group-gap-vertical-medium: 12px;
1814
+ --wds-radio-group-gap-vertical-small: 6px;
1805
1815
  --wds-radio-group-item-padding-default-horizontal: 0;
1806
1816
  --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
1807
1817
  --wds-radio-group-item-padding-default-vertical: 0;
@@ -1814,7 +1824,10 @@
1814
1824
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 18px;
1815
1825
  --wds-radio-group-item-padding-outlined-vertical: 12px;
1816
1826
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
1817
- --wds-radio-hover: #116dff;
1827
+ --wds-radio-label-font-line-height-medium: 24px;
1828
+ --wds-radio-label-font-line-height-small: 18px;
1829
+ --wds-radio-label-font-size-medium: 16px;
1830
+ --wds-radio-label-font-size-small: 14px;
1818
1831
  --wds-search-border-radius-large: 1000px;
1819
1832
  --wds-search-border-radius-medium: 1000px;
1820
1833
  --wds-search-border-radius-small: 1000px;
@@ -2028,6 +2041,7 @@
2028
2041
  --wds-toggle-switch-knob-size-large: 22px;
2029
2042
  --wds-toggle-switch-knob-size-medium: 18px;
2030
2043
  --wds-toggle-switch-knob-size-small: 14px;
2044
+ --wds-toggle-switch-knob-text-height: 18px;
2031
2045
  --wds-toggle-switch-padding: 1px;
2032
2046
  --wds-toggle-switch-shadow: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
2033
2047
  --wds-toggle-switch-width-large: 46px;
package/component.st.css CHANGED
@@ -215,7 +215,7 @@
215
215
  @property st-global(--wds-input-width-medium);
216
216
  @property st-global(--wds-input-width-small);
217
217
  @property st-global(--wds-input-width-tiny);
218
- @property st-global(--wds-linear-progress-bar-linear-progress-bar-border);
218
+ @property st-global(--wds-linear-progress-bar-border-radius);
219
219
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
220
220
  @property st-global(--wds-list-item-action-padding-horizontal-small);
221
221
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -299,20 +299,23 @@
299
299
  @property st-global(--wds-pagination-padding-vertical);
300
300
  @property st-global(--wds-palette-border);
301
301
  @property st-global(--wds-popover-border);
302
- @property st-global(--wds-radio-active);
303
- @property st-global(--wds-radio-active-disabled);
304
302
  @property st-global(--wds-radio-border);
303
+ @property st-global(--wds-radio-border-active);
304
+ @property st-global(--wds-radio-border-active-disabled);
305
+ @property st-global(--wds-radio-border-disabled);
306
+ @property st-global(--wds-radio-border-hover);
305
307
  @property st-global(--wds-radio-border-radius);
306
- @property st-global(--wds-radio-disabled);
307
308
  @property st-global(--wds-radio-dot-fill-active);
308
309
  @property st-global(--wds-radio-dot-fill-disabled);
309
310
  @property st-global(--wds-radio-dot-size);
310
311
  @property st-global(--wds-radio-fill);
311
312
  @property st-global(--wds-radio-fill-active);
312
313
  @property st-global(--wds-radio-fill-active-disabled);
314
+ @property st-global(--wds-radio-fill-active-hover);
313
315
  @property st-global(--wds-radio-fill-disabled);
314
316
  @property st-global(--wds-radio-fill-hover);
315
- @property st-global(--wds-radio-group-gap-vertical);
317
+ @property st-global(--wds-radio-group-gap-vertical-medium);
318
+ @property st-global(--wds-radio-group-gap-vertical-small);
316
319
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
317
320
  @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
318
321
  @property st-global(--wds-radio-group-item-padding-default-vertical);
@@ -325,7 +328,10 @@
325
328
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
326
329
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
327
330
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
328
- @property st-global(--wds-radio-hover);
331
+ @property st-global(--wds-radio-label-font-line-height-medium);
332
+ @property st-global(--wds-radio-label-font-line-height-small);
333
+ @property st-global(--wds-radio-label-font-size-medium);
334
+ @property st-global(--wds-radio-label-font-size-small);
329
335
  @property st-global(--wds-search-border-radius-large);
330
336
  @property st-global(--wds-search-border-radius-medium);
331
337
  @property st-global(--wds-search-border-radius-small);
@@ -473,6 +479,7 @@
473
479
  @property st-global(--wds-toggle-switch-knob-size-large);
474
480
  @property st-global(--wds-toggle-switch-knob-size-medium);
475
481
  @property st-global(--wds-toggle-switch-knob-size-small);
482
+ @property st-global(--wds-toggle-switch-knob-text-height);
476
483
  @property st-global(--wds-toggle-switch-padding);
477
484
  @property st-global(--wds-toggle-switch-shadow);
478
485
  @property st-global(--wds-toggle-switch-width-large);
@@ -764,7 +771,7 @@
764
771
  --wds-input-width-medium: 72px;
765
772
  --wds-input-width-small: 54px;
766
773
  --wds-input-width-tiny: 48px;
767
- --wds-linear-progress-bar-linear-progress-bar-border: 1000px;
774
+ --wds-linear-progress-bar-border-radius: 1000px;
768
775
  --wds-list-item-action-padding-horizontal-medium: 18px;
769
776
  --wds-list-item-action-padding-horizontal-small: 18px;
770
777
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -848,20 +855,23 @@
848
855
  --wds-pagination-padding-vertical: 3px;
849
856
  --wds-palette-border: 6px;
850
857
  --wds-popover-border: 8px;
851
- --wds-radio-active: #116dff;
852
- --wds-radio-active-disabled: rgba(0, 6, 36, .1);
853
858
  --wds-radio-border: #116dff;
859
+ --wds-radio-border-active: #116dff;
860
+ --wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
861
+ --wds-radio-border-disabled: rgba(0, 6, 36, .1);
862
+ --wds-radio-border-hover: #116dff;
854
863
  --wds-radio-border-radius: 1000px;
855
- --wds-radio-disabled: rgba(0, 6, 36, .1);
856
864
  --wds-radio-dot-fill-active: #116dff;
857
865
  --wds-radio-dot-fill-disabled: rgba(0, 6, 36, .3);
858
866
  --wds-radio-dot-size: 10px;
859
867
  --wds-radio-fill: #ffffff;
860
868
  --wds-radio-fill-active: #ffffff;
861
869
  --wds-radio-fill-active-disabled: rgba(0, 6, 36, .1);
870
+ --wds-radio-fill-active-hover: #ffffff;
862
871
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
863
872
  --wds-radio-fill-hover: #e7f0ff;
864
- --wds-radio-group-gap-vertical: 12px;
873
+ --wds-radio-group-gap-vertical-medium: 12px;
874
+ --wds-radio-group-gap-vertical-small: 6px;
865
875
  --wds-radio-group-item-padding-default-horizontal: 0;
866
876
  --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
867
877
  --wds-radio-group-item-padding-default-vertical: 0;
@@ -874,7 +884,10 @@
874
884
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 18px;
875
885
  --wds-radio-group-item-padding-outlined-vertical: 12px;
876
886
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
877
- --wds-radio-hover: #116dff;
887
+ --wds-radio-label-font-line-height-medium: 24px;
888
+ --wds-radio-label-font-line-height-small: 18px;
889
+ --wds-radio-label-font-size-medium: 16px;
890
+ --wds-radio-label-font-size-small: 14px;
878
891
  --wds-search-border-radius-large: 1000px;
879
892
  --wds-search-border-radius-medium: 1000px;
880
893
  --wds-search-border-radius-small: 1000px;
@@ -1022,6 +1035,7 @@
1022
1035
  --wds-toggle-switch-knob-size-large: 22px;
1023
1036
  --wds-toggle-switch-knob-size-medium: 18px;
1024
1037
  --wds-toggle-switch-knob-size-small: 14px;
1038
+ --wds-toggle-switch-knob-text-height: 18px;
1025
1039
  --wds-toggle-switch-padding: 1px;
1026
1040
  --wds-toggle-switch-shadow: 0 0 3px rgba(0, 6, 36, .1), 0 2px 1px rgba(0, 6, 36, .5);
1027
1041
  --wds-toggle-switch-width-large: 46px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.16.1",
3
+ "version": "1.16.3",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "ea650c4837a97a0d7f087567b7f2cad7654e93e401ca9bad5aa3c75a"
36
+ "falconPackageHash": "86562d789f73d8c585b91bc8e03896444b3865791915bee7ecd1e082"
37
37
  }
package/studio/all.st.css CHANGED
@@ -648,7 +648,7 @@
648
648
  @property st-global(--wds-input-width-medium);
649
649
  @property st-global(--wds-input-width-small);
650
650
  @property st-global(--wds-input-width-tiny);
651
- @property st-global(--wds-linear-progress-bar-border);
651
+ @property st-global(--wds-linear-progress-bar-border-radius);
652
652
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
653
653
  @property st-global(--wds-list-item-action-padding-horizontal-small);
654
654
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -732,20 +732,23 @@
732
732
  @property st-global(--wds-pagination-padding-vertical);
733
733
  @property st-global(--wds-palette-border);
734
734
  @property st-global(--wds-popover-border);
735
- @property st-global(--wds-radio-active);
736
- @property st-global(--wds-radio-active-disabled);
737
735
  @property st-global(--wds-radio-border);
736
+ @property st-global(--wds-radio-border-active);
737
+ @property st-global(--wds-radio-border-active-disabled);
738
+ @property st-global(--wds-radio-border-disabled);
739
+ @property st-global(--wds-radio-border-hover);
738
740
  @property st-global(--wds-radio-border-radius);
739
- @property st-global(--wds-radio-disabled);
740
741
  @property st-global(--wds-radio-dot-fill-active);
741
742
  @property st-global(--wds-radio-dot-fill-disabled);
742
743
  @property st-global(--wds-radio-dot-size);
743
744
  @property st-global(--wds-radio-fill);
744
745
  @property st-global(--wds-radio-fill-active);
745
746
  @property st-global(--wds-radio-fill-active-disabled);
747
+ @property st-global(--wds-radio-fill-active-hover);
746
748
  @property st-global(--wds-radio-fill-disabled);
747
749
  @property st-global(--wds-radio-fill-hover);
748
- @property st-global(--wds-radio-group-gap-vertical);
750
+ @property st-global(--wds-radio-group-gap-vertical-medium);
751
+ @property st-global(--wds-radio-group-gap-vertical-small);
749
752
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
750
753
  @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
751
754
  @property st-global(--wds-radio-group-item-padding-default-vertical);
@@ -758,7 +761,10 @@
758
761
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
759
762
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
760
763
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
761
- @property st-global(--wds-radio-hover);
764
+ @property st-global(--wds-radio-label-font-line-height-medium);
765
+ @property st-global(--wds-radio-label-font-line-height-small);
766
+ @property st-global(--wds-radio-label-font-size-medium);
767
+ @property st-global(--wds-radio-label-font-size-small);
762
768
  @property st-global(--wds-search-border-radius-large);
763
769
  @property st-global(--wds-search-border-radius-medium);
764
770
  @property st-global(--wds-search-border-radius-small);
@@ -972,6 +978,7 @@
972
978
  @property st-global(--wds-toggle-switch-knob-size-large);
973
979
  @property st-global(--wds-toggle-switch-knob-size-medium);
974
980
  @property st-global(--wds-toggle-switch-knob-size-small);
981
+ @property st-global(--wds-toggle-switch-knob-text-height);
975
982
  @property st-global(--wds-toggle-switch-padding);
976
983
  @property st-global(--wds-toggle-switch-shadow);
977
984
  @property st-global(--wds-toggle-switch-width-large);
@@ -1696,7 +1703,7 @@
1696
1703
  --wds-input-width-medium: 72px;
1697
1704
  --wds-input-width-small: 56px;
1698
1705
  --wds-input-width-tiny: 48px;
1699
- --wds-linear-progress-bar-border: 0;
1706
+ --wds-linear-progress-bar-border-radius: 0;
1700
1707
  --wds-list-item-action-padding-horizontal-medium: 12px;
1701
1708
  --wds-list-item-action-padding-horizontal-small: 12px;
1702
1709
  --wds-list-item-action-padding-vertical-medium: 4px;
@@ -1780,20 +1787,23 @@
1780
1787
  --wds-pagination-padding-vertical: 2px;
1781
1788
  --wds-palette-border: 4px;
1782
1789
  --wds-popover-border: 4px;
1783
- --wds-radio-active: #116dff;
1784
- --wds-radio-active-disabled: rgba(19, 23, 32, 0);
1785
1790
  --wds-radio-border: #868aa5;
1791
+ --wds-radio-border-active: #116dff;
1792
+ --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
1793
+ --wds-radio-border-disabled: rgba(19, 23, 32, .1);
1794
+ --wds-radio-border-hover: #868aa5;
1786
1795
  --wds-radio-border-radius: 1000px;
1787
- --wds-radio-disabled: rgba(19, 23, 32, .1);
1788
1796
  --wds-radio-dot-fill-active: #ffffff;
1789
1797
  --wds-radio-dot-fill-disabled: #ffffff;
1790
1798
  --wds-radio-dot-size: 4px;
1791
1799
  --wds-radio-fill: #ffffff;
1792
1800
  --wds-radio-fill-active: #116dff;
1793
1801
  --wds-radio-fill-active-disabled: #bebebe;
1802
+ --wds-radio-fill-active-hover: #116dff;
1794
1803
  --wds-radio-fill-disabled: #e5e5e5;
1795
1804
  --wds-radio-fill-hover: #f7f8f8;
1796
- --wds-radio-group-gap-vertical: 12px;
1805
+ --wds-radio-group-gap-vertical-medium: 12px;
1806
+ --wds-radio-group-gap-vertical-small: 6px;
1797
1807
  --wds-radio-group-item-padding-default-horizontal: 0;
1798
1808
  --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
1799
1809
  --wds-radio-group-item-padding-default-vertical: 0;
@@ -1806,7 +1816,10 @@
1806
1816
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 16px;
1807
1817
  --wds-radio-group-item-padding-outlined-vertical: 12px;
1808
1818
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
1809
- --wds-radio-hover: #868aa5;
1819
+ --wds-radio-label-font-line-height-medium: 20px;
1820
+ --wds-radio-label-font-line-height-small: 16px;
1821
+ --wds-radio-label-font-size-medium: 14px;
1822
+ --wds-radio-label-font-size-small: 12px;
1810
1823
  --wds-search-border-radius-large: 4px;
1811
1824
  --wds-search-border-radius-medium: 4px;
1812
1825
  --wds-search-border-radius-small: 4px;
@@ -2020,6 +2033,7 @@
2020
2033
  --wds-toggle-switch-knob-size-large: 20px;
2021
2034
  --wds-toggle-switch-knob-size-medium: 16px;
2022
2035
  --wds-toggle-switch-knob-size-small: 12px;
2036
+ --wds-toggle-switch-knob-text-height: 0;
2023
2037
  --wds-toggle-switch-padding: 2px;
2024
2038
  --wds-toggle-switch-shadow: unset;
2025
2039
  --wds-toggle-switch-width-large: 40px;
package/studio/component.st.css CHANGED
@@ -215,7 +215,7 @@
215
215
  @property st-global(--wds-input-width-medium);
216
216
  @property st-global(--wds-input-width-small);
217
217
  @property st-global(--wds-input-width-tiny);
218
- @property st-global(--wds-linear-progress-bar-border);
218
+ @property st-global(--wds-linear-progress-bar-border-radius);
219
219
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
220
220
  @property st-global(--wds-list-item-action-padding-horizontal-small);
221
221
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -299,20 +299,23 @@
299
299
  @property st-global(--wds-pagination-padding-vertical);
300
300
  @property st-global(--wds-palette-border);
301
301
  @property st-global(--wds-popover-border);
302
- @property st-global(--wds-radio-active);
303
- @property st-global(--wds-radio-active-disabled);
304
302
  @property st-global(--wds-radio-border);
303
+ @property st-global(--wds-radio-border-active);
304
+ @property st-global(--wds-radio-border-active-disabled);
305
+ @property st-global(--wds-radio-border-disabled);
306
+ @property st-global(--wds-radio-border-hover);
305
307
  @property st-global(--wds-radio-border-radius);
306
- @property st-global(--wds-radio-disabled);
307
308
  @property st-global(--wds-radio-dot-fill-active);
308
309
  @property st-global(--wds-radio-dot-fill-disabled);
309
310
  @property st-global(--wds-radio-dot-size);
310
311
  @property st-global(--wds-radio-fill);
311
312
  @property st-global(--wds-radio-fill-active);
312
313
  @property st-global(--wds-radio-fill-active-disabled);
314
+ @property st-global(--wds-radio-fill-active-hover);
313
315
  @property st-global(--wds-radio-fill-disabled);
314
316
  @property st-global(--wds-radio-fill-hover);
315
- @property st-global(--wds-radio-group-gap-vertical);
317
+ @property st-global(--wds-radio-group-gap-vertical-medium);
318
+ @property st-global(--wds-radio-group-gap-vertical-small);
316
319
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
317
320
  @property st-global(--wds-radio-group-item-padding-default-horizontal-screen-small);
318
321
  @property st-global(--wds-radio-group-item-padding-default-vertical);
@@ -325,7 +328,10 @@
325
328
  @property st-global(--wds-radio-group-item-padding-outlined-horizontal-screen-small);
326
329
  @property st-global(--wds-radio-group-item-padding-outlined-vertical);
327
330
  @property st-global(--wds-radio-group-item-padding-outlined-vertical-screen-small);
328
- @property st-global(--wds-radio-hover);
331
+ @property st-global(--wds-radio-label-font-line-height-medium);
332
+ @property st-global(--wds-radio-label-font-line-height-small);
333
+ @property st-global(--wds-radio-label-font-size-medium);
334
+ @property st-global(--wds-radio-label-font-size-small);
329
335
  @property st-global(--wds-search-border-radius-large);
330
336
  @property st-global(--wds-search-border-radius-medium);
331
337
  @property st-global(--wds-search-border-radius-small);
@@ -473,6 +479,7 @@
473
479
  @property st-global(--wds-toggle-switch-knob-size-large);
474
480
  @property st-global(--wds-toggle-switch-knob-size-medium);
475
481
  @property st-global(--wds-toggle-switch-knob-size-small);
482
+ @property st-global(--wds-toggle-switch-knob-text-height);
476
483
  @property st-global(--wds-toggle-switch-padding);
477
484
  @property st-global(--wds-toggle-switch-shadow);
478
485
  @property st-global(--wds-toggle-switch-width-large);
@@ -764,7 +771,7 @@
764
771
  --wds-input-width-medium: 72px;
765
772
  --wds-input-width-small: 56px;
766
773
  --wds-input-width-tiny: 48px;
767
- --wds-linear-progress-bar-border: 0;
774
+ --wds-linear-progress-bar-border-radius: 0;
768
775
  --wds-list-item-action-padding-horizontal-medium: 12px;
769
776
  --wds-list-item-action-padding-horizontal-small: 12px;
770
777
  --wds-list-item-action-padding-vertical-medium: 4px;
@@ -848,20 +855,23 @@
848
855
  --wds-pagination-padding-vertical: 2px;
849
856
  --wds-palette-border: 4px;
850
857
  --wds-popover-border: 4px;
851
- --wds-radio-active: #116dff;
852
- --wds-radio-active-disabled: rgba(19, 23, 32, 0);
853
858
  --wds-radio-border: #868aa5;
859
+ --wds-radio-border-active: #116dff;
860
+ --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
861
+ --wds-radio-border-disabled: rgba(19, 23, 32, .1);
862
+ --wds-radio-border-hover: #868aa5;
854
863
  --wds-radio-border-radius: 1000px;
855
- --wds-radio-disabled: rgba(19, 23, 32, .1);
856
864
  --wds-radio-dot-fill-active: #ffffff;
857
865
  --wds-radio-dot-fill-disabled: #ffffff;
858
866
  --wds-radio-dot-size: 4px;
859
867
  --wds-radio-fill: #ffffff;
860
868
  --wds-radio-fill-active: #116dff;
861
869
  --wds-radio-fill-active-disabled: #bebebe;
870
+ --wds-radio-fill-active-hover: #116dff;
862
871
  --wds-radio-fill-disabled: #e5e5e5;
863
872
  --wds-radio-fill-hover: #f7f8f8;
864
- --wds-radio-group-gap-vertical: 12px;
873
+ --wds-radio-group-gap-vertical-medium: 12px;
874
+ --wds-radio-group-gap-vertical-small: 6px;
865
875
  --wds-radio-group-item-padding-default-horizontal: 0;
866
876
  --wds-radio-group-item-padding-default-horizontal-screen-small: 0;
867
877
  --wds-radio-group-item-padding-default-vertical: 0;
@@ -874,7 +884,10 @@
874
884
  --wds-radio-group-item-padding-outlined-horizontal-screen-small: 16px;
875
885
  --wds-radio-group-item-padding-outlined-vertical: 12px;
876
886
  --wds-radio-group-item-padding-outlined-vertical-screen-small: 12px;
877
- --wds-radio-hover: #868aa5;
887
+ --wds-radio-label-font-line-height-medium: 20px;
888
+ --wds-radio-label-font-line-height-small: 16px;
889
+ --wds-radio-label-font-size-medium: 14px;
890
+ --wds-radio-label-font-size-small: 12px;
878
891
  --wds-search-border-radius-large: 4px;
879
892
  --wds-search-border-radius-medium: 4px;
880
893
  --wds-search-border-radius-small: 4px;
@@ -1022,6 +1035,7 @@
1022
1035
  --wds-toggle-switch-knob-size-large: 20px;
1023
1036
  --wds-toggle-switch-knob-size-medium: 16px;
1024
1037
  --wds-toggle-switch-knob-size-small: 12px;
1038
+ --wds-toggle-switch-knob-text-height: 0;
1025
1039
  --wds-toggle-switch-padding: 2px;
1026
1040
  --wds-toggle-switch-shadow: unset;
1027
1041
  --wds-toggle-switch-width-large: 40px;