@wix/design-system-tokens 1.16.4 → 1.16.5

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 +7 -3
  2. package/component.st.css +7 -3
  3. package/package.json +2 -2
  4. package/studio/all.st.css +10 -6
  5. package/studio/component.st.css +10 -6
package/all.st.css CHANGED
@@ -751,6 +751,8 @@
751
751
  @property st-global(--wds-radio-fill-active-hover);
752
752
  @property st-global(--wds-radio-fill-disabled);
753
753
  @property st-global(--wds-radio-fill-hover);
754
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
755
+ @property st-global(--wds-radio-group-gap-horizontal-small);
754
756
  @property st-global(--wds-radio-group-gap-vertical-medium);
755
757
  @property st-global(--wds-radio-group-gap-vertical-small);
756
758
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -799,7 +801,7 @@
799
801
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
800
802
  @property st-global(--wds-segmented-toggle-size-medium);
801
803
  @property st-global(--wds-segmented-toggle-size-small);
802
- @property st-global(--wds-select-area-border);
804
+ @property st-global(--wds-select-area-border-radius);
803
805
  @property st-global(--wds-select-area-fill);
804
806
  @property st-global(--wds-select-area-fill-active);
805
807
  @property st-global(--wds-select-area-fill-disabled);
@@ -1870,6 +1872,8 @@
1870
1872
  --wds-radio-fill-active-hover: #ffffff;
1871
1873
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
1872
1874
  --wds-radio-fill-hover: #e7f0ff;
1875
+ --wds-radio-group-gap-horizontal-medium: 24px;
1876
+ --wds-radio-group-gap-horizontal-small: 24px;
1873
1877
  --wds-radio-group-gap-vertical-medium: 12px;
1874
1878
  --wds-radio-group-gap-vertical-small: 6px;
1875
1879
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -1918,7 +1922,7 @@
1918
1922
  --wds-segmented-toggle-padding-vertical-small: 6px;
1919
1923
  --wds-segmented-toggle-size-medium: 36px;
1920
1924
  --wds-segmented-toggle-size-small: 30px;
1921
- --wds-select-area-border: 8px;
1925
+ --wds-select-area-border-radius: 8px;
1922
1926
  --wds-select-area-fill: #f4f7ff;
1923
1927
  --wds-select-area-fill-active: #d6e6fe;
1924
1928
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -2030,7 +2034,7 @@
2030
2034
  --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
2031
2035
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2032
2036
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2033
- --wds-sidebar-scrollbar-fill-dark-hover: #8D8F96;
2037
+ --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
2034
2038
  --wds-skeleton-border-radius-circle: 1000px;
2035
2039
  --wds-skeleton-border-radius-line: 1000px;
2036
2040
  --wds-skeleton-border-radius-rectangle: 6px;
package/component.st.css CHANGED
@@ -314,6 +314,8 @@
314
314
  @property st-global(--wds-radio-fill-active-hover);
315
315
  @property st-global(--wds-radio-fill-disabled);
316
316
  @property st-global(--wds-radio-fill-hover);
317
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
318
+ @property st-global(--wds-radio-group-gap-horizontal-small);
317
319
  @property st-global(--wds-radio-group-gap-vertical-medium);
318
320
  @property st-global(--wds-radio-group-gap-vertical-small);
319
321
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -362,7 +364,7 @@
362
364
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
363
365
  @property st-global(--wds-segmented-toggle-size-medium);
364
366
  @property st-global(--wds-segmented-toggle-size-small);
365
- @property st-global(--wds-select-area-border);
367
+ @property st-global(--wds-select-area-border-radius);
366
368
  @property st-global(--wds-select-area-fill);
367
369
  @property st-global(--wds-select-area-fill-active);
368
370
  @property st-global(--wds-select-area-fill-disabled);
@@ -930,6 +932,8 @@
930
932
  --wds-radio-fill-active-hover: #ffffff;
931
933
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
932
934
  --wds-radio-fill-hover: #e7f0ff;
