@rescui/toggle 0.5.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15 → 0.5.4

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/lib/index.css +27 -22
  2. package/lib/public-api.p.css +7 -2
  3. package/lib/public-api.pcss +7 -2
  4. package/lib/toggle.p.module.css.js +10 -10
  5. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1,33 +1,38 @@
1
- ._themeLight_1skp5hq_6{
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
6
+ ._themeLight_zrnxwd_6{
2
7
  --rs-theme-dark:0;
3
8
  }
4
- ._themeDark_1skp5hq_9{
9
+ ._themeDark_zrnxwd_9{
5
10
  --rs-theme-dark:1;
6
11
  }
7
- ._sizeS_1skp5hq_13{
12
+ ._sizeS_zrnxwd_13{
8
13
  --_rs-toggle-width:20px;
9
14
  --_rs-toggle-height:12px;
10
15
  --_rs-toggle-shadow:3px;
11
16
  }
12
- ._sizeM_1skp5hq_16{
17
+ ._sizeM_zrnxwd_16{
13
18
  --_rs-toggle-width:28px;
14
19
  --_rs-toggle-height:16px;
15
20
  --_rs-toggle-shadow:3px;
16
21
  }
17
- ._sizeL_1skp5hq_19{
22
+ ._sizeL_zrnxwd_19{
18
23
  --_rs-toggle-width:32px;
19
24
  --_rs-toggle-height:18px;
20
25
  --_rs-toggle-shadow:4px;
21
26
  }
22
- ._classic_1skp5hq_23{
27
+ ._classic_zrnxwd_23{
23
28
  --_rs-toggle-hover-slider-box-shadow-color:var(--_rs-color-primary-t-fog);
24
29
  --_rs-toggle-checked-slider-background-color:var(--_rs-color-primary);
25
30
  }
26
- ._rock_1skp5hq_26{
31
+ ._rock_zrnxwd_26{
27
32
  --_rs-toggle-hover-slider-box-shadow-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
28
33
  --_rs-toggle-checked-slider-background-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
29
34
  }
30
- ._main_1skp5hq_30{
35
+ ._main_zrnxwd_30{
31
36
  --_rs-toggle-circle-border:2px;
32
37
 
33
38
  --_rs-theme-dark:var(
@@ -42,7 +47,7 @@
42
47
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
43
48
  }
44
49
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
45
- ._main_1skp5hq_30{
50
+ ._main_zrnxwd_30{
46
51
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
47
52
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
48
53
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -51,7 +56,7 @@
51
56
  }
52
57
  }
53
58
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
54
- ._main_1skp5hq_30{
59
+ ._main_zrnxwd_30{
55
60
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
56
61
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
57
62
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -59,7 +64,7 @@
59
64
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
60
65
  }
61
66
  }
62
- ._main_1skp5hq_30 {
67
+ ._main_zrnxwd_30 {
63
68
 
64
69
  position:relative;
65
70
 
@@ -71,7 +76,7 @@
71
76
 
72
77
  cursor:pointer;
73
78
  }
74
- ._main_1skp5hq_30 input{
79
+ ._main_zrnxwd_30 input{
75
80
  position:absolute;
76
81
  z-index:-1;
77
82
 
@@ -81,11 +86,11 @@
81
86
 
82
87
  pointer-events:none;
83
88
  }
84
- ._main_1skp5hq_30._disabled_1skp5hq_57{
89
+ ._main_zrnxwd_30._disabled_zrnxwd_57{
85
90
  cursor:default;
86
91
  pointer-events:none;
87
92
  }
88
- ._slider_1skp5hq_63{
93
+ ._slider_zrnxwd_63{
89
94
  position:absolute;
90
95
  top:var(--_rs-toggle-shadow);
91
96
  left:var(--_rs-toggle-shadow);
@@ -99,7 +104,7 @@
99
104
 
100
105
  transition:background-color 200ms var(--rs-transition-function, ease);
101
106
  }
102
- ._slider_1skp5hq_63:after{
107
+ ._slider_zrnxwd_63:after{
103
108
  position:absolute;
104
109
  top:0;
105
110
  left:0;
@@ -118,15 +123,15 @@
118
123
  transition:transform 200ms var(--rs-transition-function, ease), height 200ms var(--rs-transition-function, ease), width 200ms var(--rs-transition-function, ease), border-color 200ms var(--rs-transition-function, ease);
119
124
  transform:translate(0);
120
125
  }
121
- ._disabled_1skp5hq_57 ._slider_1skp5hq_63{
126
+ ._disabled_zrnxwd_57 ._slider_zrnxwd_63{
122
127
  background:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
123
128
  }
124
- ._disabled_1skp5hq_57 ._slider_1skp5hq_63:after{
129
+ ._disabled_zrnxwd_57 ._slider_zrnxwd_63:after{
125
130
  border-color:rgb(calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(209 - var(--_rs-theme-dark-coefficient, 0)*138), calc(210 - var(--_rs-theme-dark-coefficient, 0)*137));
126
131
 
127
132
  background:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
128
133
  }
129
- input:checked + ._slider_1skp5hq_63:after{
134
+ input:checked + ._slider_zrnxwd_63:after{
130
135
  width:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
131
136
  height:calc(var(--_rs-toggle-height) + var(--_rs-toggle-circle-border));
132
137
 
@@ -135,15 +140,15 @@ input:checked + ._slider_1skp5hq_63:after{
135
140
  calc(var(--_rs-toggle-circle-border)/-2)
136
141
  );
137
142
  }
138
- ._main_1skp5hq_30:not(._disabled_1skp5hq_57) input:hover + ._slider_1skp5hq_63{
143
+ ._main_zrnxwd_30:not(._disabled_zrnxwd_57) input:hover + ._slider_zrnxwd_63{
139
144
  box-shadow:var(--_rs-toggle-hover-slider-box-shadow-color) 0 0 0 var(--_rs-toggle-shadow);
140
145
  }
141
- ._main_1skp5hq_30:not(._disabled_1skp5hq_57) input:checked + ._slider_1skp5hq_63{
146
+ ._main_zrnxwd_30:not(._disabled_zrnxwd_57) input:checked + ._slider_zrnxwd_63{
142
147
  background-color:var(--_rs-toggle-checked-slider-background-color);
143
148
  }
144
- ._main_1skp5hq_30:not(._disabled_1skp5hq_57) input:checked + ._slider_1skp5hq_63:after{
149
+ ._main_zrnxwd_30:not(._disabled_zrnxwd_57) input:checked + ._slider_zrnxwd_63:after{
145
150
  border-color:var(--_rs-toggle-checked-slider-background-color);
146
151
  }
147
- ._main_1skp5hq_30:not(._disabled_1skp5hq_57) input:focus[data-focus-method='key'] + ._slider_1skp5hq_63{
152
+ ._main_zrnxwd_30:not(._disabled_zrnxwd_57) input:focus[data-focus-method='key'] + ._slider_zrnxwd_63{
148
153
  box-shadow:0 0 0 var(--_rs-toggle-shadow) var(--_rs-color-primary-t-dim);
149
154
  }
package/lib/public-api.p.css CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-toggle-size-s{
2
7
  & [data-rs-internal="toggle"]{
3
8
  --_rs-toggle-width:20px;
@@ -165,13 +170,13 @@
165
170
  }
166
171
  }
167
172
  @define-mixin rs-toggle-label-placement-left{
168
- &[class][class]{
173
+ &[class]{
169
174
  --_rs-menu-mi-flex-direction:row-reverse;
170
175
  --_rs-menu-mi-justify-content:space-between;
171
176
  }
172
177
  }
173
178
  @define-mixin rs-toggle-label-placement-right{
174
- &[class][class]{
179
+ &[class]{
175
180
  --_rs-menu-mi-flex-direction:row;
176
181
  --_rs-menu-mi-justify-content:initial;
177
182
  }
package/lib/public-api.pcss CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-toggle-size-s{
2
7
  & [data-rs-internal="toggle"]{
3
8
  --_rs-toggle-width:20px;
@@ -165,13 +170,13 @@
165
170
  }
166
171
  }
167
172
  @define-mixin rs-toggle-label-placement-left{
168
- &[class][class]{
173
+ &[class]{
169
174
  --_rs-menu-mi-flex-direction:row-reverse;
170
175
  --_rs-menu-mi-justify-content:space-between;
171
176
  }
172
177
  }
173
178
  @define-mixin rs-toggle-label-placement-right{
174
- &[class][class]{
179
+ &[class]{
175
180
  --_rs-menu-mi-flex-direction:row;
176
181
  --_rs-menu-mi-justify-content:initial;
177
182
  }
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1skp5hq_6",
3
- "themeDark": "_themeDark_1skp5hq_9",
4
- "sizeS": "_sizeS_1skp5hq_13",
5
- "sizeM": "_sizeM_1skp5hq_16",
6
- "sizeL": "_sizeL_1skp5hq_19",
7
- "classic": "_classic_1skp5hq_23",
8
- "rock": "_rock_1skp5hq_26",
9
- "main": "_main_1skp5hq_30",
10
- "disabled": "_disabled_1skp5hq_57",
11
- "slider": "_slider_1skp5hq_63"
2
+ "themeLight": "_themeLight_zrnxwd_6",
3
+ "themeDark": "_themeDark_zrnxwd_9",
4
+ "sizeS": "_sizeS_zrnxwd_13",
5
+ "sizeM": "_sizeM_zrnxwd_16",
6
+ "sizeL": "_sizeL_zrnxwd_19",
7
+ "classic": "_classic_zrnxwd_23",
8
+ "rock": "_rock_zrnxwd_26",
9
+ "main": "_main_zrnxwd_30",
10
+ "disabled": "_disabled_zrnxwd_57",
11
+ "slider": "_slider_zrnxwd_63"
12
12
  };
13
13
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/toggle",
3
- "version": "0.5.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
3
+ "version": "0.5.4",
4
4
  "description": "Toggle is a control that allows you to turn elements on and off instantly",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,18 +17,18 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/menu": "0.13.8-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
20
+ "@rescui/menu": "^0.14.1",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "@rescui/ui-contexts": "^0.6.0",
25
25
  "prop-types": "^15",
26
- "react": ">=17.0.0 <20"
26
+ "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
30
- "@rescui/scripts": "0.5.2",
31
- "@rescui/visual-regression": "0.1.4",
29
+ "@rescui/colors": "^0.3.3",
30
+ "@rescui/scripts": "^0.5.2",
31
+ "@rescui/visual-regression": "^0.1.4",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
34
34
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "f15074a13a93f4cdfe7b9ac295f0a493e4a0ca0f"
39
+ "gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
40
40
  }