@rescui/switcher 0.9.8 → 0.10.0

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.
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_es4omi_6{
1
+ ._themeLight_1n7cu7x_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_es4omi_9{
4
+ ._themeDark_1n7cu7x_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_es4omi_13{
7
+ ._sizeXS_1n7cu7x_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,7 +14,7 @@
14
14
  --_rs-switcher-compact-icon-offset:var(--_rs-switcher-icon-offset);
15
15
  --_rs-switcher-icon-margin-vertical:2px;
16
16
  }
17
- ._sizeXS_es4omi_13 [data-rs-internal='switcher__option']{
17
+ ._sizeXS_1n7cu7x_13 [data-rs-internal='switcher__option']{
18
18
  --_rs-typography-letter-spacing:0.0045em;
19
19
  --_rs-typography-text-transform:initial;
20
20
  --_rs-typography-font-variant-numeric:initial;
@@ -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_es4omi_16{
51
+ ._sizeS_1n7cu7x_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,7 +58,7 @@
58
58
  --_rs-switcher-compact-icon-offset:4px;
59
59
  --_rs-switcher-icon-margin-vertical:0px;
60
60
  }
61
- ._sizeS_es4omi_16 [data-rs-internal='switcher__option']{
61
+ ._sizeS_1n7cu7x_16 [data-rs-internal='switcher__option']{
62
62
  --_rs-typography-letter-spacing:0.0045em;
63
63
  --_rs-typography-text-transform:initial;
64
64
  --_rs-typography-font-variant-numeric:initial;
@@ -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_es4omi_19{
95
+ ._sizeM_1n7cu7x_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,7 +102,7 @@
102
102
  --_rs-switcher-compact-icon-offset:8px;
103
103
  --_rs-switcher-icon-margin-vertical:0px;
104
104
  }
105
- ._sizeM_es4omi_19 [data-rs-internal='switcher__option']{
105
+ ._sizeM_1n7cu7x_19 [data-rs-internal='switcher__option']{
106
106
  --_rs-typography-letter-spacing:0.0015em;
107
107
  --_rs-typography-text-transform:initial;
108
108
  --_rs-typography-font-variant-numeric:initial;
@@ -137,11 +137,11 @@
137
137
  --_rs-typography-link-border-bottom-width-from-text:1px;
138
138
  }
139
139
  @media screen and (max-width: 640px){
140
- ._sizeM_es4omi_19 [data-rs-internal='switcher__option']{
140
+ ._sizeM_1n7cu7x_19 [data-rs-internal='switcher__option']{
141
141
  --_rs-typography-list-li-margin-top-from-text:12px;
142
142
  }
143
143
  }
144
- ._sizeL_es4omi_22{
144
+ ._sizeL_1n7cu7x_22{
145
145
  --_rs-switcher-border-radius:26px;
146
146
  --_rs-switcher-compact-border-radius:12px;
147
147
  --_rs-switcher-option-padding:12px 32px;
@@ -151,7 +151,7 @@
151
151
  --_rs-switcher-compact-icon-offset:12px;
152
152
  --_rs-switcher-icon-margin-vertical:0px;
153
153
  }
154
- ._sizeL_es4omi_22 [data-rs-internal='switcher__option']{
154
+ ._sizeL_1n7cu7x_22 [data-rs-internal='switcher__option']{
155
155
  --_rs-typography-letter-spacing:normal;
156
156
  --_rs-typography-text-transform:initial;
157
157
  --_rs-typography-font-variant-numeric:initial;
@@ -186,27 +186,33 @@
186
186
  --_rs-typography-link-border-bottom-width-from-text:1px;
187
187
  }
188
188
  @media screen and (max-width: 640px){
189
- ._sizeL_es4omi_22 [data-rs-internal='switcher__option']{
189
+ ._sizeL_1n7cu7x_22 [data-rs-internal='switcher__option']{
190
190
  --_rs-typography-list-li-margin-top-from-text:16px;
191
191
  }
192
192
  }
193
- ._modeClassic_es4omi_26{
193
+ ._modeClassic_1n7cu7x_26{
194
194
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
195
195
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
196
196
  }
197
- ._modeRock_es4omi_29{
197
+ ._modeRock_1n7cu7x_29{
198
198
  --_rs-switcher-option-hover-background:rgba(
199
199
  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
200
  0.1
201
201
  );
202
202
  --_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
203
  }
204
- ._compact_es4omi_33{
205
- --_rs-switcher-border-radius-from-compact:var(--_rs-switcher-compact-border-radius);
206
- --_rs-switcher-option-padding-from-compact:var(--_rs-switcher-compact-option-padding);
207
- --_rs-switcher-icon-offset-from-compact:var(--_rs-switcher-compact-icon-offset);
204
+ ._compact_1n7cu7x_33{
205
+ --_rs-switcher-border-radius-from-compact:var(
206
+ --_rs-switcher-compact-border-radius
207
+ );
208
+ --_rs-switcher-option-padding-from-compact:var(
209
+ --_rs-switcher-compact-option-padding
210
+ );
211
+ --_rs-switcher-icon-offset-from-compact:var(
212
+ --_rs-switcher-compact-icon-offset
213
+ );
208
214
  }
209
- ._switcher_es4omi_37{
215
+ ._switcher_1n7cu7x_37{
210
216
  --_rs-theme-dark:var(
211
217
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
212
218
  var(--rs-theme-dark, 0)
@@ -216,7 +222,7 @@
216
222
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
217
223
  }
218
224
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
219
- ._switcher_es4omi_37{
225
+ ._switcher_1n7cu7x_37{
220
226
  --_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)));
221
227
  --_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)));
222
228
  --_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)));
@@ -225,7 +231,7 @@
225
231
  }
226
232
  }
227
233
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
228
- ._switcher_es4omi_37{
234
+ ._switcher_1n7cu7x_37{
229
235
  --_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);
230
236
  --_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));
231
237
  --_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));
@@ -233,7 +239,7 @@
233
239
  --_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));
234
240
  }
235
241
  }