935
+ --wds-radio-group-gap-horizontal-medium: 24px;
936
+ --wds-radio-group-gap-horizontal-small: 24px;
933
937
  --wds-radio-group-gap-vertical-medium: 12px;
934
938
  --wds-radio-group-gap-vertical-small: 6px;
935
939
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -978,7 +982,7 @@
978
982
  --wds-segmented-toggle-padding-vertical-small: 6px;
979
983
  --wds-segmented-toggle-size-medium: 36px;
980
984
  --wds-segmented-toggle-size-small: 30px;
981
- --wds-select-area-border: 8px;
985
+ --wds-select-area-border-radius: 8px;
982
986
  --wds-select-area-fill: #f4f7ff;
983
987
  --wds-select-area-fill-active: #d6e6fe;
984
988
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -1060,7 +1064,7 @@
1060
1064
  --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
1061
1065
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
1062
1066
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
1063
- --wds-sidebar-scrollbar-fill-dark-hover: #8D8F96;
1067
+ --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
1064
1068
  --wds-skeleton-border-radius-circle: 1000px;
1065
1069
  --wds-skeleton-border-radius-line: 1000px;
1066
1070
  --wds-skeleton-border-radius-rectangle: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.16.4",
3
+ "version": "1.16.5",
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": "222455cdffbef1847ff6c5e77be6aa474dbed0e02c0887cb7ad82e63"
36
+ "falconPackageHash": "a089fb2256eb3ee94dbd6e22d34d358642081ae0d49736d30214a650"
37
37
  }
package/studio/all.st.css CHANGED
@@ -747,6 +747,8 @@
747
747
  @property st-global(--wds-radio-fill-active-hover);
748
748
  @property st-global(--wds-radio-fill-disabled);
749
749
  @property st-global(--wds-radio-fill-hover);
750
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
751
+ @property st-global(--wds-radio-group-gap-horizontal-small);
750
752
  @property st-global(--wds-radio-group-gap-vertical-medium);
751
753
  @property st-global(--wds-radio-group-gap-vertical-small);
752
754
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -795,7 +797,7 @@
795
797
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
796
798
  @property st-global(--wds-segmented-toggle-size-medium);
797
799
  @property st-global(--wds-segmented-toggle-size-small);
798
- @property st-global(--wds-select-area-border);
800
+ @property st-global(--wds-select-area-border-radius);
799
801
  @property st-global(--wds-select-area-fill);
800
802
  @property st-global(--wds-select-area-fill-active);
801
803
  @property st-global(--wds-select-area-fill-disabled);
@@ -1861,6 +1863,8 @@
1861
1863
  --wds-radio-fill-active-hover: #116dff;
1862
1864
  --wds-radio-fill-disabled: #e5e5e5;
1863
1865
  --wds-radio-fill-hover: #f7f8f8;
1866
+ --wds-radio-group-gap-horizontal-medium: 16px;
1867
+ --wds-radio-group-gap-horizontal-small: 16px;
1864
1868
  --wds-radio-group-gap-vertical-medium: 12px;
1865
1869
  --wds-radio-group-gap-vertical-small: 6px;
1866
1870
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -1909,7 +1913,7 @@
1909
1913
  --wds-segmented-toggle-padding-vertical-small: 4px;
1910
1914
  --wds-segmented-toggle-size-medium: 32px;
1911
1915
  --wds-segmented-toggle-size-small: 28px;
1912
- --wds-select-area-border: 4px;
1916
+ --wds-select-area-border-radius: 4px;
1913
1917
  --wds-select-area-fill: #f7f8f8;
1914
1918
  --wds-select-area-fill-active: #dce9ff;
1915
1919
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -1987,9 +1991,9 @@
1987
1991
  --wds-sidebar-item-level-2-padding-end: 18px;
1988
1992
  --wds-sidebar-item-level-2-padding-start: 52px;
1989
1993
  --wds-sidebar-item-level-2-padding-top: 6px;
