@wix/design-system-tokens 1.3.17 → 1.3.19

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 +15 -13
  2. package/component.st.css +15 -13
  3. package/package.json +2 -2
  4. package/studio/all.st.css +15 -13
  5. package/studio/component.st.css +15 -13
package/all.st.css CHANGED
@@ -72,20 +72,19 @@
72
72
  @property st-global(--wds-card-tab-padding-horizontal-small);
73
73
  @property st-global(--wds-card-tab-padding-vertical-medium);
74
74
  @property st-global(--wds-card-tab-padding-vertical-small);
75
- @property st-global(--wds-checkbox-active);
76
- @property st-global(--wds-checkbox-active-disabled);
77
75
  @property st-global(--wds-checkbox-border);
76
+ @property st-global(--wds-checkbox-border-active);
77
+ @property st-global(--wds-checkbox-border-active-disabled);
78
+ @property st-global(--wds-checkbox-border-active-hover);
79
+ @property st-global(--wds-checkbox-border-disabled);
80
+ @property st-global(--wds-checkbox-border-hover);
78
81
  @property st-global(--wds-checkbox-border-radius);
79
- @property st-global(--wds-checkbox-disabled);
80
- @property st-global(--wds-checkbox-dot-fill-active);
81
- @property st-global(--wds-checkbox-dot-fill-disabled);
82
82
  @property st-global(--wds-checkbox-fill);
83
83
  @property st-global(--wds-checkbox-fill-active);
84
84
  @property st-global(--wds-checkbox-fill-active-disabled);
85
85
  @property st-global(--wds-checkbox-fill-active-hover);
86
86
  @property st-global(--wds-checkbox-fill-disabled);
87
87
  @property st-global(--wds-checkbox-fill-hover);
88
- @property st-global(--wds-checkbox-hover);
89
88
  @property st-global(--wds-checkbox-icon);
90
89
  @property st-global(--wds-checkbox-icon-disabled);
91
90
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -770,6 +769,8 @@
770
769
  @property st-global(--wds-side-panel-content-padding-horizontal);
771
770
  @property st-global(--wds-side-panel-content-padding-vertical);
772
771
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
772
+ @property st-global(--wds-side-panel-field-padding-horizontal);
773
+ @property st-global(--wds-side-panel-field-padding-vertical);
773
774
  @property st-global(--wds-side-panel-floating-border-radius);
774
775
  @property st-global(--wds-side-panel-floating-header-padding-left);
775
776
  @property st-global(--wds-side-panel-floating-header-padding-right);
@@ -1047,20 +1048,19 @@
1047
1048
  --wds-card-tab-padding-horizontal-small: 18px;
1048
1049
  --wds-card-tab-padding-vertical-medium: 18px;
1049
1050
  --wds-card-tab-padding-vertical-small: 18px;
1050
- --wds-checkbox-active: #116dff;
1051
- --wds-checkbox-active-disabled: rgba(0, 6, 36, .1);
1052
1051
  --wds-checkbox-border: #116dff;
1052
+ --wds-checkbox-border-active: #116dff;
1053
+ --wds-checkbox-border-active-disabled: rgba(0, 6, 36, .1);
1054
+ --wds-checkbox-border-active-hover: rgba(0, 6, 36, 0);
1055
+ --wds-checkbox-border-disabled: rgba(0, 6, 36, .1);
1056
+ --wds-checkbox-border-hover: #116dff;
1053
1057
  --wds-checkbox-border-radius: 4px;
1054
- --wds-checkbox-disabled: rgba(0, 6, 36, .1);
1055
- --wds-checkbox-dot-fill-active: #116dff;
1056
- --wds-checkbox-dot-fill-disabled: rgba(0, 6, 36, .3);
1057
1058
  --wds-checkbox-fill: #ffffff;
1058
1059
  --wds-checkbox-fill-active: #116dff;
1059
1060
  --wds-checkbox-fill-active-disabled: rgba(0, 6, 36, .1);
1060
1061
  --wds-checkbox-fill-active-hover: #0f62e6;
1061
1062
  --wds-checkbox-fill-disabled: rgba(0, 6, 36, .1);
1062
1063
  --wds-checkbox-fill-hover: #e7f0ff;
1063
- --wds-checkbox-hover: #116dff;
1064
1064
  --wds-checkbox-icon: #ffffff;