236
- ._switcher_es4omi_37 {
242
+ ._switcher_1n7cu7x_37 {
237
243
 
238
244
  position:relative;
239
245
 
@@ -253,22 +259,20 @@
253
259
  );
254
260
 
255
261
  background:transparent;
256
- -webkit-box-shadow:inset rgba(
257
- 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),
258
- calc(0.4 + var(--_rs-theme-dark-coefficient)*0.1)
259
- ) 0 0 0 1px;
260
- box-shadow:inset rgba(
261
- 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),
262
- calc(0.4 + var(--_rs-theme-dark-coefficient)*0.1)
263
- ) 0 0 0 1px;
264
- }
265
- ._alignIconLeft_es4omi_61{
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;
264
+ }
265
+ ._switcher_1n7cu7x_37._disabled_1n7cu7x_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;
268
+ }
269
+ ._alignIconLeft_1n7cu7x_60{
266
270
  --_rs-switcher-option-flex-direction:row;
267
271
  }
268
- ._alignIconRight_es4omi_64{
272
+ ._alignIconRight_1n7cu7x_63{
269
273
  --_rs-switcher-option-flex-direction:row-reverse;
270
274
  }
271
- ._option_es4omi_68{
275
+ ._option_1n7cu7x_67{
272
276
  letter-spacing:var(
273
277
  --rs-text-base-letter-spacing,
274
278
  var(--_rs-typography-letter-spacing)
@@ -335,35 +339,36 @@
335
339
  -moz-appearance:none;
336
340
  appearance:none;
337
341
  }
338
- ._disabled_es4omi_104 ._option_es4omi_68{
342
+ ._disabled_1n7cu7x_55 ._option_1n7cu7x_67{
339
343
  cursor:not-allowed;
340
344
  pointer-events:none;
341
345
  }
342
- ._option_es4omi_68:focus[data-focus-method='key']{
346
+ ._option_1n7cu7x_67:focus[data-focus-method='key']{
343
347
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
344
348
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
345
349
  }
346
- ._option_es4omi_68:hover{
350
+ ._option_1n7cu7x_67:hover{
347
351
  background:var(--_rs-switcher-option-hover-background);
348
352
  }
349
- ._option_es4omi_68._selected_es4omi_117:active{
353
+ ._option_1n7cu7x_67._selected_1n7cu7x_116:active{
350
354
  background:transparent;
351
355
  }
352
- ._option_es4omi_68._selected_es4omi_117:hover,
353
- ._option_es4omi_68._selected_es4omi_117:active{
356
+ ._option_1n7cu7x_67._selected_1n7cu7x_116:hover,
357
+ ._option_1n7cu7x_67._selected_1n7cu7x_116:active{
354
358
  cursor:default;
355
359
  }
356
- ._disabled_es4omi_104 ._option_es4omi_68,
357
- ._disabled_es4omi_104 ._option_es4omi_68._selected_es4omi_117{
360
+ ._disabled_1n7cu7x_55 ._option_1n7cu7x_67,
361
+ ._disabled_1n7cu7x_55 ._option_1n7cu7x_67._selected_1n7cu7x_116{
362
+ color:var(
363
+ --rs-color-pale,
364
+ 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)
365
+ );
366
+
358
367
  cursor:default;
359
368
 
360
- color:rgba(
361
- 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),
362
- calc(0.4 - var(--_rs-theme-dark-coefficient)*0.2)
363
- );
364
369
  background:transparent;
365
370
  }
366
- ._option_es4omi_68 ._icon_es4omi_138{
371
+ ._option_1n7cu7x_67 ._icon_1n7cu7x_135{
367
372
  -webkit-box-flex:0;
368
373
  -ms-flex:0 0 auto;
369
374
  flex:0 0 auto;
@@ -376,7 +381,7 @@
376
381
  margin-top:var(--_rs-switcher-icon-margin-vertical);
377
382
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
378
383
  }
379
- ._mark_es4omi_151{
384
+ ._mark_1n7cu7x_148{
380
385
  position:absolute;
381
386
  top:0;
382
387
  bottom:0;
@@ -398,9 +403,407 @@
398
403
 
399
404
  transition:all 0.2s;
400
405
  }
401
- ._disabled_es4omi_104 ._mark_es4omi_151{
402
- border:solid 2px rgba(
403
- 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),
404
- calc(0.4 - var(--_rs-theme-dark-coefficient)*0.2)
405
- );
406
+ ._disabled_1n7cu7x_55 ._mark_1n7cu7x_148{
407
+ 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);
408
+ }
409
+
410
+ ._themeLight_1ulrvt0_6{
411
+ --rs-theme-dark:0;
412
+ }
413
+ ._themeDark_1ulrvt0_9{
414
+ --rs-theme-dark:1;
415
+ }
416
+ ._sizeXS_1ulrvt0_13{
417
+ --_rs-switcher-vertical-border-radius:4px;
418
+ --_rs-switcher-vertical-option-vertical-padding:2px;
419
+ --_rs-switcher-vertical-option-horizontal-padding:8px;
420
+ --_rs-switcher-vertical-icon-size:16px;
421
+ --_rs-switcher-vertical-icon-offset:4px;
422
+ --_rs-switcher-vertical-icon-margin-vertical:2px;
423
+ }
424
+ ._sizeXS_1ulrvt0_13 [data-rs-internal='vertical-switcher__option']{
425
+ --_rs-typography-letter-spacing:0.0045em;
426
+ --_rs-typography-text-transform:initial;
427
+ --_rs-typography-font-variant-numeric:initial;
428
+ --_rs-typography-font-family:var(
429
+ --rs-font-family-ui,
430
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
431
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
432
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
433
+ );
434
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
435
+ --_rs-typography-font-weight:var(
436
+ --rs-font-weight-regular,
437
+ 400
438
+ );
439
+ --_rs-typography-line-height:var(
440
+ --rs-text-3-line-height,
441
+ 20px
442
+ );
443
+ --_rs-typography-base-color:var(
444
+ --_rs-typography-hardness-color,
445
+ var(
446
+ --rs-color-average,
447
+ 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.7)
448
+ )
449
+ );
450
+ --_rs-typography-text-auto-offset:8px;
451
+ --_rs-typography-ul-list-li-padding-left:28px;
452
+ --_rs-typography-ol-list-li-padding-left:21px;
453
+ --_rs-typography-list-li-margin-top-from-text:8px;
454
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
455
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
456
+ --_rs-typography-link-border-bottom-width-from-text:1px;
457
+ }
458
+ ._sizeS_1ulrvt0_16{
459
+ --_rs-switcher-vertical-border-radius:4px;
460
+ --_rs-switcher-vertical-option-vertical-padding:6px;
461
+ --_rs-switcher-vertical-option-horizontal-padding:12px;
462
+ --_rs-switcher-vertical-icon-size:20px;
463
+ --_rs-switcher-vertical-icon-offset:4px;
464
+ --_rs-switcher-vertical-icon-margin-vertical:0px;
465
+ }
466
+ ._sizeS_1ulrvt0_16 [data-rs-internal='vertical-switcher__option']{
467
+ --_rs-typography-letter-spacing:0.0045em;
468
+ --_rs-typography-text-transform:initial;
469
+ --_rs-typography-font-variant-numeric:initial;
470
+ --_rs-typography-font-family:var(
471
+ --rs-font-family-ui,
472
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
473
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
474
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
475
+ );
476
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
477
+ --_rs-typography-font-weight:var(
478
+ --rs-font-weight-regular,
479
+ 400
480
+ );
481
+ --_rs-typography-line-height:var(
482
+ --rs-text-3-line-height,
483
+ 20px
484
+ );
485
+ --_rs-typography-base-color:var(
486
+ --_rs-typography-hardness-color,
487
+ var(
488
+ --rs-color-average,
489
+ 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.7)
490
+ )
491
+ );
492
+ --_rs-typography-text-auto-offset:8px;
493
+ --_rs-typography-ul-list-li-padding-left:28px;
494
+ --_rs-typography-ol-list-li-padding-left:21px;
495
+ --_rs-typography-list-li-margin-top-from-text:8px;
496
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
497
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
498
+ --_rs-typography-link-border-bottom-width-from-text:1px;
499
+ }
500
+ ._sizeM_1ulrvt0_19{
501
+ --_rs-switcher-vertical-border-radius:8px;
502
+ --_rs-switcher-vertical-option-vertical-padding:8px;
503
+ --_rs-switcher-vertical-option-horizontal-padding:16px;
504
+ --_rs-switcher-vertical-icon-size:24px;
505
+ --_rs-switcher-vertical-icon-offset:8px;
506
+ --_rs-switcher-vertical-icon-margin-vertical:0px;
507
+ }
508
+ ._sizeM_1ulrvt0_19 [data-rs-internal='vertical-switcher__option']{
509
+ --_rs-typography-letter-spacing:0.0015em;
510
+ --_rs-typography-text-transform:initial;
511
+ --_rs-typography-font-variant-numeric:initial;
512
+ --_rs-typography-font-family:var(
513
+ --rs-font-family-ui,
514
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
515
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
516
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
517
+ );
518
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
519
+ --_rs-typography-font-weight:var(
520
+ --rs-font-weight-regular,
521
+ 400
522
+ );
523
+ --_rs-typography-line-height:var(
524
+ --rs-text-2-line-height,
525
+ 24px
526
+ );
527
+ --_rs-typography-base-color:var(
528
+ --_rs-typography-hardness-color,
529
+ var(
530
+ --rs-color-average,
531
+ 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.7)
532
+ )
533
+ );
534
+ --_rs-typography-text-auto-offset:16px;
535
+ --_rs-typography-ul-list-li-padding-left:22px;
536
+ --_rs-typography-ol-list-li-padding-left:26px;
537
+ --_rs-typography-list-li-margin-top-from-text:16px;
538
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
539
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
540
+ --_rs-typography-link-border-bottom-width-from-text:1px;
541
+ }
542
+ @media screen and (max-width: 640px){
543
+ ._sizeM_1ulrvt0_19 [data-rs-internal='vertical-switcher__option']{
544
+ --_rs-typography-list-li-margin-top-from-text:12px;
545
+ }
546
+ }
547
+ ._sizeL_1ulrvt0_22{
548
+ --_rs-switcher-vertical-border-radius:12px;
549
+ --_rs-switcher-vertical-option-vertical-padding:12px;
550
+ --_rs-switcher-vertical-option-horizontal-padding:24px;
551
+ --_rs-switcher-vertical-icon-size:28px;
552
+ --_rs-switcher-vertical-icon-offset:12px;
553
+ --_rs-switcher-vertical-icon-margin-vertical:0px;
554
+ }
555
+ ._sizeL_1ulrvt0_22 [data-rs-internal='vertical-switcher__option']{
556
+ --_rs-typography-letter-spacing:normal;
557
+ --_rs-typography-text-transform:initial;
558
+ --_rs-typography-font-variant-numeric:initial;
559
+ --_rs-typography-font-family:var(
560
+ --rs-font-family-ui,
561
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
562
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
563
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
564
+ );
565
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
566
+ --_rs-typography-font-weight:var(
567
+ --rs-font-weight-regular,
568
+ 400
569
+ );
570
+ --_rs-typography-line-height:var(
571
+ --rs-text-1-line-height,
572
+ 28px
573
+ );
574
+ --_rs-typography-base-color:var(
575
+ --_rs-typography-hardness-color,
576
+ var(
577
+ --rs-color-average,
578
+ 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.7)
579
+ )
580
+ );
581
+ --_rs-typography-text-auto-offset:32px;
582
+ --_rs-typography-ul-list-li-padding-left:26px;
583
+ --_rs-typography-ol-list-li-padding-left:32px;
584
+ --_rs-typography-list-li-margin-top-from-text:24px;
585
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
586
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
587
+ --_rs-typography-link-border-bottom-width-from-text:1px;
588
+ }
589
+ @media screen and (max-width: 640px){
590
+ ._sizeL_1ulrvt0_22 [data-rs-internal='vertical-switcher__option']{
591
+ --_rs-typography-list-li-margin-top-from-text:16px;
592
+ }
593
+ }
594
+ ._modeClassic_1ulrvt0_26{
595
+ --_rs-switcher-vertical-option-hover-background:var(
596
+ --_rs-color-primary-t-fog
597
+ );
598
+ --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
599
+ }
600
+ ._modeRock_1ulrvt0_29{
601
+ --_rs-switcher-vertical-option-hover-background:rgba(
602
+ 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),
603
+ 0.1
604
+ );
605
+ --_rs-switcher-vertical-mark-border-color:rgb(
606
+ 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)
607
+ );
608
+ }
609
+ ._verticalSwitcher_1ulrvt0_33{
610
+ --_rs-theme-dark:var(
611
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
612
+ var(--rs-theme-dark, 0)
613
+ );
614
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
615
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
616
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
617
+ }
618
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
619
+ ._verticalSwitcher_1ulrvt0_33{
620
+ --_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)));
621
+ --_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)));
622
+ --_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)));
623
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
624
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
625
+ }
626
+ }
627
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
628
+ ._verticalSwitcher_1ulrvt0_33{
629
+ --_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);
630
+ --_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));
631
+ --_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));
632
+ --_rs-color-primary-t-dim: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, 0.8);
633
+ --_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));
634
+ }
635
+ }
636
+ ._verticalSwitcher_1ulrvt0_33 {
637
+
638
+ position:relative;
639
+
640
+ display:-webkit-inline-box;
641
+
642
+ display:-ms-inline-flexbox;
643
+
644
+ display:inline-flex;
645
+ -webkit-box-orient:vertical;
646
+ -webkit-box-direction:normal;
647
+ -ms-flex-direction:column;
648
+ flex-direction:column;
649
+ -webkit-box-align:start;
650
+ -ms-flex-align:start;
651
+ align-items:flex-start;
652
+
653
+ -webkit-box-sizing:border-box;
654
+
655
+ box-sizing:border-box;
656
+
657
+ border-radius:var(--_rs-switcher-vertical-border-radius);
658
+
659
+ background:transparent;
660
+ -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;
661
+ 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;
662
+ }
663
+ ._verticalSwitcher_1ulrvt0_33._disabled_1ulrvt0_50{
664
+ -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;
665
+ 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;
666
+ }
667
+ ._alignIconLeft_1ulrvt0_55{
668
+ --_rs-switcher-vertical-option-flex-direction:row;
669
+ }
670
+ ._alignIconRight_1ulrvt0_58{
671
+ --_rs-switcher-vertical-option-flex-direction:row-reverse;
672
+ }
673
+ ._option_1ulrvt0_62{
674
+ letter-spacing:var(
675
+ --rs-text-base-letter-spacing,
676
+ var(--_rs-typography-letter-spacing)
677
+ );
678
+ text-transform:var(--_rs-typography-text-transform);
679
+ font-family:var(--_rs-typography-font-family);
680
+ font-size:var(--_rs-typography-font-size);
681
+ font-weight:var(--_rs-typography-font-weight);
682
+ line-height:var(--_rs-typography-line-height);
683
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
684
+ -webkit-font-feature-settings:'kern', 'liga', 'calt';
685
+ font-feature-settings:'kern', 'liga', 'calt';
686
+ color:var(
687
+ --rs-color-hard,
688
+ 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))
689
+ );
690
+
691
+ position:relative;
692
+ z-index:1;
693
+
694
+ display:-webkit-inline-box;
695
+
696
+ display:-ms-inline-flexbox;
697
+
698
+ display:inline-flex;
699
+ -webkit-box-flex:1;
700
+ -ms-flex:1 1 auto;
701
+ flex:1 1 auto;
702
+ -ms-flex-wrap:nowrap;
703
+ flex-wrap:nowrap;
704
+ -webkit-box-orient:vertical;
705
+ -webkit-box-direction:normal;
706
+ -ms-flex-direction:var(--_rs-switcher-vertical-option-flex-direction);
707
+ flex-direction:var(--_rs-switcher-vertical-option-flex-direction);
708
+ -webkit-box-pack:start;
709
+ -ms-flex-pack:start;
710
+ justify-content:flex-start;
711
+ -webkit-box-align:start;
712
+ -ms-flex-align:start;
713
+ align-items:flex-start;
714
+
715
+ -webkit-box-sizing:border-box;
716
+
717
+ box-sizing:border-box;
718
+ width:100%;
719
+ margin:0;
720
+ padding:var(--_rs-switcher-vertical-option-vertical-padding) var(--_rs-switcher-vertical-option-horizontal-padding);
721
+
722
+ border:none;
723
+ border-radius:var(--_rs-switcher-vertical-border-radius);
724
+ outline:none;
725
+
726
+ cursor:pointer;
727
+
728
+ background:transparent;
729
+ gap:var(--_rs-switcher-vertical-icon-offset);
730
+ -webkit-appearance:none;
731
+ -moz-appearance:none;
732
+ appearance:none;
733
+ }
734
+ ._disabled_1ulrvt0_50 ._option_1ulrvt0_62{
735
+ cursor:not-allowed;
736
+ pointer-events:none;
737
+ }
738
+ ._option_1ulrvt0_62:focus[data-focus-method='key']{
739
+ -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
740
+ box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
741
+ }
742
+ ._option_1ulrvt0_62:hover{
743
+ background:var(--_rs-switcher-vertical-option-hover-background);
744
+ }
745
+ ._option_1ulrvt0_62._selected_1ulrvt0_105:active{
746
+ background:transparent;
747
+ }
748
+ ._option_1ulrvt0_62._selected_1ulrvt0_105:hover,
749
+ ._option_1ulrvt0_62._selected_1ulrvt0_105:active{
750
+ cursor:default;
751
+ }
752
+ ._disabled_1ulrvt0_50 ._option_1ulrvt0_62,
753
+ ._disabled_1ulrvt0_50 ._option_1ulrvt0_62._selected_1ulrvt0_105{
754
+ color:var(
755
+ --rs-color-pale,
756
+ 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)
757
+ );
758
+
759
+ cursor:default;
760
+
761
+ background:transparent;
762
+ }
763
+ ._option_1ulrvt0_62 ._optionLabel_1ulrvt0_124{
764
+ -webkit-box-flex:1;
765
+ -ms-flex:1 1 auto;
766
+ flex:1 1 auto;
767
+
768
+ text-align:left;
769
+ }
770
+ ._option_1ulrvt0_62 ._icon_1ulrvt0_130{
771
+ -webkit-box-flex:0;
772
+ -ms-flex:0 0 auto;
773
+ flex:0 0 auto;
774
+
775
+ width:auto;
776
+ height:var(--_rs-switcher-vertical-icon-size);
777
+
778
+ margin-top:var(--_rs-switcher-vertical-icon-margin-vertical);
779
+ margin-bottom:var(--_rs-switcher-vertical-icon-margin-vertical);
780
+
781
+ fill:currentColor;
782
+ }
783
+ ._option_1ulrvt0_62 ._fakeIcon_1ulrvt0_141{
784
+ display:inline-block;
785
+
786
+ width:var(--_rs-switcher-vertical-icon-size);
787
+ }
788
+ ._mark_1ulrvt0_148{
789
+ position:absolute;
790
+ right:0;
791
+ left:0;
792
+
793
+ display:inline-block;
794
+
795
+ -webkit-box-sizing:border-box;
796
+
797
+ box-sizing:border-box;
798
+
799
+ border:solid 2px var(--_rs-switcher-vertical-mark-border-color);
800
+
801
+ border-radius:var(--_rs-switcher-vertical-border-radius);
802
+
803
+ -webkit-transition:all 0.2s;
804
+
805
+ transition:all 0.2s;
806
+ }
807
+ ._disabled_1ulrvt0_50 ._mark_1ulrvt0_148{
808
+ 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);
406
809
  }
package/lib/index.d.ts CHANGED
@@ -6,3 +6,5 @@ declare const DefaultSwitcher: typeof Switcher;
6
6
  export default DefaultSwitcher;
7
7
  export { Switcher } from './switcher';
8
8
  export type { SwitcherProps } from './switcher';
9
+ export { VerticalSwitcher } from './vertical-switcher';
10
+ export type { VerticalSwitcherProps } from './vertical-switcher';
package/lib/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import './index.css';
2
2
  import { Switcher } from './switcher.js';
3
3
  export { Switcher } from './switcher.js';
4
+ export { VerticalSwitcher } from './vertical-switcher.js';
4
5
  /**
5
6
  * @deprecated use named import instead
6
7
  */