@rescui/switcher 0.15.0 → 0.16.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.
Files changed (4) hide show
  1. package/lib/index.css +79 -77
  2. package/lib/switcher.p.module.css.js +1 -1
  3. package/lib/vertical-switcher.p.module.css.js +1 -1
  4. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -3,14 +3,14 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._themeLight_dbmb8m_6{
6
+ ._themeLight_1onzyqg_6{
7
7
  --rs-theme-dark:0;
8
8
  }
9
- ._themeDark_dbmb8m_9{
9
+ ._themeDark_1onzyqg_9{
10
10
  --rs-theme-dark:1;
11
11
  }
12
12
 
13
- ._sizeXS_dbmb8m_13{
13
+ ._sizeXS_1onzyqg_13{
14
14
  --_rs-switcher-border-radius:4px;
15
15
  --_rs-switcher-compact-border-radius:var(--_rs-switcher-border-radius);
16
16
  --_rs-switcher-option-padding:2px 12px;
@@ -21,7 +21,7 @@
21
21
  --_rs-switcher-icon-margin-vertical:2px;
22
22
  }
23
23
 
24
- ._sizeXS_dbmb8m_13 [data-rs-internal='switcher__option']{
24
+ ._sizeXS_1onzyqg_13 [data-rs-internal='switcher__option']{
25
25
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
26
26
  --_rs-typography-text-transform:initial;
27
27
  --_rs-typography-font-variant-numeric:initial;
@@ -56,7 +56,7 @@
56
56
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
57
57
  --_rs-typography-link-border-bottom-width-from-text:1px;
58
58
  }
59
- ._sizeS_dbmb8m_16{
59
+ ._sizeS_1onzyqg_16{
60
60
  --_rs-switcher-border-radius:16px;
61
61
  --_rs-switcher-compact-border-radius:4px;
62
62
  --_rs-switcher-option-padding:6px 16px;
@@ -66,7 +66,7 @@
66
66
  --_rs-switcher-compact-icon-offset:4px;
67
67
  --_rs-switcher-icon-margin-vertical:0px;
68
68
  }
69
- ._sizeS_dbmb8m_16 [data-rs-internal='switcher__option']{
69
+ ._sizeS_1onzyqg_16 [data-rs-internal='switcher__option']{
70
70
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
71
71
  --_rs-typography-text-transform:initial;
72
72
  --_rs-typography-font-variant-numeric:initial;
@@ -101,7 +101,7 @@
101
101
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
102
102
  --_rs-typography-link-border-bottom-width-from-text:1px;
103
103
  }
104
- ._sizeM_dbmb8m_19{
104
+ ._sizeM_1onzyqg_19{
105
105
  --_rs-switcher-border-radius:20px;
106
106
  --_rs-switcher-compact-border-radius:8px;
107
107
  --_rs-switcher-option-padding:8px 24px;
@@ -111,7 +111,7 @@
111
111
  --_rs-switcher-compact-icon-offset:8px;
112
112
  --_rs-switcher-icon-margin-vertical:0px;
113
113
  }
114
- ._sizeM_dbmb8m_19 [data-rs-internal='switcher__option']{
114
+ ._sizeM_1onzyqg_19 [data-rs-internal='switcher__option']{
115
115
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
116
116
  --_rs-typography-text-transform:initial;
117
117
  --_rs-typography-font-variant-numeric:initial;
@@ -150,11 +150,11 @@
150
150
  --_rs-typography-link-border-bottom-width-from-text:1px;
151
151
  }
152
152
  @media screen and (max-width: 640px){
153
- ._sizeM_dbmb8m_19 [data-rs-internal='switcher__option']{
153
+ ._sizeM_1onzyqg_19 [data-rs-internal='switcher__option']{
154
154
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
155
155
  }
156
156
  }
157
- ._sizeL_dbmb8m_22{
157
+ ._sizeL_1onzyqg_22{
158
158
  --_rs-switcher-border-radius:26px;
159
159
  --_rs-switcher-compact-border-radius:12px;
160
160
  --_rs-switcher-option-padding:12px 32px;
@@ -164,7 +164,7 @@
164
164
  --_rs-switcher-compact-icon-offset:12px;
165
165
  --_rs-switcher-icon-margin-vertical:0px;
166
166
  }
167
- ._sizeL_dbmb8m_22 [data-rs-internal='switcher__option']{
167
+ ._sizeL_1onzyqg_22 [data-rs-internal='switcher__option']{
168
168
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
169
169
  --_rs-typography-text-transform:initial;
170
170
  --_rs-typography-font-variant-numeric:initial;
@@ -203,16 +203,16 @@
203
203
  --_rs-typography-link-border-bottom-width-from-text:1px;
204
204
  }
205
205
  @media screen and (max-width: 640px){
206
- ._sizeL_dbmb8m_22 [data-rs-internal='switcher__option']{
206
+ ._sizeL_1onzyqg_22 [data-rs-internal='switcher__option']{
207
207
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
208
208
  }
209
209
  }
210
210
 
211
- ._modeClassic_dbmb8m_26{
211
+ ._modeClassic_1onzyqg_26{
212
212
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
213
213
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
214
214
  }
215
- ._modeRock_dbmb8m_29{
215
+ ._modeRock_1onzyqg_29{
216
216
  --_rs-switcher-option-hover-background:rgba(
217
217
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
218
218
  0.1
@@ -220,7 +220,7 @@
220
220
  --_rs-switcher-mark-border-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
221
221
  }
222
222
 
223
- ._compact_dbmb8m_33{
223
+ ._compact_1onzyqg_33{
224
224
  --_rs-switcher-border-radius-from-compact:var(
225
225
  --_rs-switcher-compact-border-radius
226
226
  );
@@ -232,7 +232,7 @@
232
232
  );
233
233
  }
234
234
 
235
- ._switcher_dbmb8m_37{
235
+ ._switcher_1onzyqg_37{
236
236
  --_rs-theme-dark:var(
237
237
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
238
238
  var(--rs-theme-dark, 0)
@@ -244,7 +244,7 @@
244
244
 
245
245
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
246
246
 
247
- ._switcher_dbmb8m_37{
247
+ ._switcher_1onzyqg_37{
248
248
  --_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)));
249
249
  --_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)));
250
250
  --_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)));
@@ -255,7 +255,7 @@
255
255
 
256
256
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
257
257
 
258
- ._switcher_dbmb8m_37{
258
+ ._switcher_1onzyqg_37{
259
259
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
260
260
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
261
261
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -264,7 +264,7 @@
264
264
  }
265
265
  }
266
266
 
267
- ._switcher_dbmb8m_37 {
267
+ ._switcher_1onzyqg_37 {
268
268
 
269
269
  position:relative;
270
270
 
@@ -281,18 +281,18 @@
281
281
  box-shadow:inset rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.3) 0 0 0 1px;
282
282
  }
283
283
 
284
- ._switcher_dbmb8m_37._disabled_dbmb8m_55{
284
+ ._switcher_1onzyqg_37._disabled_1onzyqg_55{
285
285
  box-shadow:inset rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2) 0 0 0 1px;
286
286
  }
287
287
 
288
- ._alignIconLeft_dbmb8m_60{
288
+ ._alignIconLeft_1onzyqg_60{
289
289
  --_rs-switcher-option-flex-direction:row;
290
290
  }
291
- ._alignIconRight_dbmb8m_63{
291
+ ._alignIconRight_1onzyqg_63{
292
292
  --_rs-switcher-option-flex-direction:row-reverse;
293
293
  }
294
294
 
295
- ._option_dbmb8m_67{
295
+ ._option_1onzyqg_67{
296
296
  letter-spacing:var(
297
297
  --rs-text-base-letter-spacing,
298
298
  var(--_rs-typography-letter-spacing)
@@ -343,31 +343,32 @@
343
343
  appearance:none;
344
344
  }
345
345
 
346
- ._disabled_dbmb8m_55 ._option_dbmb8m_67{
346
+ ._disabled_1onzyqg_55 ._option_1onzyqg_67{
347
347
  cursor:not-allowed;
348
348
  pointer-events:none;
349
349
  }
350
350
 
351
- ._option_dbmb8m_67:has(:focus[data-focus-method='key']){
351
+ ._option_1onzyqg_67:has(:focus-visible),
352
+ ._option_1onzyqg_67:has(:focus[data-focus-method='key']){
352
353
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
353
354
  }
354
355
 
355
356
  @media (hover: hover){
356
- ._option_dbmb8m_67:hover{
357
+ ._option_1onzyqg_67:hover{
357
358
  background:var(--_rs-switcher-option-hover-background);
358
359
  }
359
360
  }
360
361
 
361
- ._option_dbmb8m_67._selected_dbmb8m_118:active{
362
+ ._option_1onzyqg_67._selected_1onzyqg_119:active{
362
363
  background:transparent;
363
364
  }
364
365
 
365
- ._option_dbmb8m_67._selected_dbmb8m_118:hover,
366
- ._option_dbmb8m_67._selected_dbmb8m_118:active{
366
+ ._option_1onzyqg_67._selected_1onzyqg_119:hover,
367
+ ._option_1onzyqg_67._selected_1onzyqg_119:active{
367
368
  cursor:default;
368
369
  }
369
370
 
370
- ._hiddenMark_dbmb8m_127 ._option_dbmb8m_67._selected_dbmb8m_118::before{
371
+ ._hiddenMark_1onzyqg_128 ._option_1onzyqg_67._selected_1onzyqg_119::before{
371
372
  position:absolute;
372
373
  top:0;
373
374
  right:0;
@@ -384,12 +385,12 @@
384
385
  content:'';
385
386
  }
386
387
 
387
- ._hiddenMark_dbmb8m_127._disabled_dbmb8m_55 ._option_dbmb8m_67._selected_dbmb8m_118::before{
388
+ ._hiddenMark_1onzyqg_128._disabled_1onzyqg_55 ._option_1onzyqg_67._selected_1onzyqg_119::before{
388
389
  border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
389
390
  }
390
391
 
391
- ._disabled_dbmb8m_55 ._option_dbmb8m_67,
392
- ._disabled_dbmb8m_55 ._option_dbmb8m_67._selected_dbmb8m_118{
392
+ ._disabled_1onzyqg_55 ._option_1onzyqg_67,
393
+ ._disabled_1onzyqg_55 ._option_1onzyqg_67._selected_1onzyqg_119{
393
394
  color:var(
394
395
  --rs-color-pale,
395
396
  rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
@@ -400,7 +401,7 @@
400
401
  background:transparent;
401
402
  }
402
403
 
403
- ._option_dbmb8m_67 ._icon_dbmb8m_158{
404
+ ._option_1onzyqg_67 ._icon_1onzyqg_159{
404
405
  flex:0 0 auto;
405
406
 
406
407
  width:auto;
@@ -412,7 +413,7 @@
412
413
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
413
414
  }
414
415
 
415
- ._mark_dbmb8m_171{
416
+ ._mark_1onzyqg_172{
416
417
  position:absolute;
417
418
  top:0;
418
419
  bottom:0;
@@ -431,15 +432,15 @@
431
432
  transition:all var(--_rs-switcher-mark-transition-duration) var(--rs-transition-function, ease);
432
433
  }
433
434
 
434
- ._disabled_dbmb8m_55 ._mark_dbmb8m_171{
435
+ ._disabled_1onzyqg_55 ._mark_1onzyqg_172{
435
436
  border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
436
437
  }
437
438
 
438
- ._hiddenMark_dbmb8m_127 ._mark_dbmb8m_171{
439
+ ._hiddenMark_1onzyqg_128 ._mark_1onzyqg_172{
439
440
  display:none;
440
441
  }
441
442
 
442
- ._radio_dbmb8m_199{
443
+ ._radio_1onzyqg_200{
443
444
  position:absolute;
444
445
 
445
446
  overflow:hidden;
@@ -461,14 +462,14 @@
461
462
  inherits:true;
462
463
  initial-value:0;
463
464
  }
464
- ._themeLight_1t0sef3_6{
465
+ ._themeLight_j3kgm9_6{
465
466
  --rs-theme-dark:0;
466
467
  }
467
- ._themeDark_1t0sef3_9{
468
+ ._themeDark_j3kgm9_9{
468
469
  --rs-theme-dark:1;
469
470
  }
470
471
 
471
- ._sizeXS_1t0sef3_13{
472
+ ._sizeXS_j3kgm9_13{
472
473
  --_rs-switcher-vertical-border-radius:4px;
473
474
  --_rs-switcher-vertical-option-vertical-padding:2px;
474
475
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -477,7 +478,7 @@
477
478
  --_rs-switcher-vertical-icon-margin-vertical:2px;
478
479
  }
479
480
 
480
- ._sizeXS_1t0sef3_13 [data-rs-internal='vertical-switcher__option']{
481
+ ._sizeXS_j3kgm9_13 [data-rs-internal='vertical-switcher__option']{
481
482
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
482
483
  --_rs-typography-text-transform:initial;
483
484
  --_rs-typography-font-variant-numeric:initial;
@@ -512,7 +513,7 @@
512
513
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
513
514
  --_rs-typography-link-border-bottom-width-from-text:1px;
514
515
  }
515
- ._sizeS_1t0sef3_16{
516
+ ._sizeS_j3kgm9_16{
516
517
  --_rs-switcher-vertical-border-radius:4px;
517
518
  --_rs-switcher-vertical-option-vertical-padding:6px;
518
519
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -520,7 +521,7 @@
520
521
  --_rs-switcher-vertical-icon-offset:4px;
521
522
  --_rs-switcher-vertical-icon-margin-vertical:0px;
522
523
  }
523
- ._sizeS_1t0sef3_16 [data-rs-internal='vertical-switcher__option']{
524
+ ._sizeS_j3kgm9_16 [data-rs-internal='vertical-switcher__option']{
524
525
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
525
526
  --_rs-typography-text-transform:initial;
526
527
  --_rs-typography-font-variant-numeric:initial;
@@ -555,7 +556,7 @@
555
556
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
556
557
  --_rs-typography-link-border-bottom-width-from-text:1px;
557
558
  }
558
- ._sizeM_1t0sef3_19{
559
+ ._sizeM_j3kgm9_19{
559
560
  --_rs-switcher-vertical-border-radius:8px;
560
561
  --_rs-switcher-vertical-option-vertical-padding:8px;
561
562
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -563,7 +564,7 @@
563
564
  --_rs-switcher-vertical-icon-offset:8px;
564
565
  --_rs-switcher-vertical-icon-margin-vertical:0px;
565
566
  }
566
- ._sizeM_1t0sef3_19 [data-rs-internal='vertical-switcher__option']{
567
+ ._sizeM_j3kgm9_19 [data-rs-internal='vertical-switcher__option']{
567
568
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
568
569
  --_rs-typography-text-transform:initial;
569
570
  --_rs-typography-font-variant-numeric:initial;
@@ -602,11 +603,11 @@
602
603
  --_rs-typography-link-border-bottom-width-from-text:1px;
603
604
  }
604
605
  @media screen and (max-width: 640px){
605
- ._sizeM_1t0sef3_19 [data-rs-internal='vertical-switcher__option']{
606
+ ._sizeM_j3kgm9_19 [data-rs-internal='vertical-switcher__option']{
606
607
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
607
608
  }
608
609
  }
609
- ._sizeL_1t0sef3_22{
610
+ ._sizeL_j3kgm9_22{
610
611
  --_rs-switcher-vertical-border-radius:12px;
611
612
  --_rs-switcher-vertical-option-vertical-padding:12px;
612
613
  --_rs-switcher-vertical-option-horizontal-padding:24px;
@@ -614,7 +615,7 @@
614
615
  --_rs-switcher-vertical-icon-offset:12px;
615
616
  --_rs-switcher-vertical-icon-margin-vertical:0px;
616
617
  }
617
- ._sizeL_1t0sef3_22 [data-rs-internal='vertical-switcher__option']{
618
+ ._sizeL_j3kgm9_22 [data-rs-internal='vertical-switcher__option']{
618
619
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
619
620
  --_rs-typography-text-transform:initial;
620
621
  --_rs-typography-font-variant-numeric:initial;
@@ -653,18 +654,18 @@
653
654
  --_rs-typography-link-border-bottom-width-from-text:1px;
654
655
  }
655
656
  @media screen and (max-width: 640px){
656
- ._sizeL_1t0sef3_22 [data-rs-internal='vertical-switcher__option']{
657
+ ._sizeL_j3kgm9_22 [data-rs-internal='vertical-switcher__option']{
657
658
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
658
659
  }
659
660
  }
660
661
 
661
- ._modeClassic_1t0sef3_26{
662
+ ._modeClassic_j3kgm9_26{
662
663
  --_rs-switcher-vertical-option-hover-background:var(
663
664
  --_rs-color-primary-t-fog
664
665
  );
665
666
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
666
667
  }
667
- ._modeRock_1t0sef3_29{
668
+ ._modeRock_j3kgm9_29{
668
669
  --_rs-switcher-vertical-option-hover-background:rgba(
669
670
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
670
671
  0.1
@@ -674,7 +675,7 @@
674
675
  );
675
676
  }
676
677
 
677
- ._verticalSwitcher_1t0sef3_33{
678
+ ._verticalSwitcher_j3kgm9_33{
678
679
  --_rs-theme-dark:var(
679
680
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
680
681
  var(--rs-theme-dark, 0)
@@ -686,7 +687,7 @@
686
687
 
687
688
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
688
689
 
689
- ._verticalSwitcher_1t0sef3_33{
690
+ ._verticalSwitcher_j3kgm9_33{
690
691
  --_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)));
691
692
  --_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)));
692
693
  --_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)));
@@ -697,7 +698,7 @@
697
698
 
698
699
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
699
700
 
700
- ._verticalSwitcher_1t0sef3_33{
701
+ ._verticalSwitcher_j3kgm9_33{
701
702
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
702
703
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
703
704
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -706,7 +707,7 @@
706
707
  }
707
708
  }
708
709
 
709
- ._verticalSwitcher_1t0sef3_33 {
710
+ ._verticalSwitcher_j3kgm9_33 {
710
711
 
711
712
  position:relative;
712
713
 
@@ -722,18 +723,18 @@
722
723
  box-shadow:inset rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.3) 0 0 0 1px;
723
724
  }
724
725
 
725
- ._verticalSwitcher_1t0sef3_33._disabled_1t0sef3_50{
726
+ ._verticalSwitcher_j3kgm9_33._disabled_j3kgm9_50{
726
727
  box-shadow:inset rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2) 0 0 0 1px;
727
728
  }
728
729
 
729
- ._alignIconLeft_1t0sef3_55{
730
+ ._alignIconLeft_j3kgm9_55{
730
731
  --_rs-switcher-vertical-option-flex-direction:row;
731
732
  }
732
- ._alignIconRight_1t0sef3_58{
733
+ ._alignIconRight_j3kgm9_58{
733
734
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
734
735
  }
735
736
 
736
- ._option_1t0sef3_62{
737
+ ._option_j3kgm9_62{
737
738
  letter-spacing:var(
738
739
  --rs-text-base-letter-spacing,
739
740
  var(--_rs-typography-letter-spacing)
@@ -777,31 +778,32 @@
777
778
  appearance:none;
778
779
  }
779
780
 
780
- ._disabled_1t0sef3_50 ._option_1t0sef3_62{
781
+ ._disabled_j3kgm9_50 ._option_j3kgm9_62{
781
782
  cursor:not-allowed;
782
783
  pointer-events:none;
783
784
  }
784
785
 
785
- ._option_1t0sef3_62:has(:focus[data-focus-method='key']){
786
+ ._option_j3kgm9_62:has(:focus-visible),
787
+ ._option_j3kgm9_62:has(:focus[data-focus-method='key']){
786
788
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
787
789
  }
788
790
 
789
791
  @media (hover: hover){
790
- ._option_1t0sef3_62:hover{
792
+ ._option_j3kgm9_62:hover{
791
793
  background:var(--_rs-switcher-vertical-option-hover-background);
792
794
  }
793
795
  }
794
796
 
795
- ._option_1t0sef3_62._selected_1t0sef3_107:active{
797
+ ._option_j3kgm9_62._selected_j3kgm9_108:active{
796
798
  background:transparent;
797
799
  }
798
800
 
799
- ._option_1t0sef3_62._selected_1t0sef3_107:hover,
800
- ._option_1t0sef3_62._selected_1t0sef3_107:active{
801
+ ._option_j3kgm9_62._selected_j3kgm9_108:hover,
802
+ ._option_j3kgm9_62._selected_j3kgm9_108:active{
801
803
  cursor:default;
802
804
  }
803
805
 
804
- ._hiddenMark_1t0sef3_116 ._option_1t0sef3_62._selected_1t0sef3_107::before{
806
+ ._hiddenMark_j3kgm9_117 ._option_j3kgm9_62._selected_j3kgm9_108::before{
805
807
  position:absolute;
806
808
  top:0;
807
809
  right:0;
@@ -818,12 +820,12 @@
818
820
  content:'';
819
821
  }
820
822
 
821
- ._hiddenMark_1t0sef3_116._disabled_1t0sef3_50 ._option_1t0sef3_62._selected_1t0sef3_107::before{
823
+ ._hiddenMark_j3kgm9_117._disabled_j3kgm9_50 ._option_j3kgm9_62._selected_j3kgm9_108::before{
822
824
  border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
823
825
  }
824
826
 
825
- ._disabled_1t0sef3_50 ._option_1t0sef3_62,
826
- ._disabled_1t0sef3_50 ._option_1t0sef3_62._selected_1t0sef3_107{
827
+ ._disabled_j3kgm9_50 ._option_j3kgm9_62,
828
+ ._disabled_j3kgm9_50 ._option_j3kgm9_62._selected_j3kgm9_108{
827
829
  color:var(
828
830
  --rs-color-pale,
829
831
  rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
@@ -834,13 +836,13 @@
834
836
  background:transparent;
835
837
  }
836
838
 
837
- ._option_1t0sef3_62 ._optionLabel_1t0sef3_147{
839
+ ._option_j3kgm9_62 ._optionLabel_j3kgm9_148{
838
840
  flex:1 1 auto;
839
841
 
840
842
  text-align:left;
841
843
  }
842
844
 
843
- ._option_1t0sef3_62 ._icon_1t0sef3_153{
845
+ ._option_j3kgm9_62 ._icon_j3kgm9_154{
844
846
  flex:0 0 auto;
845
847
 
846
848
  width:auto;
@@ -852,13 +854,13 @@
852
854
  fill:currentColor;
853
855
  }
854
856
 
855
- ._option_1t0sef3_62 ._fakeIcon_1t0sef3_164{
857
+ ._option_j3kgm9_62 ._fakeIcon_j3kgm9_165{
856
858
  display:inline-block;
857
859
 
858
860
  width:var(--_rs-switcher-vertical-icon-size);
859
861
  }
860
862
 
861
- ._mark_1t0sef3_171{
863
+ ._mark_j3kgm9_172{
862
864
  position:absolute;
863
865
  right:0;
864
866
  left:0;
@@ -874,15 +876,15 @@
874
876
  transition:all var(--_rs-switcher-vertical-mark-transition-duration) var(--rs-transition-function, ease);
875
877
  }
876
878
 
877
- ._disabled_1t0sef3_50 ._mark_1t0sef3_171{
879
+ ._disabled_j3kgm9_50 ._mark_j3kgm9_172{
878
880
  border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
879
881
  }
880
882
 
881
- ._hiddenMark_1t0sef3_116 ._mark_1t0sef3_171{
883
+ ._hiddenMark_j3kgm9_117 ._mark_j3kgm9_172{
882
884
  display:none;
883
885
  }
884
886
 
885
- ._radio_1t0sef3_196{
887
+ ._radio_j3kgm9_197{
886
888
  position:absolute;
887
889
 
888
890
  overflow:hidden;
package/lib/switcher.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_dbmb8m_6","themeDark":"_themeDark_dbmb8m_9","sizeXS":"_sizeXS_dbmb8m_13","sizeS":"_sizeS_dbmb8m_16","sizeM":"_sizeM_dbmb8m_19","sizeL":"_sizeL_dbmb8m_22","modeClassic":"_modeClassic_dbmb8m_26","modeRock":"_modeRock_dbmb8m_29","compact":"_compact_dbmb8m_33","switcher":"_switcher_dbmb8m_37","disabled":"_disabled_dbmb8m_55","alignIconLeft":"_alignIconLeft_dbmb8m_60","alignIconRight":"_alignIconRight_dbmb8m_63","option":"_option_dbmb8m_67","selected":"_selected_dbmb8m_118","hiddenMark":"_hiddenMark_dbmb8m_127","icon":"_icon_dbmb8m_158","mark":"_mark_dbmb8m_171","radio":"_radio_dbmb8m_199"};
1
+ var styles = {"themeLight":"_themeLight_1onzyqg_6","themeDark":"_themeDark_1onzyqg_9","sizeXS":"_sizeXS_1onzyqg_13","sizeS":"_sizeS_1onzyqg_16","sizeM":"_sizeM_1onzyqg_19","sizeL":"_sizeL_1onzyqg_22","modeClassic":"_modeClassic_1onzyqg_26","modeRock":"_modeRock_1onzyqg_29","compact":"_compact_1onzyqg_33","switcher":"_switcher_1onzyqg_37","disabled":"_disabled_1onzyqg_55","alignIconLeft":"_alignIconLeft_1onzyqg_60","alignIconRight":"_alignIconRight_1onzyqg_63","option":"_option_1onzyqg_67","selected":"_selected_1onzyqg_119","hiddenMark":"_hiddenMark_1onzyqg_128","icon":"_icon_1onzyqg_159","mark":"_mark_1onzyqg_172","radio":"_radio_1onzyqg_200"};
2
2
 
3
3
  export { styles as default };
package/lib/vertical-switcher.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_1t0sef3_6","themeDark":"_themeDark_1t0sef3_9","sizeXS":"_sizeXS_1t0sef3_13","sizeS":"_sizeS_1t0sef3_16","sizeM":"_sizeM_1t0sef3_19","sizeL":"_sizeL_1t0sef3_22","modeClassic":"_modeClassic_1t0sef3_26","modeRock":"_modeRock_1t0sef3_29","verticalSwitcher":"_verticalSwitcher_1t0sef3_33","disabled":"_disabled_1t0sef3_50","alignIconLeft":"_alignIconLeft_1t0sef3_55","alignIconRight":"_alignIconRight_1t0sef3_58","option":"_option_1t0sef3_62","selected":"_selected_1t0sef3_107","hiddenMark":"_hiddenMark_1t0sef3_116","optionLabel":"_optionLabel_1t0sef3_147","icon":"_icon_1t0sef3_153","fakeIcon":"_fakeIcon_1t0sef3_164","mark":"_mark_1t0sef3_171","radio":"_radio_1t0sef3_196"};
1
+ var styles = {"themeLight":"_themeLight_j3kgm9_6","themeDark":"_themeDark_j3kgm9_9","sizeXS":"_sizeXS_j3kgm9_13","sizeS":"_sizeS_j3kgm9_16","sizeM":"_sizeM_j3kgm9_19","sizeL":"_sizeL_j3kgm9_22","modeClassic":"_modeClassic_j3kgm9_26","modeRock":"_modeRock_j3kgm9_29","verticalSwitcher":"_verticalSwitcher_j3kgm9_33","disabled":"_disabled_j3kgm9_50","alignIconLeft":"_alignIconLeft_j3kgm9_55","alignIconRight":"_alignIconRight_j3kgm9_58","option":"_option_j3kgm9_62","selected":"_selected_j3kgm9_108","hiddenMark":"_hiddenMark_j3kgm9_117","optionLabel":"_optionLabel_j3kgm9_148","icon":"_icon_j3kgm9_154","fakeIcon":"_fakeIcon_j3kgm9_165","mark":"_mark_j3kgm9_172","radio":"_radio_j3kgm9_197"};
2
2
 
3
3
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.15.0",
3
+ "version": "0.16.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -28,14 +28,14 @@
28
28
  },
29
29
  "devDependencies": {
30
30
  "@rescui/colors": "^0.3.5",
31
- "@rescui/icons": "^1.11.0",
31
+ "@rescui/icons": "^1.11.1",
32
32
  "@rescui/scripts": "^0.6.0",
33
- "@rescui/typography": "^0.29.0"
33
+ "@rescui/typography": "^0.30.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build && yarn run build-pcss-api",
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "e3d19214955db8de3ac6dccdea512f9331332d29"
40
+ "gitHead": "bf5230351055bc038b125e0de66eaee52085973a"
41
41
  }