1065
1065
  --wds-checkbox-icon-disabled: rgba(0, 6, 36, .3);
1066
1066
  --wds-circular-progress-bar-background-fill-error: #fbd0cd;
@@ -1711,7 +1711,7 @@
1711
1711
  --wds-select-area-border: 8px;
1712
1712
  --wds-select-area-fill: #f4f7ff;
1713
1713
  --wds-select-area-fill-active: #d6e6fe;
1714
- --wds-select-area-fill-disabled: #ffffff;
1714
+ --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
1715
1715
  --wds-select-area-fill-hover: #e7f0ff;
1716
1716
  --wds-select-area-padding-horizontal: 18px;
1717
1717
  --wds-select-area-padding-vertical: 12px;
@@ -1745,6 +1745,8 @@
1745
1745
  --wds-side-panel-content-padding-horizontal: 24px;
1746
1746
  --wds-side-panel-content-padding-vertical: 24px;
1747
1747
  --wds-side-panel-control-layout-divider-border-width: 1px;
1748
+ --wds-side-panel-field-padding-horizontal: 24px;
1749
+ --wds-side-panel-field-padding-vertical: 15px;
1748
1750
  --wds-side-panel-floating-border-radius: 8px;
1749
1751
  --wds-side-panel-floating-header-padding-left: 24px;
1750
1752
  --wds-side-panel-floating-header-padding-right: 9px;
package/component.st.css CHANGED
@@ -59,20 +59,19 @@
59
59
  @property st-global(--wds-card-tab-padding-horizontal-small);
60
60
  @property st-global(--wds-card-tab-padding-vertical-medium);
61
61
  @property st-global(--wds-card-tab-padding-vertical-small);
62
- @property st-global(--wds-checkbox-active);
63
- @property st-global(--wds-checkbox-active-disabled);
64
62
  @property st-global(--wds-checkbox-border);
63
+ @property st-global(--wds-checkbox-border-active);
64
+ @property st-global(--wds-checkbox-border-active-disabled);
65
+ @property st-global(--wds-checkbox-border-active-hover);
66
+ @property st-global(--wds-checkbox-border-disabled);
67
+ @property st-global(--wds-checkbox-border-hover);
65
68
  @property st-global(--wds-checkbox-border-radius);
66
- @property st-global(--wds-checkbox-disabled);
67
- @property st-global(--wds-checkbox-dot-fill-active);
68
- @property st-global(--wds-checkbox-dot-fill-disabled);
69
69
  @property st-global(--wds-checkbox-fill);
70
70
  @property st-global(--wds-checkbox-fill-active);
71
71
  @property st-global(--wds-checkbox-fill-active-disabled);
72
72
  @property st-global(--wds-checkbox-fill-active-hover);
73
73
  @property st-global(--wds-checkbox-fill-disabled);
74
74
  @property st-global(--wds-checkbox-fill-hover);
75
- @property st-global(--wds-checkbox-hover);
76
75
  @property st-global(--wds-checkbox-icon);
77
76
  @property st-global(--wds-checkbox-icon-disabled);
78
77
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -310,6 +309,8 @@
310
309
  @property st-global(--wds-side-panel-content-padding-horizontal);
311
310
  @property st-global(--wds-side-panel-content-padding-vertical);
312
311
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
312
+ @property st-global(--wds-side-panel-field-padding-horizontal);
313
+ @property st-global(--wds-side-panel-field-padding-vertical);
313
314
  @property st-global(--wds-side-panel-floating-border-radius);
314
315
  @property st-global(--wds-side-panel-floating-header-padding-left);
315
316
  @property st-global(--wds-side-panel-floating-header-padding-right);
@@ -550,20 +551,19 @@
550
551
  --wds-card-tab-padding-horizontal-small: 18px;
551
552
  --wds-card-tab-padding-vertical-medium: 18px;
552
553
  --wds-card-tab-padding-vertical-small: 18px;
553
- --wds-checkbox-active: #116dff;
554
- --wds-checkbox-active-disabled: rgba(0, 6, 36, .1);
555
554
  --wds-checkbox-border: #116dff;
555
+ --wds-checkbox-border-active: #116dff;
556
+ --wds-checkbox-border-active-disabled: rgba(0, 6, 36, .1);
557
+ --wds-checkbox-border-active-hover: rgba(0, 6, 36, 0);
558
+ --wds-checkbox-border-disabled: rgba(0, 6, 36, .1);
559
+ --wds-checkbox-border-hover: #116dff;
556
560
  --wds-checkbox-border-radius: 4px;
