@rescui/toggle 0.2.1 → 0.2.2

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 +51 -51
  2. package/lib/toggle-control.js +1 -1
  3. package/lib/toggle.js +1 -1
  4. package/lib/toggle.p.module.css.js +10 -10
  5. package/package.json +2 -2
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._main_3womld_64{
1
+ ._main_1j8lnnc_64{
2
2
  position:relative;
3
3
 
4
4
  display:-webkit-inline-box;
@@ -12,7 +12,7 @@
12
12
  cursor:pointer;
13
13
  }
14
14
 
15
- ._main_3womld_64 input{
15
+ ._main_1j8lnnc_64 input{
16
16
  position:absolute;
17
17
  z-index:-1;
18
18
 
@@ -23,11 +23,11 @@
23
23
  pointer-events:none;
24
24
  }
25
25
 
26
- ._main_3womld_64._disabled_3womld_42{
26
+ ._main_1j8lnnc_64._disabled_1j8lnnc_42{
27
27
  cursor:default;
28
28
  pointer-events:none;
29
29
  }
30
- ._slider_3womld_19{
30
+ ._slider_1j8lnnc_19{
31
31
  position:absolute;
32
32
 
33
33
  border-radius:34px;
@@ -36,7 +36,7 @@
36
36
 
37
37
  transition:background-color 200ms;
38
38
  }
39
- ._slider_3womld_19:after{
39
+ ._slider_1j8lnnc_19:after{
40
40
  position:absolute;
41
41
  top:0;
42
42
  left:0;
@@ -63,27 +63,27 @@
63
63
  -webkit-transform:translate(0);
64
64
  transform:translate(0);
65
65
  }
66
- ._themeLight_3womld_42 ._slider_3womld_19{
66
+ ._themeLight_1j8lnnc_42 ._slider_1j8lnnc_19{
67
67
  background-color:#8C8C8E;
68
68
  background-color:var(--rs-color-grey-50, #8C8C8E);
69
69
  }
70
- ._themeLight_3womld_42 ._slider_3womld_19:after{
70
+ ._themeLight_1j8lnnc_42 ._slider_1j8lnnc_19:after{
71
71
  background-color:#FFFFFF;
72
72
  background-color:var(--rs-color-white, #FFFFFF);
73
73
  }
74
- ._themeDark_3womld_45 ._slider_3womld_19{
74
+ ._themeDark_1j8lnnc_45 ._slider_1j8lnnc_19{
75
75
  background-color:#8C8C8E;
76
76
  background-color:var(--rs-color-grey-50, #8C8C8E);
77
77
  }
78
- ._themeDark_3womld_45 ._slider_3womld_19:after{
78
+ ._themeDark_1j8lnnc_45 ._slider_1j8lnnc_19:after{
79
79
  background-color:#19191C;
80
80
  background-color:var(--rs-color-black, #19191C);
81
81
  }
82
- ._themeLight_3womld_42._disabled_3womld_42 ._slider_3womld_19{
82
+ ._themeLight_1j8lnnc_42._disabled_1j8lnnc_42 ._slider_1j8lnnc_19{
83
83
  background:#D1D1D2;
84
84
  background:var(--rs-color-grey-20, #D1D1D2);
85
85
  }
86
- ._themeLight_3womld_42._disabled_3womld_42 ._slider_3womld_19:after{
86
+ ._themeLight_1j8lnnc_42._disabled_1j8lnnc_42 ._slider_1j8lnnc_19:after{
87
87
  border-color:#D1D1D2;
88
88
  border-color:var(--rs-color-grey-20, #D1D1D2);
89
89
 
@@ -91,11 +91,11 @@
91
91
 
92
92
  background:var(--rs-color-grey-10, #E8E8E8);
93
93
  }
94
- ._themeDark_3womld_45._disabled_3womld_42 ._slider_3womld_19{
94
+ ._themeDark_1j8lnnc_45._disabled_1j8lnnc_42 ._slider_1j8lnnc_19{
95
95
  background:#474749;
96
96
  background:var(--rs-color-grey-80, #474749);
97
97
  }
98
- ._themeDark_3womld_45._disabled_3womld_42 ._slider_3womld_19:after{
98
+ ._themeDark_1j8lnnc_45._disabled_1j8lnnc_42 ._slider_1j8lnnc_19:after{
99
99
  border-color:#474749;
100
100
  border-color:var(--rs-color-grey-80, #474749);
101
101
 
@@ -103,54 +103,54 @@
103
103
 
104
104
  background:var(--rs-color-grey-90, #303033);
105
105
  }
106
- ._themeLight_3womld_42._classic_3womld_42:not(._disabled_3womld_42) input:checked + ._slider_3womld_19{
106
+ ._themeLight_1j8lnnc_42._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19{
107
107
  background-color:#6B57FF;
108
108
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
109
109
  }
110
- ._themeLight_3womld_42._classic_3womld_42:not(._disabled_3womld_42) input:checked + ._slider_3womld_19:after{
110
+ ._themeLight_1j8lnnc_42._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19:after{
111
111
  border-color:#6B57FF;
112
112
  border-color:var(--rs-color-primary-light-theme, #6B57FF);
113
113
  }
114
- ._themeDark_3womld_45._classic_3womld_42:not(._disabled_3womld_42) input:checked + ._slider_3womld_19{
114
+ ._themeDark_1j8lnnc_45._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19{
115
115
  background-color:#8473FF;
116
116
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
117
117
  }
118
- ._themeDark_3womld_45._classic_3womld_42:not(._disabled_3womld_42) input:checked + ._slider_3womld_19:after{
118
+ ._themeDark_1j8lnnc_45._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19:after{
119
119
  border-color:#8473FF;
120
120
  border-color:var(--rs-color-primary-dark-theme, #8473FF);
121
121
  }
122
- ._themeLight_3womld_42._rock_3womld_49:not(._disabled_3womld_42) input:checked + ._slider_3womld_19{
122
+ ._themeLight_1j8lnnc_42._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19{
123
123
  background-color:#19191C;
124
124
  background-color:var(--rs-color-black, #19191C);
125
125
  }
126
- ._themeLight_3womld_42._rock_3womld_49:not(._disabled_3womld_42) input:checked + ._slider_3womld_19:after{
126
+ ._themeLight_1j8lnnc_42._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19:after{
127
127
  border-color:#19191C;
128
128
  border-color:var(--rs-color-black, #19191C);
129
129
  }
130
- ._themeDark_3womld_45._rock_3womld_49:not(._disabled_3womld_42) input:checked + ._slider_3womld_19{
130
+ ._themeDark_1j8lnnc_45._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19{
131
131
  background-color:#FFFFFF;
132
132
  background-color:var(--rs-color-white, #FFFFFF);
133
133
  }
134
- ._themeDark_3womld_45._rock_3womld_49:not(._disabled_3womld_42) input:checked + ._slider_3womld_19:after{
134
+ ._themeDark_1j8lnnc_45._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:checked + ._slider_1j8lnnc_19:after{
135
135
  border-color:#FFFFFF;
136
136
  border-color:var(--rs-color-white, #FFFFFF);
137
137
  }
138
- ._sizeS_3womld_175{
138
+ ._sizeS_1j8lnnc_175{
139
139
  width:26px;
140
140
  height:18px;
141
141
  }
142
- ._sizeS_3womld_175 ._slider_3womld_19{
142
+ ._sizeS_1j8lnnc_175 ._slider_1j8lnnc_19{
143
143
  top:3px;
144
144
  left:3px;
145
145
 
146
146
  width:20px;
147
147
  height:12px;
148
148
  }
149
- ._sizeS_3womld_175 ._slider_3womld_19:after{
149
+ ._sizeS_1j8lnnc_175 ._slider_1j8lnnc_19:after{
150
150
  width:12px;
151
151
  height:12px;
152
152
  }
153
- ._sizeS_3womld_175 input:checked + ._slider_3womld_19:after{
153
+ ._sizeS_1j8lnnc_175 input:checked + ._slider_1j8lnnc_19:after{
154
154
  width:14px;
155
155
  height:14px;
156
156
 
@@ -164,58 +164,58 @@
164
164
  -1px
165
165
  );
166
166
  }
167
- ._sizeS_3womld_175._themeLight_3womld_42._classic_3womld_42:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
167
+ ._sizeS_1j8lnnc_175._themeLight_1j8lnnc_42._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
168
168
  -webkit-box-shadow:rgba(107, 87, 255,0.2) 0 0 0 3px;
169
169
  -webkit-box-shadow:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) 0 0 0 3px;
170
170
  box-shadow:rgba(107, 87, 255,0.2) 0 0 0 3px;
171
171
  box-shadow:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) 0 0 0 3px;
172
172
  }
173
- ._sizeS_3womld_175._themeDark_3womld_45._classic_3womld_42:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
173
+ ._sizeS_1j8lnnc_175._themeDark_1j8lnnc_45._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
174
174
  -webkit-box-shadow:rgba(132, 115, 255,0.3) 0 0 0 3px;
175
175
  -webkit-box-shadow:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) 0 0 0 3px;
176
176
  box-shadow:rgba(132, 115, 255,0.3) 0 0 0 3px;
177
177
  box-shadow:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) 0 0 0 3px;
178
178
  }
179
- ._sizeS_3womld_175._themeLight_3womld_42._rock_3womld_49:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
179
+ ._sizeS_1j8lnnc_175._themeLight_1j8lnnc_42._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
180
180
  -webkit-box-shadow:rgba(25,25,28,0.2) 0 0 0 3px;
181
181
  -webkit-box-shadow:var(--rs-color-black-t20, rgba(25,25,28,0.2)) 0 0 0 3px;
182
182
  box-shadow:rgba(25,25,28,0.2) 0 0 0 3px;
183
183
  box-shadow:var(--rs-color-black-t20, rgba(25,25,28,0.2)) 0 0 0 3px;
184
184
  }
185
- ._sizeS_3womld_175._themeDark_3womld_45._rock_3womld_49:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
185
+ ._sizeS_1j8lnnc_175._themeDark_1j8lnnc_45._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
186
186
  -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 0 3px;
187
187
  -webkit-box-shadow:var(--rs-color-white-t20, rgba(255,255,255,0.2)) 0 0 0 3px;
188
188
  box-shadow:rgba(255,255,255,0.2) 0 0 0 3px;
189
189
  box-shadow:var(--rs-color-white-t20, rgba(255,255,255,0.2)) 0 0 0 3px;
190
190
  }
191
- ._sizeS_3womld_175._themeLight_3womld_42:not(._disabled_3womld_42) input:focus[data-focus-method='key'] + ._slider_3womld_19{
191
+ ._sizeS_1j8lnnc_175._themeLight_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:focus[data-focus-method='key'] + ._slider_1j8lnnc_19{
192
192
  -webkit-box-shadow:0 0 0 3px rgba(107, 87, 255, 0.8);
193
193
  -webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
194
194
  box-shadow:0 0 0 3px rgba(107, 87, 255, 0.8);
195
195
  box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
196
196
  }
197
- ._sizeS_3womld_175._themeDark_3womld_45:not(._disabled_3womld_42) input:focus[data-focus-method='key'] + ._slider_3womld_19{
197
+ ._sizeS_1j8lnnc_175._themeDark_1j8lnnc_45:not(._disabled_1j8lnnc_42) input:focus[data-focus-method='key'] + ._slider_1j8lnnc_19{
198
198
  -webkit-box-shadow:0 0 0 3px rgba(132, 115, 255,0.8);
199
199
  -webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
200
200
  box-shadow:0 0 0 3px rgba(132, 115, 255,0.8);
201
201
  box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
202
202
  }
203
- ._sizeM_3womld_180{
203
+ ._sizeM_1j8lnnc_180{
204
204
  width:34px;
205
205
  height:22px;
206
206
  }
207
- ._sizeM_3womld_180 ._slider_3womld_19{
207
+ ._sizeM_1j8lnnc_180 ._slider_1j8lnnc_19{
208
208
  top:3px;
209
209
  left:3px;
210
210
 
211
211
  width:28px;
212
212
  height:16px;
213
213
  }
214
- ._sizeM_3womld_180 ._slider_3womld_19:after{
214
+ ._sizeM_1j8lnnc_180 ._slider_1j8lnnc_19:after{
215
215
  width:16px;
216
216
  height:16px;
217
217
  }
218
- ._sizeM_3womld_180 input:checked + ._slider_3womld_19:after{
218
+ ._sizeM_1j8lnnc_180 input:checked + ._slider_1j8lnnc_19:after{
219
219
  width:18px;
220
220
  height:18px;
221
221
 
@@ -229,58 +229,58 @@
229
229
  -1px
230
230
  );
231
231
  }
232
- ._sizeM_3womld_180._themeLight_3womld_42._classic_3womld_42:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
232
+ ._sizeM_1j8lnnc_180._themeLight_1j8lnnc_42._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
233
233
  -webkit-box-shadow:rgba(107, 87, 255,0.2) 0 0 0 3px;
234
234
  -webkit-box-shadow:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) 0 0 0 3px;
235
235
  box-shadow:rgba(107, 87, 255,0.2) 0 0 0 3px;
236
236
  box-shadow:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) 0 0 0 3px;
237
237
  }
238
- ._sizeM_3womld_180._themeDark_3womld_45._classic_3womld_42:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
238
+ ._sizeM_1j8lnnc_180._themeDark_1j8lnnc_45._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
239
239
  -webkit-box-shadow:rgba(132, 115, 255,0.3) 0 0 0 3px;
240
240
  -webkit-box-shadow:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) 0 0 0 3px;
241
241
  box-shadow:rgba(132, 115, 255,0.3) 0 0 0 3px;
242
242
  box-shadow:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) 0 0 0 3px;
243
243
  }
244
- ._sizeM_3womld_180._themeLight_3womld_42._rock_3womld_49:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
244
+ ._sizeM_1j8lnnc_180._themeLight_1j8lnnc_42._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
245
245
  -webkit-box-shadow:rgba(25,25,28,0.2) 0 0 0 3px;
246
246
  -webkit-box-shadow:var(--rs-color-black-t20, rgba(25,25,28,0.2)) 0 0 0 3px;
247
247
  box-shadow:rgba(25,25,28,0.2) 0 0 0 3px;
248
248
  box-shadow:var(--rs-color-black-t20, rgba(25,25,28,0.2)) 0 0 0 3px;
249
249
  }
250
- ._sizeM_3womld_180._themeDark_3womld_45._rock_3womld_49:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
250
+ ._sizeM_1j8lnnc_180._themeDark_1j8lnnc_45._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
251
251
  -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 0 3px;
252
252
  -webkit-box-shadow:var(--rs-color-white-t20, rgba(255,255,255,0.2)) 0 0 0 3px;
253
253
  box-shadow:rgba(255,255,255,0.2) 0 0 0 3px;
254
254
  box-shadow:var(--rs-color-white-t20, rgba(255,255,255,0.2)) 0 0 0 3px;
255
255
  }
256
- ._sizeM_3womld_180._themeLight_3womld_42:not(._disabled_3womld_42) input:focus[data-focus-method='key'] + ._slider_3womld_19{
256
+ ._sizeM_1j8lnnc_180._themeLight_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:focus[data-focus-method='key'] + ._slider_1j8lnnc_19{
257
257
  -webkit-box-shadow:0 0 0 3px rgba(107, 87, 255, 0.8);
258
258
  -webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
259
259
  box-shadow:0 0 0 3px rgba(107, 87, 255, 0.8);
260
260
  box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
261
261
  }
262
- ._sizeM_3womld_180._themeDark_3womld_45:not(._disabled_3womld_42) input:focus[data-focus-method='key'] + ._slider_3womld_19{
262
+ ._sizeM_1j8lnnc_180._themeDark_1j8lnnc_45:not(._disabled_1j8lnnc_42) input:focus[data-focus-method='key'] + ._slider_1j8lnnc_19{
263
263
  -webkit-box-shadow:0 0 0 3px rgba(132, 115, 255,0.8);
264
264
  -webkit-box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
265
265
  box-shadow:0 0 0 3px rgba(132, 115, 255,0.8);
266
266
  box-shadow:0 0 0 3px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
267
267
  }
268
- ._sizeL_3womld_185{
268
+ ._sizeL_1j8lnnc_185{
269
269
  width:40px;
270
270
  height:26px;
271
271
  }
272
- ._sizeL_3womld_185 ._slider_3womld_19{
272
+ ._sizeL_1j8lnnc_185 ._slider_1j8lnnc_19{
273
273
  top:4px;
274
274
  left:4px;
275
275
 
276
276
  width:32px;
277
277
  height:18px;
278
278
  }
279
- ._sizeL_3womld_185 ._slider_3womld_19:after{
279
+ ._sizeL_1j8lnnc_185 ._slider_1j8lnnc_19:after{
280
280
  width:18px;
281
281
  height:18px;
282
282
  }
283
- ._sizeL_3womld_185 input:checked + ._slider_3womld_19:after{
283
+ ._sizeL_1j8lnnc_185 input:checked + ._slider_1j8lnnc_19:after{
284
284
  width:20px;
285
285
  height:20px;
286
286
 
@@ -294,37 +294,37 @@
294
294
  -1px
295
295
  );
296
296
  }
297
- ._sizeL_3womld_185._themeLight_3womld_42._classic_3womld_42:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
297
+ ._sizeL_1j8lnnc_185._themeLight_1j8lnnc_42._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
298
298
  -webkit-box-shadow:rgba(107, 87, 255,0.2) 0 0 0 4px;
299
299
  -webkit-box-shadow:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) 0 0 0 4px;
300
300
  box-shadow:rgba(107, 87, 255,0.2) 0 0 0 4px;
301
301
  box-shadow:var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) 0 0 0 4px;
302
302
  }
303
- ._sizeL_3womld_185._themeDark_3womld_45._classic_3womld_42:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
303
+ ._sizeL_1j8lnnc_185._themeDark_1j8lnnc_45._classic_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
304
304
  -webkit-box-shadow:rgba(132, 115, 255,0.3) 0 0 0 4px;
305
305
  -webkit-box-shadow:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) 0 0 0 4px;
306
306
  box-shadow:rgba(132, 115, 255,0.3) 0 0 0 4px;
307
307
  box-shadow:var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) 0 0 0 4px;
308
308
  }
309
- ._sizeL_3womld_185._themeLight_3womld_42._rock_3womld_49:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
309
+ ._sizeL_1j8lnnc_185._themeLight_1j8lnnc_42._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
310
310
  -webkit-box-shadow:rgba(25,25,28,0.2) 0 0 0 4px;
311
311
  -webkit-box-shadow:var(--rs-color-black-t20, rgba(25,25,28,0.2)) 0 0 0 4px;
312
312
  box-shadow:rgba(25,25,28,0.2) 0 0 0 4px;
313
313
  box-shadow:var(--rs-color-black-t20, rgba(25,25,28,0.2)) 0 0 0 4px;
314
314
  }
315
- ._sizeL_3womld_185._themeDark_3womld_45._rock_3womld_49:not(._disabled_3womld_42) input:hover + ._slider_3womld_19{
315
+ ._sizeL_1j8lnnc_185._themeDark_1j8lnnc_45._rock_1j8lnnc_49:not(._disabled_1j8lnnc_42) input:hover + ._slider_1j8lnnc_19{
316
316
  -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 0 4px;
317
317
  -webkit-box-shadow:var(--rs-color-white-t20, rgba(255,255,255,0.2)) 0 0 0 4px;
318
318
  box-shadow:rgba(255,255,255,0.2) 0 0 0 4px;
319
319
  box-shadow:var(--rs-color-white-t20, rgba(255,255,255,0.2)) 0 0 0 4px;
320
320
  }
321
- ._sizeL_3womld_185._themeLight_3womld_42:not(._disabled_3womld_42) input:focus[data-focus-method='key'] + ._slider_3womld_19{
321
+ ._sizeL_1j8lnnc_185._themeLight_1j8lnnc_42:not(._disabled_1j8lnnc_42) input:focus[data-focus-method='key'] + ._slider_1j8lnnc_19{
322
322
  -webkit-box-shadow:0 0 0 4px rgba(107, 87, 255, 0.8);
323
323
  -webkit-box-shadow:0 0 0 4px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
324
324
  box-shadow:0 0 0 4px rgba(107, 87, 255, 0.8);
325
325
  box-shadow:0 0 0 4px var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
326
326
  }
327
- ._sizeL_3womld_185._themeDark_3womld_45:not(._disabled_3womld_42) input:focus[data-focus-method='key'] + ._slider_3womld_19{
327
+ ._sizeL_1j8lnnc_185._themeDark_1j8lnnc_45:not(._disabled_1j8lnnc_42) input:focus[data-focus-method='key'] + ._slider_1j8lnnc_19{
328
328
  -webkit-box-shadow:0 0 0 4px rgba(132, 115, 255,0.8);
329
329
  -webkit-box-shadow:0 0 0 4px var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
330
330
  box-shadow:0 0 0 4px rgba(132, 115, 255,0.8);
package/lib/toggle-control.js CHANGED
@@ -74,7 +74,7 @@ ToggleControl.propTypes = {
74
74
  disabled: PropTypes.bool,
75
75
  name: PropTypes.string,
76
76
  onChange: PropTypes.func,
77
- size: PropTypes.oneOf(['xs', 's', 'm']),
77
+ size: PropTypes.oneOf(['s', 'm', 'l']),
78
78
  mode: PropTypes.oneOf(['classic', 'rock']),
79
79
  theme: PropTypes.oneOf(['dark', 'light']),
80
80
  value: PropTypes.string,
package/lib/toggle.js CHANGED
@@ -70,7 +70,7 @@ Toggle.propTypes = {
70
70
  defaultChecked: PropTypes.bool,
71
71
  name: PropTypes.string,
72
72
  onChange: PropTypes.func,
73
- size: PropTypes.oneOf(['xs', 's', 'm']),
73
+ size: PropTypes.oneOf(['s', 'm', 'l']),
74
74
  mode: PropTypes.oneOf(['classic', 'rock']),
75
75
  disabled: PropTypes.bool,
76
76
  theme: PropTypes.oneOf(['dark', 'light']),
package/lib/toggle.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "main": "_main_3womld_64",
3
- "disabled": "_disabled_3womld_42",
4
- "slider": "_slider_3womld_19",
5
- "themeLight": "_themeLight_3womld_42",
6
- "themeDark": "_themeDark_3womld_45",
7
- "classic": "_classic_3womld_42",
8
- "rock": "_rock_3womld_49",
9
- "sizeS": "_sizeS_3womld_175",
10
- "sizeM": "_sizeM_3womld_180",
11
- "sizeL": "_sizeL_3womld_185"
2
+ "main": "_main_1j8lnnc_64",
3
+ "disabled": "_disabled_1j8lnnc_42",
4
+ "slider": "_slider_1j8lnnc_19",
5
+ "themeLight": "_themeLight_1j8lnnc_42",
6
+ "themeDark": "_themeDark_1j8lnnc_45",
7
+ "classic": "_classic_1j8lnnc_42",
8
+ "rock": "_rock_1j8lnnc_49",
9
+ "sizeS": "_sizeS_1j8lnnc_175",
10
+ "sizeM": "_sizeM_1j8lnnc_180",
11
+ "sizeL": "_sizeL_1j8lnnc_185"
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.2.1",
3
+ "version": "0.2.2",
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",
@@ -33,5 +33,5 @@
33
33
  "scripts": {
34
34
  "build": "rescui-scripts build"
35
35
  },
36
- "gitHead": "5b8028f2a39036c58de3bfcba424df687b540f55"
36
+ "gitHead": "f9a50bea25883da3678d6c02497d2587214c290c"
37
37
  }