@rescui/switcher 0.10.3 → 0.10.5-RUI-226-Update-card-cn-6e43cc89.60

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 (10) hide show
  1. package/lib/index.css +170 -184
  2. package/lib/index.js +1 -1
  3. package/lib/public-api.p.css +28 -16
  4. package/lib/public-api.pcss +28 -16
  5. package/lib/switcher.d.ts +3 -1
  6. package/lib/switcher.js +82 -79
  7. package/lib/switcher.p.module.css.js +18 -17
  8. package/lib/vertical-switcher.js +125 -146
  9. package/lib/vertical-switcher.p.module.css.js +19 -18
  10. package/package.json +10 -10
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_1i5u8r0_6{
1
+ ._themeLight_1ehnp4f_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1i5u8r0_9{
4
+ ._themeDark_1ehnp4f_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_1i5u8r0_13{
7
+ ._sizeXS_1ehnp4f_13{
8
8
  --_rs-switcher-border-radius:4px;
9
9
  --_rs-switcher-compact-border-radius:var(--_rs-switcher-border-radius);
10
10
  --_rs-switcher-option-padding:2px 12px;
@@ -14,8 +14,8 @@
14
14
  --_rs-switcher-compact-icon-offset:var(--_rs-switcher-icon-offset);
15
15
  --_rs-switcher-icon-margin-vertical:2px;
16
16
  }
17
- ._sizeXS_1i5u8r0_13 [data-rs-internal='switcher__option']{
18
- --_rs-typography-letter-spacing:0.0045em;
17
+ ._sizeXS_1ehnp4f_13 [data-rs-internal='switcher__option']{
18
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
19
19
  --_rs-typography-text-transform:initial;
20
20
  --_rs-typography-font-variant-numeric:initial;
21
21
  --_rs-typography-font-family:var(
@@ -48,7 +48,7 @@
48
48
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
49
49
  --_rs-typography-link-border-bottom-width-from-text:1px;
50
50
  }
51
- ._sizeS_1i5u8r0_16{
51
+ ._sizeS_1ehnp4f_16{
52
52
  --_rs-switcher-border-radius:16px;
53
53
  --_rs-switcher-compact-border-radius:4px;
54
54
  --_rs-switcher-option-padding:6px 16px;
@@ -58,8 +58,8 @@
58
58
  --_rs-switcher-compact-icon-offset:4px;
59
59
  --_rs-switcher-icon-margin-vertical:0px;
60
60
  }
61
- ._sizeS_1i5u8r0_16 [data-rs-internal='switcher__option']{
62
- --_rs-typography-letter-spacing:0.0045em;
61
+ ._sizeS_1ehnp4f_16 [data-rs-internal='switcher__option']{
62
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
63
63
  --_rs-typography-text-transform:initial;
64
64
  --_rs-typography-font-variant-numeric:initial;
65
65
  --_rs-typography-font-family:var(
@@ -92,7 +92,7 @@
92
92
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
93
93
  --_rs-typography-link-border-bottom-width-from-text:1px;
94
94
  }
95
- ._sizeM_1i5u8r0_19{
95
+ ._sizeM_1ehnp4f_19{
96
96
  --_rs-switcher-border-radius:20px;
97
97
  --_rs-switcher-compact-border-radius:8px;
98
98
  --_rs-switcher-option-padding:8px 24px;
@@ -102,8 +102,8 @@
102
102
  --_rs-switcher-compact-icon-offset:8px;
103
103
  --_rs-switcher-icon-margin-vertical:0px;
104
104
  }
105
- ._sizeM_1i5u8r0_19 [data-rs-internal='switcher__option']{
106
- --_rs-typography-letter-spacing:0.0015em;
105
+ ._sizeM_1ehnp4f_19 [data-rs-internal='switcher__option']{
106
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
107
107
  --_rs-typography-text-transform:initial;
108
108
  --_rs-typography-font-variant-numeric:initial;
109
109
  --_rs-typography-font-family:var(
@@ -131,17 +131,20 @@
131
131
  --_rs-typography-text-auto-offset:16px;
132
132
  --_rs-typography-ul-list-li-padding-left:22px;
133
133
  --_rs-typography-ol-list-li-padding-left:26px;
134
- --_rs-typography-list-li-margin-top-from-text:16px;
134
+ --_rs-typography-list-li-margin-top-from-text:var(
135
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
136
+ 16px
137
+ );
135
138
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
136
139
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
137
140
  --_rs-typography-link-border-bottom-width-from-text:1px;
138
141
  }
139
142
  @media screen and (max-width: 640px){
140
- ._sizeM_1i5u8r0_19 [data-rs-internal='switcher__option']{
141
- --_rs-typography-list-li-margin-top-from-text:12px;
143
+ ._sizeM_1ehnp4f_19 [data-rs-internal='switcher__option']{
144
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
142
145
  }
143
146
  }
144
- ._sizeL_1i5u8r0_22{
147
+ ._sizeL_1ehnp4f_22{
145
148
  --_rs-switcher-border-radius:26px;
146
149
  --_rs-switcher-compact-border-radius:12px;
147
150
  --_rs-switcher-option-padding:12px 32px;
@@ -151,8 +154,8 @@
151
154
  --_rs-switcher-compact-icon-offset:12px;
152
155
  --_rs-switcher-icon-margin-vertical:0px;
153
156
  }
154
- ._sizeL_1i5u8r0_22 [data-rs-internal='switcher__option']{
155
- --_rs-typography-letter-spacing:normal;
157
+ ._sizeL_1ehnp4f_22 [data-rs-internal='switcher__option']{
158
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
156
159
  --_rs-typography-text-transform:initial;
157
160
  --_rs-typography-font-variant-numeric:initial;
158
161
  --_rs-typography-font-family:var(
@@ -180,28 +183,31 @@
180
183
  --_rs-typography-text-auto-offset:32px;
181
184
  --_rs-typography-ul-list-li-padding-left:26px;
182
185
  --_rs-typography-ol-list-li-padding-left:32px;
183
- --_rs-typography-list-li-margin-top-from-text:24px;
186
+ --_rs-typography-list-li-margin-top-from-text:var(
187
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
188
+ 24px
189
+ );
184
190
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
185
191
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
186
192
  --_rs-typography-link-border-bottom-width-from-text:1px;
187
193
  }
188
194
  @media screen and (max-width: 640px){
189
- ._sizeL_1i5u8r0_22 [data-rs-internal='switcher__option']{
190
- --_rs-typography-list-li-margin-top-from-text:16px;
195
+ ._sizeL_1ehnp4f_22 [data-rs-internal='switcher__option']{
196
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
191
197
  }
192
198
  }
193
- ._modeClassic_1i5u8r0_26{
199
+ ._modeClassic_1ehnp4f_26{
194
200
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
195
201
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
196
202
  }
197
- ._modeRock_1i5u8r0_29{
203
+ ._modeRock_1ehnp4f_29{
198
204
  --_rs-switcher-option-hover-background:rgba(
199
205
  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),
200
206
  0.1
201
207
  );
202
208
  --_rs-switcher-mark-border-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));
203
209
  }
204
- ._compact_1i5u8r0_33{
210
+ ._compact_1ehnp4f_33{
205
211
  --_rs-switcher-border-radius-from-compact:var(
206
212
  --_rs-switcher-compact-border-radius
207
213
  );
@@ -212,7 +218,7 @@
212
218
  --_rs-switcher-compact-icon-offset
213
219
  );
214
220
  }
215
- ._switcher_1i5u8r0_37{
221
+ ._switcher_1ehnp4f_37{
216
222
  --_rs-theme-dark:var(
217
223
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
218
224
  var(--rs-theme-dark, 0)
@@ -222,7 +228,7 @@
222
228
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
223
229
  }
224
230
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
225
- ._switcher_1i5u8r0_37{
231
+ ._switcher_1ehnp4f_37{
226
232
  --_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)));
227
233
  --_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)));
228
234
  --_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)));
@@ -231,7 +237,7 @@
231
237
  }
232
238
  }
233
239
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
234
- ._switcher_1i5u8r0_37{
240
+ ._switcher_1ehnp4f_37{
235
241
  --_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);
236
242
  --_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));
237
243
  --_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));
@@ -239,19 +245,13 @@
239
245
  --_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));
240
246
  }
241
247
  }
242
- ._switcher_1i5u8r0_37 {
248
+ ._switcher_1ehnp4f_37 {
243
249
 
244
250
  position:relative;
245
251
 
246
- display:-webkit-inline-box;
247
-
248
- display:-ms-inline-flexbox;
249
-
250
252
  display:inline-flex;
251
253
 
252
- -webkit-box-sizing:border-box;
253
-
254
- box-sizing:border-box;
254
+ box-sizing:border-box;
255
255
 
256
256
  border-radius:var(
257
257
  --_rs-switcher-border-radius-from-compact,
@@ -259,20 +259,18 @@
259
259
  );
260
260
 
261
261
  background:transparent;
262
- -webkit-box-shadow:inset 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.3) 0 0 0 1px;
263
- box-shadow:inset 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.3) 0 0 0 1px;
262
+ box-shadow:inset 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.3) 0 0 0 1px;
264
263
  }