557
- --wds-checkbox-disabled: rgba(0, 6, 36, .1);
558
- --wds-checkbox-dot-fill-active: #116dff;
559
- --wds-checkbox-dot-fill-disabled: rgba(0, 6, 36, .3);
560
561
  --wds-checkbox-fill: #ffffff;
561
562
  --wds-checkbox-fill-active: #116dff;
562
563
  --wds-checkbox-fill-active-disabled: rgba(0, 6, 36, .1);
563
564
  --wds-checkbox-fill-active-hover: #0f62e6;
564
565
  --wds-checkbox-fill-disabled: rgba(0, 6, 36, .1);
565
566
  --wds-checkbox-fill-hover: #e7f0ff;
566
- --wds-checkbox-hover: #116dff;
567
567
  --wds-checkbox-icon: #ffffff;
568
568
  --wds-checkbox-icon-disabled: rgba(0, 6, 36, .3);
569
569
  --wds-circular-progress-bar-background-fill-error: #fbd0cd;
@@ -794,13 +794,15 @@
794
794
  --wds-select-area-border: 8px;
795
795
  --wds-select-area-fill: #f4f7ff;
796
796
  --wds-select-area-fill-active: #d6e6fe;
797
- --wds-select-area-fill-disabled: #ffffff;
797
+ --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
798
798
  --wds-select-area-fill-hover: #e7f0ff;
799
799
  --wds-select-area-padding-horizontal: 18px;
800
800
  --wds-select-area-padding-vertical: 12px;
801
801
  --wds-side-panel-content-padding-horizontal: 24px;
802
802
  --wds-side-panel-content-padding-vertical: 24px;
803
803
  --wds-side-panel-control-layout-divider-border-width: 1px;
804
+ --wds-side-panel-field-padding-horizontal: 24px;
805
+ --wds-side-panel-field-padding-vertical: 15px;
804
806
  --wds-side-panel-floating-border-radius: 8px;
805
807
  --wds-side-panel-floating-header-padding-left: 24px;
806
808
  --wds-side-panel-floating-header-padding-right: 9px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.3.17",
3
+ "version": "1.3.19",
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": "60c22acbbf45d460f846af69a9c7da23ebbf900dcf301dcdd3d1a70b"
36
+ "falconPackageHash": "ae25937d0b40c8183f69578d7d6e0451d255df8b597d2179c5b82779"
37
37
  }
package/studio/all.st.css CHANGED
@@ -72,20 +72,19 @@
72
72
  @property st-global(--wds-card-tab-padding-horizontal-small);
73
73
  @property st-global(--wds-card-tab-padding-vertical-medium);
74
74
  @property st-global(--wds-card-tab-padding-vertical-small);
75
- @property st-global(--wds-checkbox-active);
76
- @property st-global(--wds-checkbox-active-disabled);
77
75
  @property st-global(--wds-checkbox-border);
76
+ @property st-global(--wds-checkbox-border-active);
77
+ @property st-global(--wds-checkbox-border-active-disabled);
78
+ @property st-global(--wds-checkbox-border-active-hover);
79
+ @property st-global(--wds-checkbox-border-disabled);
80
+ @property st-global(--wds-checkbox-border-hover);
78
81
  @property st-global(--wds-checkbox-border-radius);
79
- @property st-global(--wds-checkbox-disabled);
80
- @property st-global(--wds-checkbox-dot-fill-active);
81
- @property st-global(--wds-checkbox-dot-fill-disabled);
82
82
  @property st-global(--wds-checkbox-fill);
83
83
  @property st-global(--wds-checkbox-fill-active);
84
84
  @property st-global(--wds-checkbox-fill-active-disabled);
85
85
  @property st-global(--wds-checkbox-fill-active-hover);
86
86
  @property st-global(--wds-checkbox-fill-disabled);
87
87
  @property st-global(--wds-checkbox-fill-hover);
88
- @property st-global(--wds-checkbox-hover);
89
88
  @property st-global(--wds-checkbox-icon);
90
89
  @property st-global(--wds-checkbox-icon-disabled);
91
90
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -743,6 +742,8 @@
743
742
  @property st-global(--wds-side-panel-content-padding-horizontal);