1990
- --wds-sidebar-item-level-3-divider-padding-bottom: 6px;
1991
- --wds-sidebar-item-level-3-divider-padding-end: 8px;
1992
- --wds-sidebar-item-level-3-divider-padding-top: 6px;
1994
+ --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
1995
+ --wds-sidebar-item-level-3-divider-padding-end: 12px;
1996
+ --wds-sidebar-item-level-3-divider-padding-top: 8px;
1993
1997
  --wds-sidebar-item-level-3-padding-bottom: 6px;
1994
1998
  --wds-sidebar-item-level-3-padding-end: 18px;
1995
1999
  --wds-sidebar-item-level-3-padding-start: 52px;
@@ -2017,7 +2021,7 @@
2017
2021
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
2018
2022
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2019
2023
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2020
- --wds-sidebar-minimize-tooltip-text-neutral-default: #418aff;
2024
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2021
2025
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2022
2026
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2023
2027
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
package/studio/component.st.css CHANGED
@@ -314,6 +314,8 @@
314
314
  @property st-global(--wds-radio-fill-active-hover);
315
315
  @property st-global(--wds-radio-fill-disabled);
316
316
  @property st-global(--wds-radio-fill-hover);
317
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
318
+ @property st-global(--wds-radio-group-gap-horizontal-small);
317
319
  @property st-global(--wds-radio-group-gap-vertical-medium);
318
320
  @property st-global(--wds-radio-group-gap-vertical-small);
319
321
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -362,7 +364,7 @@
362
364
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
363
365
  @property st-global(--wds-segmented-toggle-size-medium);
364
366
  @property st-global(--wds-segmented-toggle-size-small);
365
- @property st-global(--wds-select-area-border);
367
+ @property st-global(--wds-select-area-border-radius);
366
368
  @property st-global(--wds-select-area-fill);
367
369
  @property st-global(--wds-select-area-fill-active);
368
370
  @property st-global(--wds-select-area-fill-disabled);
@@ -929,6 +931,8 @@
929
931
  --wds-radio-fill-active-hover: #116dff;
930
932
  --wds-radio-fill-disabled: #e5e5e5;
931
933
  --wds-radio-fill-hover: #f7f8f8;
934
+ --wds-radio-group-gap-horizontal-medium: 16px;
935
+ --wds-radio-group-gap-horizontal-small: 16px;
932
936
  --wds-radio-group-gap-vertical-medium: 12px;
933
937
  --wds-radio-group-gap-vertical-small: 6px;
934
938
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -977,7 +981,7 @@
977
981
  --wds-segmented-toggle-padding-vertical-small: 4px;
978
982
  --wds-segmented-toggle-size-medium: 32px;
979
983
  --wds-segmented-toggle-size-small: 28px;
980
- --wds-select-area-border: 4px;
984
+ --wds-select-area-border-radius: 4px;
981
985
  --wds-select-area-fill: #f7f8f8;
982
986
  --wds-select-area-fill-active: #dce9ff;
983
987
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -1025,9 +1029,9 @@
1025
1029
  --wds-sidebar-item-level-2-padding-end: 18px;
1026
1030
  --wds-sidebar-item-level-2-padding-start: 52px;
1027
1031
  --wds-sidebar-item-level-2-padding-top: 6px;
1028
- --wds-sidebar-item-level-3-divider-padding-bottom: 6px;
1029
- --wds-sidebar-item-level-3-divider-padding-end: 8px;
1030
- --wds-sidebar-item-level-3-divider-padding-top: 6px;
1032
+ --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
1033
+ --wds-sidebar-item-level-3-divider-padding-end: 12px;
1034
+ --wds-sidebar-item-level-3-divider-padding-top: 8px;
1031
1035
  --wds-sidebar-item-level-3-padding-bottom: 6px;
1032
1036
  --wds-sidebar-item-level-3-padding-end: 18px;
1033
1037
  --wds-sidebar-item-level-3-padding-start: 52px;
@@ -1055,7 +1059,7 @@
1055
1059
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
1056
1060
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
1057
1061
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
1058
- --wds-sidebar-minimize-tooltip-text-neutral-default: #418aff;
1062
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
1059
1063
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
1060
1064
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
1061
1065
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;