265
- ._switcher_1i5u8r0_37._disabled_1i5u8r0_55{
266
- -webkit-box-shadow:inset 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) 0 0 0 1px;
267
- box-shadow:inset 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) 0 0 0 1px;
264
+ ._switcher_1ehnp4f_37._disabled_1ehnp4f_55{
265
+ box-shadow:inset 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) 0 0 0 1px;
268
266
  }
269
- ._alignIconLeft_1i5u8r0_60{
267
+ ._alignIconLeft_1ehnp4f_60{
270
268
  --_rs-switcher-option-flex-direction:row;
271
269
  }
272
- ._alignIconRight_1i5u8r0_63{
270
+ ._alignIconRight_1ehnp4f_63{
273
271
  --_rs-switcher-option-flex-direction:row-reverse;
274
272
  }
275
- ._option_1i5u8r0_67{
273
+ ._option_1ehnp4f_67{
276
274
  letter-spacing:var(
277
275
  --rs-text-base-letter-spacing,
278
276
  var(--_rs-typography-letter-spacing)
@@ -283,7 +281,6 @@
283
281
  font-weight:var(--_rs-typography-font-weight);
284
282
  line-height:var(--_rs-typography-line-height);
285
283
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
286
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
287
284
  font-feature-settings:'kern', 'liga', 'calt';
288
285
  color:var(
289
286
  --rs-color-hard,
@@ -293,32 +290,17 @@
293
290
  position:relative;
294
291
  z-index:1;
295
292
 
296
- display:-webkit-inline-box;
297
-
298
- display:-ms-inline-flexbox;
299
-
300
293
  display:inline-flex;
301
- -webkit-box-flex:1;
302
- -ms-flex:1 1 auto;
303
- flex:1 1 auto;
304
- -webkit-box-orient:vertical;
305
- -webkit-box-direction:normal;
306
- -ms-flex-direction:var(--_rs-switcher-option-flex-direction);
307
- flex-direction:var(--_rs-switcher-option-flex-direction);
308
- -webkit-box-pack:center;
309
- -ms-flex-pack:center;
310
- justify-content:center;
311
- -webkit-box-align:start;
312
- -ms-flex-align:start;
313
- align-items:flex-start;
294
+ flex:1 1 auto;
295
+ flex-direction:var(--_rs-switcher-option-flex-direction);
296
+ justify-content:center;
297
+ align-items:flex-start;
314
298
  gap:var(
315
299
  --_rs-switcher-icon-offset-from-compact,
316
300
  var(--_rs-switcher-icon-offset)
317
301
  );
318
302
 
319
- -webkit-box-sizing:border-box;
320
-
321
- box-sizing:border-box;
303
+ box-sizing:border-box;
322
304
  margin:0;
323
305
  padding:var(
324
306
  --_rs-switcher-option-padding-from-compact,
@@ -339,28 +321,46 @@
339
321
  -moz-appearance:none;
340
322
  appearance:none;
341
323
  }
342
- ._disabled_1i5u8r0_55 ._option_1i5u8r0_67{
324
+ ._disabled_1ehnp4f_55 ._option_1ehnp4f_67{
343
325
  cursor:not-allowed;
344
326
  pointer-events:none;
345
327
  }
346
- ._option_1i5u8r0_67:focus[data-focus-method='key']{
347
- -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
348
- box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
328
+ ._option_1ehnp4f_67:focus[data-focus-method='key']{
329
+ box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
349
330
  }
350
331
  @media (hover: hover){
351
- ._option_1i5u8r0_67:hover{
332
+ ._option_1ehnp4f_67:hover{
352
333
  background:var(--_rs-switcher-option-hover-background);
353
334
  }
354
335
  }
355
- ._option_1i5u8r0_67._selected_1i5u8r0_118:active{
336
+ ._option_1ehnp4f_67._selected_1ehnp4f_118:active{
356
337
  background:transparent;
357
338
  }
358
- ._option_1i5u8r0_67._selected_1i5u8r0_118:hover,
359
- ._option_1i5u8r0_67._selected_1i5u8r0_118:active{
339
+ ._option_1ehnp4f_67._selected_1ehnp4f_118:hover,
340
+ ._option_1ehnp4f_67._selected_1ehnp4f_118:active{
360
341
  cursor:default;
361
342
  }
362
- ._disabled_1i5u8r0_55 ._option_1i5u8r0_67,
363
- ._disabled_1i5u8r0_55 ._option_1i5u8r0_67._selected_1i5u8r0_118{
343
+ ._hiddenMark_1ehnp4f_127 ._option_1ehnp4f_67._selected_1ehnp4f_118::before{
344
+ position:absolute;
345
+ top:0;
346
+ right:0;
347
+ bottom:0;
348
+ left:0;
349
+
350
+ display:inline-block;
351
+
352
+ box-sizing:border-box;
353
+
354
+ border:solid 2px var(--_rs-switcher-mark-border-color);
355
+ border-radius:inherit;
356
+
357
+ content:'';
358
+ }
359
+ ._hiddenMark_1ehnp4f_127._disabled_1ehnp4f_55 ._option_1ehnp4f_67._selected_1ehnp4f_118::before{
360
+ border-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);
361
+ }
362
+ ._disabled_1ehnp4f_55 ._option_1ehnp4f_67,
363
+ ._disabled_1ehnp4f_55 ._option_1ehnp4f_67._selected_1ehnp4f_118{
364
364
  color:var(
365
365
  --rs-color-pale,
366
366
  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.5)
@@ -370,10 +370,8 @@
370
370
 
371
371
  background:transparent;
372
372
  }
373
- ._option_1i5u8r0_67 ._icon_1i5u8r0_137{
374
- -webkit-box-flex:0;
375
- -ms-flex:0 0 auto;
376
- flex:0 0 auto;
373
+ ._option_1ehnp4f_67 ._icon_1ehnp4f_158{
374
+ flex:0 0 auto;
377
375
 
378
376
  width:auto;
379
377
  height:var(--_rs-switcher-icon-size);
@@ -383,16 +381,14 @@
383
381
  margin-top:var(--_rs-switcher-icon-margin-vertical);
384
382
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
385
383
  }
386
- ._mark_1i5u8r0_150{
384
+ ._mark_1ehnp4f_171{
387
385
  position:absolute;
388
386
  top:0;
389
387
  bottom:0;
390
388
 
391
389
  display:inline-block;
392
390
 
393
- -webkit-box-sizing:border-box;
394
-
395
- box-sizing:border-box;
391
+ box-sizing:border-box;
396
392
 
397
393
  border:solid 2px var(--_rs-switcher-mark-border-color);
398
394
 
@@ -401,21 +397,22 @@
401
397
  var(--_rs-switcher-border-radius)
402
398
  );
403
399
 
404
- -webkit-transition:all 0.2s;
405
-
406
- transition:all 0.2s;
400
+ transition:all var(--_rs-switcher-mark-transition-duration);
407
401
  }
408
- ._disabled_1i5u8r0_55 ._mark_1i5u8r0_150{
402
+ ._disabled_1ehnp4f_55 ._mark_1ehnp4f_171{
409
403
  border-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);
410
404
  }
405
+ ._hiddenMark_1ehnp4f_127 ._mark_1ehnp4f_171{
406
+ display:none;
407
+ }
411
408
 
412
- ._themeLight_el1i9h_6{
409
+ ._themeLight_1gqbuza_6{
413
410
  --rs-theme-dark:0;
414
411
  }
415
- ._themeDark_el1i9h_9{
412
+ ._themeDark_1gqbuza_9{
416
413
  --rs-theme-dark:1;
417
414
  }
418
- ._sizeXS_el1i9h_13{
415
+ ._sizeXS_1gqbuza_13{
419
416
  --_rs-switcher-vertical-border-radius:4px;
420
417
  --_rs-switcher-vertical-option-vertical-padding:2px;
421
418
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -423,8 +420,8 @@
423
420
  --_rs-switcher-vertical-icon-offset:4px;
424
421
  --_rs-switcher-vertical-icon-margin-vertical:2px;
425
422
  }
426
- ._sizeXS_el1i9h_13 [data-rs-internal='vertical-switcher__option']{
427
- --_rs-typography-letter-spacing:0.0045em;
423
+ ._sizeXS_1gqbuza_13 [data-rs-internal='vertical-switcher__option']{
424
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
428
425
  --_rs-typography-text-transform:initial;
429
426
  --_rs-typography-font-variant-numeric:initial;
430
427
  --_rs-typography-font-family:var(
@@ -457,7 +454,7 @@
457
454
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
458
455
  --_rs-typography-link-border-bottom-width-from-text:1px;
459
456
  }
460
- ._sizeS_el1i9h_16{
457
+ ._sizeS_1gqbuza_16{
461
458
  --_rs-switcher-vertical-border-radius:4px;
462
459
  --_rs-switcher-vertical-option-vertical-padding:6px;
463
460
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -465,8 +462,8 @@
465
462
  --_rs-switcher-vertical-icon-offset:4px;
466
463
  --_rs-switcher-vertical-icon-margin-vertical:0px;
467
464
  }
468
- ._sizeS_el1i9h_16 [data-rs-internal='vertical-switcher__option']{
469
- --_rs-typography-letter-spacing:0.0045em;
465
+ ._sizeS_1gqbuza_16 [data-rs-internal='vertical-switcher__option']{
466
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
470
467
  --_rs-typography-text-transform:initial;
471
468
  --_rs-typography-font-variant-numeric:initial;
472
469
  --_rs-typography-font-family:var(
@@ -499,7 +496,7 @@
499
496
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
500
497
  --_rs-typography-link-border-bottom-width-from-text:1px;
501
498
  }
502
- ._sizeM_el1i9h_19{
499
+ ._sizeM_1gqbuza_19{
503
500
  --_rs-switcher-vertical-border-radius:8px;
504
501
  --_rs-switcher-vertical-option-vertical-padding:8px;
505
502
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -507,8 +504,8 @@
507
504
  --_rs-switcher-vertical-icon-offset:8px;
508
505
  --_rs-switcher-vertical-icon-margin-vertical:0px;
509
506
  }
510
- ._sizeM_el1i9h_19 [data-rs-internal='vertical-switcher__option']{
511
- --_rs-typography-letter-spacing:0.0015em;
507
+ ._sizeM_1gqbuza_19 [data-rs-internal='vertical-switcher__option']{
508
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
512
509
  --_rs-typography-text-transform:initial;
513
510
  --_rs-typography-font-variant-numeric:initial;
514
511
  --_rs-typography-font-family:var(
@@ -536,17 +533,20 @@
536
533
  --_rs-typography-text-auto-offset:16px;
537
534
  --_rs-typography-ul-list-li-padding-left:22px;
538
535
  --_rs-typography-ol-list-li-padding-left:26px;
539
- --_rs-typography-list-li-margin-top-from-text:16px;
536
+ --_rs-typography-list-li-margin-top-from-text:var(
537
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
538
+ 16px
539
+ );
540
540
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
541
541
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
542
542
  --_rs-typography-link-border-bottom-width-from-text:1px;
543
543
  }
544
544
  @media screen and (max-width: 640px){
545
- ._sizeM_el1i9h_19 [data-rs-internal='vertical-switcher__option']{
546
- --_rs-typography-list-li-margin-top-from-text:12px;
545
+ ._sizeM_1gqbuza_19 [data-rs-internal='vertical-switcher__option']{
546
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
547
547
  }
548
548
  }
549
- ._sizeL_el1i9h_22{
549
+ ._sizeL_1gqbuza_22{
550
550
  --_rs-switcher-vertical-border-radius:12px;
551
551
  --_rs-switcher-vertical-option-vertical-padding:12px;
552
552
  --_rs-switcher-vertical-option-horizontal-padding:24px;
@@ -554,8 +554,8 @@
554
554
  --_rs-switcher-vertical-icon-offset:12px;
555
555
  --_rs-switcher-vertical-icon-margin-vertical:0px;
556
556
  }
557
- ._sizeL_el1i9h_22 [data-rs-internal='vertical-switcher__option']{
558
- --_rs-typography-letter-spacing:normal;
557
+ ._sizeL_1gqbuza_22 [data-rs-internal='vertical-switcher__option']{
558
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
559
559
  --_rs-typography-text-transform:initial;
560
560
  --_rs-typography-font-variant-numeric:initial;
561
561
  --_rs-typography-font-family:var(
@@ -583,23 +583,26 @@
583
583
  --_rs-typography-text-auto-offset:32px;
584
584
  --_rs-typography-ul-list-li-padding-left:26px;
585
585
  --_rs-typography-ol-list-li-padding-left:32px;
586
- --_rs-typography-list-li-margin-top-from-text:24px;
586
+ --_rs-typography-list-li-margin-top-from-text:var(
587
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
588
+ 24px
589
+ );
587
590
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
588
591
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
589
592
  --_rs-typography-link-border-bottom-width-from-text:1px;
590
593
  }
591
594
  @media screen and (max-width: 640px){
592
- ._sizeL_el1i9h_22 [data-rs-internal='vertical-switcher__option']{
593
- --_rs-typography-list-li-margin-top-from-text:16px;
595
+ ._sizeL_1gqbuza_22 [data-rs-internal='vertical-switcher__option']{
596
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
594
597
  }
595
598
  }
596
- ._modeClassic_el1i9h_26{
599
+ ._modeClassic_1gqbuza_26{
597
600
  --_rs-switcher-vertical-option-hover-background:var(
598
601
  --_rs-color-primary-t-fog
599
602
  );
600
603
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
601
604
  }
602
- ._modeRock_el1i9h_29{
605
+ ._modeRock_1gqbuza_29{
603
606
  --_rs-switcher-vertical-option-hover-background:rgba(
604
607
  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),
605
608
  0.1
@@ -608,7 +611,7 @@
608
611
  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)
609
612
  );
610
613
  }
611
- ._verticalSwitcher_el1i9h_33{
614
+ ._verticalSwitcher_1gqbuza_33{
612
615
  --_rs-theme-dark:var(
613
616
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
614
617
  var(--rs-theme-dark, 0)
@@ -618,7 +621,7 @@
618
621
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
619
622
  }
620
623
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
621
- ._verticalSwitcher_el1i9h_33{
624
+ ._verticalSwitcher_1gqbuza_33{
622
625
  --_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)));
623
626
  --_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)));
624
627
  --_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)));
@@ -627,7 +630,7 @@
627
630
  }
628
631
  }
629
632
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
630
- ._verticalSwitcher_el1i9h_33{
633
+ ._verticalSwitcher_1gqbuza_33{
631
634
  --_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);
632
635
  --_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));
633
636
  --_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));
@@ -635,44 +638,31 @@
635
638
  --_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));
636
639
  }
637
640
  }
638
- ._verticalSwitcher_el1i9h_33 {
641
+ ._verticalSwitcher_1gqbuza_33 {
639
642
 
640
643
  position:relative;
641
644
 
642
- display:-webkit-inline-box;
643
-
644
- display:-ms-inline-flexbox;
645
-
646
645
  display:inline-flex;
647
- -webkit-box-orient:vertical;
648
- -webkit-box-direction:normal;
649
- -ms-flex-direction:column;
650
- flex-direction:column;
651
- -webkit-box-align:start;
652
- -ms-flex-align:start;
653
- align-items:flex-start;
646
+ flex-direction:column;
647
+ align-items:flex-start;
654
648
 
655
- -webkit-box-sizing:border-box;
656
-
657
- box-sizing:border-box;
649
+ box-sizing:border-box;
658
650
 
659
651
  border-radius:var(--_rs-switcher-vertical-border-radius);
660
652
 
661
653
  background:transparent;
662
- -webkit-box-shadow:inset 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.3) 0 0 0 1px;
663
- box-shadow:inset 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.3) 0 0 0 1px;
654
+ box-shadow:inset 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.3) 0 0 0 1px;
664
655
  }
665
- ._verticalSwitcher_el1i9h_33._disabled_el1i9h_50{
666
- -webkit-box-shadow:inset 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) 0 0 0 1px;
667
- box-shadow:inset 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) 0 0 0 1px;
656
+ ._verticalSwitcher_1gqbuza_33._disabled_1gqbuza_50{
657
+ box-shadow:inset 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) 0 0 0 1px;
668
658
  }
669
- ._alignIconLeft_el1i9h_55{
659
+ ._alignIconLeft_1gqbuza_55{
670
660
  --_rs-switcher-vertical-option-flex-direction:row;
671
661
  }
672
- ._alignIconRight_el1i9h_58{
662
+ ._alignIconRight_1gqbuza_58{
673
663
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
674
664
  }
675
- ._option_el1i9h_62{
665
+ ._option_1gqbuza_62{
676
666
  letter-spacing:var(
677
667
  --rs-text-base-letter-spacing,
678
668
  var(--_rs-typography-letter-spacing)
@@ -683,7 +673,6 @@
683
673
  font-weight:var(--_rs-typography-font-weight);
684
674
  line-height:var(--_rs-typography-line-height);
685
675
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
686
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
687
676
  font-feature-settings:'kern', 'liga', 'calt';
688
677
  color:var(
689
678
  --rs-color-hard,
@@ -693,30 +682,14 @@
693
682
  position:relative;
694
683
  z-index:1;
695
684
 
696
- display:-webkit-inline-box;
697
-
698
- display:-ms-inline-flexbox;
699
-
700
685
  display:inline-flex;
701
- -webkit-box-flex:1;
702
- -ms-flex:1 1 auto;
703
- flex:1 1 auto;
704
- -ms-flex-wrap:nowrap;
705
- flex-wrap:nowrap;
706
- -webkit-box-orient:vertical;
707
- -webkit-box-direction:normal;
708
- -ms-flex-direction:var(--_rs-switcher-vertical-option-flex-direction);
709
- flex-direction:var(--_rs-switcher-vertical-option-flex-direction);
710
- -webkit-box-pack:start;
711
- -ms-flex-pack:start;
712
- justify-content:flex-start;
713
- -webkit-box-align:start;
714
- -ms-flex-align:start;
715
- align-items:flex-start;
716
-
717
- -webkit-box-sizing:border-box;
718
-
719
- box-sizing:border-box;
686
+ flex:1 1 auto;
687
+ flex-wrap:nowrap;
688
+ flex-direction:var(--_rs-switcher-vertical-option-flex-direction);
689
+ justify-content:flex-start;
690
+ align-items:flex-start;
691
+
692
+ box-sizing:border-box;
720
693
  width:100%;
721
694
  margin:0;
722
695
  padding:var(--_rs-switcher-vertical-option-vertical-padding) var(--_rs-switcher-vertical-option-horizontal-padding);
@@ -733,28 +706,46 @@
733
706
  -moz-appearance:none;
734
707
  appearance:none;
735
708
  }
736
- ._disabled_el1i9h_50 ._option_el1i9h_62{
709
+ ._disabled_1gqbuza_50 ._option_1gqbuza_62{
737
710
  cursor:not-allowed;
738
711
  pointer-events:none;
739
712
  }
740
- ._option_el1i9h_62:focus[data-focus-method='key']{
741
- -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
742
- box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
713
+ ._option_1gqbuza_62:focus[data-focus-method='key']{
714
+ box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
743
715
  }
744
716
  @media (hover: hover){
745
- ._option_el1i9h_62:hover{
717
+ ._option_1gqbuza_62:hover{
746
718
  background:var(--_rs-switcher-vertical-option-hover-background);
747
719
  }
748
720
  }
749
- ._option_el1i9h_62._selected_el1i9h_107:active{
721
+ ._option_1gqbuza_62._selected_1gqbuza_107:active{
750
722
  background:transparent;
751
723
  }
752
- ._option_el1i9h_62._selected_el1i9h_107:hover,
753
- ._option_el1i9h_62._selected_el1i9h_107:active{
724
+ ._option_1gqbuza_62._selected_1gqbuza_107:hover,
725
+ ._option_1gqbuza_62._selected_1gqbuza_107:active{
754
726
  cursor:default;
755
727
  }
756
- ._disabled_el1i9h_50 ._option_el1i9h_62,
757
- ._disabled_el1i9h_50 ._option_el1i9h_62._selected_el1i9h_107{
728
+ ._hiddenMark_1gqbuza_116 ._option_1gqbuza_62._selected_1gqbuza_107::before{
729
+ position:absolute;
730
+ top:0;
731
+ right:0;
732
+ bottom:0;
733
+ left:0;
734
+
735
+ display:inline-block;
736
+
737
+ box-sizing:border-box;
738
+
739
+ border:solid 2px var(--_rs-switcher-vertical-mark-border-color);
740
+ border-radius:inherit;
741
+
742
+ content:'';
743
+ }
744
+ ._hiddenMark_1gqbuza_116._disabled_1gqbuza_50 ._option_1gqbuza_62._selected_1gqbuza_107::before{
745
+ border-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);
746
+ }
747
+ ._disabled_1gqbuza_50 ._option_1gqbuza_62,
748
+ ._disabled_1gqbuza_50 ._option_1gqbuza_62._selected_1gqbuza_107{
758
749
  color:var(
759
750
  --rs-color-pale,
760
751
  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.5)
@@ -764,17 +755,13 @@
764
755
 
765
756
  background:transparent;
766
757
  }
767
- ._option_el1i9h_62 ._optionLabel_el1i9h_126{
768
- -webkit-box-flex:1;
769
- -ms-flex:1 1 auto;
770
- flex:1 1 auto;
758
+ ._option_1gqbuza_62 ._optionLabel_1gqbuza_147{
759
+ flex:1 1 auto;
771
760
 
772
761
  text-align:left;
773
762
  }
774
- ._option_el1i9h_62 ._icon_el1i9h_132{
775
- -webkit-box-flex:0;
776
- -ms-flex:0 0 auto;
777
- flex:0 0 auto;
763
+ ._option_1gqbuza_62 ._icon_1gqbuza_153{
764
+ flex:0 0 auto;
778
765
 
779
766
  width:auto;
780
767
  height:var(--_rs-switcher-vertical-icon-size);
@@ -784,30 +771,29 @@
784
771
 
785
772
  fill:currentColor;
786
773
  }
787
- ._option_el1i9h_62 ._fakeIcon_el1i9h_143{
774
+ ._option_1gqbuza_62 ._fakeIcon_1gqbuza_164{
788
775
  display:inline-block;
789
776
 
790
777
  width:var(--_rs-switcher-vertical-icon-size);
791
778
  }
792
- ._mark_el1i9h_150{
779
+ ._mark_1gqbuza_171{
793
780
  position:absolute;
794
781
  right:0;
795
782
  left:0;
796
783
 
797
784
  display:inline-block;
798
785
 
799
- -webkit-box-sizing:border-box;
800
-
801
- box-sizing:border-box;
786
+ box-sizing:border-box;
802
787
 
803
788
  border:solid 2px var(--_rs-switcher-vertical-mark-border-color);
804
789
 
805
790
  border-radius:var(--_rs-switcher-vertical-border-radius);
806
791
 
807
- -webkit-transition:all 0.2s;
808
-
809
- transition:all 0.2s;
792
+ transition:all var(--_rs-switcher-vertical-mark-transition-duration);
810
793
  }
811
- ._disabled_el1i9h_50 ._mark_el1i9h_150{
794
+ ._disabled_1gqbuza_50 ._mark_1gqbuza_171{
812
795
  border-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);
813
796
  }
797
+ ._hiddenMark_1gqbuza_116 ._mark_1gqbuza_171{
798
+ display:none;
799
+ }