744
743
  @property st-global(--wds-side-panel-content-padding-vertical);
745
744
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
745
+ @property st-global(--wds-side-panel-field-padding-horizontal);
746
+ @property st-global(--wds-side-panel-field-padding-vertical);
746
747
  @property st-global(--wds-side-panel-floating-border-radius);
747
748
  @property st-global(--wds-side-panel-floating-header-padding-left);
748
749
  @property st-global(--wds-side-panel-floating-header-padding-right);
@@ -1020,20 +1021,19 @@
1020
1021
  --wds-card-tab-padding-horizontal-small: 20px;
1021
1022
  --wds-card-tab-padding-vertical-medium: 16px;
1022
1023
  --wds-card-tab-padding-vertical-small: 16px;
1023
- --wds-checkbox-active: #116dff;
1024
- --wds-checkbox-active-disabled: rgba(19, 23, 32, 0);
1025
1024
  --wds-checkbox-border: #868aa5;
1025
+ --wds-checkbox-border-active: #116dff;
1026
+ --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
1027
+ --wds-checkbox-border-active-hover: rgba(19, 23, 32, 0);
1028
+ --wds-checkbox-border-disabled: rgba(19, 23, 32, .1);
1029
+ --wds-checkbox-border-hover: #868aa5;
1026
1030
  --wds-checkbox-border-radius: 4px;
1027
- --wds-checkbox-disabled: rgba(19, 23, 32, .1);
1028
- --wds-checkbox-dot-fill-active: #ffffff;
1029
- --wds-checkbox-dot-fill-disabled: #ffffff;
1030
1031
  --wds-checkbox-fill: #ffffff;
1031
1032
  --wds-checkbox-fill-active: #116dff;
1032
1033
  --wds-checkbox-fill-active-disabled: #bebebe;
1033
1034
  --wds-checkbox-fill-active-hover: #0f62e6;
1034
1035
  --wds-checkbox-fill-disabled: #e5e5e5;
1035
1036
  --wds-checkbox-fill-hover: #f7f8f8;
1036
- --wds-checkbox-hover: #868aa5;
1037
1037
  --wds-checkbox-icon: #ffffff;
1038
1038
  --wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
1039
1039
  --wds-circular-progress-bar-background-fill-error: #e5e5e5;
@@ -1680,7 +1680,7 @@
1680
1680
  --wds-select-area-border: 4px;
1681
1681
  --wds-select-area-fill: #f7f8f8;
1682
1682
  --wds-select-area-fill-active: #dce9ff;
1683
- --wds-select-area-fill-disabled: #ffffff;
1683
+ --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
1684
1684
  --wds-select-area-fill-hover: #edeef2;
1685
1685
  --wds-select-area-padding-horizontal: 16px;
1686
1686
  --wds-select-area-padding-vertical: 12px;
@@ -1691,6 +1691,8 @@
1691
1691
  --wds-side-panel-content-padding-horizontal: 24px;
1692
1692
  --wds-side-panel-content-padding-vertical: 24px;
1693
1693
  --wds-side-panel-control-layout-divider-border-width: 0;
1694
+ --wds-side-panel-field-padding-horizontal: 24px;
1695
+ --wds-side-panel-field-padding-vertical: 12px;
1694
1696
  --wds-side-panel-floating-border-radius: 4px;
1695
1697
  --wds-side-panel-floating-header-padding-left: 24px;
1696
1698
  --wds-side-panel-floating-header-padding-right: 8px;
package/studio/component.st.css CHANGED
@@ -59,20 +59,19 @@
59
59
  @property st-global(--wds-card-tab-padding-horizontal-small);
60
60
  @property st-global(--wds-card-tab-padding-vertical-medium);
61
61
  @property st-global(--wds-card-tab-padding-vertical-small);
62
- @property st-global(--wds-checkbox-active);
63
- @property st-global(--wds-checkbox-active-disabled);
64
62
  @property st-global(--wds-checkbox-border);
63
+ @property st-global(--wds-checkbox-border-active);
64
+ @property st-global(--wds-checkbox-border-active-disabled);
65
+ @property st-global(--wds-checkbox-border-active-hover);
66
+ @property st-global(--wds-checkbox-border-disabled);
67
+ @property st-global(--wds-checkbox-border-hover);
65
68
  @property st-global(--wds-checkbox-border-radius);
66
- @property st-global(--wds-checkbox-disabled);
67
- @property st-global(--wds-checkbox-dot-fill-active);
68
- @property st-global(--wds-checkbox-dot-fill-disabled);
69
69
  @property st-global(--wds-checkbox-fill);
70
70
  @property st-global(--wds-checkbox-fill-active);
71
71
  @property st-global(--wds-checkbox-fill-active-disabled);
72
72
  @property st-global(--wds-checkbox-fill-active-hover);
73
73
  @property st-global(--wds-checkbox-fill-disabled);
74
74
  @property st-global(--wds-checkbox-fill-hover);
75
- @property st-global(--wds-checkbox-hover);
76
75
  @property st-global(--wds-checkbox-icon);
77
76
  @property st-global(--wds-checkbox-icon-disabled);
78
77
  @property st-global(--wds-circular-progress-bar-background-fill-error);
@@ -310,6 +309,8 @@
310
309
  @property st-global(--wds-side-panel-content-padding-horizontal);
311
310
  @property st-global(--wds-side-panel-content-padding-vertical);
312
311
  @property st-global(--wds-side-panel-control-layout-divider-border-width);
312
+ @property st-global(--wds-side-panel-field-padding-horizontal);
313
+ @property st-global(--wds-side-panel-field-padding-vertical);
313
314
  @property st-global(--wds-side-panel-floating-border-radius);
314
315
  @property st-global(--wds-side-panel-floating-header-padding-left);
315
316
  @property st-global(--wds-side-panel-floating-header-padding-right);
@@ -550,20 +551,19 @@
550
551
  --wds-card-tab-padding-horizontal-small: 20px;
551
552
  --wds-card-tab-padding-vertical-medium: 16px;
552
553
  --wds-card-tab-padding-vertical-small: 16px;
553
- --wds-checkbox-active: #116dff;
554
- --wds-checkbox-active-disabled: rgba(19, 23, 32, 0);
555
554
  --wds-checkbox-border: #868aa5;
555
+ --wds-checkbox-border-active: #116dff;
556
+ --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
557
+ --wds-checkbox-border-active-hover: rgba(19, 23, 32, 0);
558
+ --wds-checkbox-border-disabled: rgba(19, 23, 32, .1);
559
+ --wds-checkbox-border-hover: #868aa5;
556
560
  --wds-checkbox-border-radius: 4px;
557
- --wds-checkbox-disabled: rgba(19, 23, 32, .1);
558
- --wds-checkbox-dot-fill-active: #ffffff;
559
- --wds-checkbox-dot-fill-disabled: #ffffff;
560
561
  --wds-checkbox-fill: #ffffff;
561
562
  --wds-checkbox-fill-active: #116dff;
562
563
  --wds-checkbox-fill-active-disabled: #bebebe;
563
564
  --wds-checkbox-fill-active-hover: #0f62e6;
564
565
  --wds-checkbox-fill-disabled: #e5e5e5;
565
566
  --wds-checkbox-fill-hover: #f7f8f8;
566
- --wds-checkbox-hover: #868aa5;
567
567
  --wds-checkbox-icon: #ffffff;
568
568
  --wds-checkbox-icon-disabled: rgba(255, 255, 255, .7);
569
569
  --wds-circular-progress-bar-background-fill-error: #e5e5e5;
@@ -794,13 +794,15 @@
794
794
  --wds-select-area-border: 4px;
795
795
  --wds-select-area-fill: #f7f8f8;
796
796
  --wds-select-area-fill-active: #dce9ff;
797
- --wds-select-area-fill-disabled: #ffffff;
797
+ --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
798
798
  --wds-select-area-fill-hover: #edeef2;
799
799
  --wds-select-area-padding-horizontal: 16px;
800
800
  --wds-select-area-padding-vertical: 12px;
801
801
  --wds-side-panel-content-padding-horizontal: 24px;
802
802
  --wds-side-panel-content-padding-vertical: 24px;
803
803
  --wds-side-panel-control-layout-divider-border-width: 0;
804
+ --wds-side-panel-field-padding-horizontal: 24px;
805
+ --wds-side-panel-field-padding-vertical: 12px;
804
806
  --wds-side-panel-floating-border-radius: 4px;
805
807
  --wds-side-panel-floating-header-padding-left: 24px;
806
808
  --wds-side-panel-floating-header-padding-right: 8px;