@rescui/switcher 0.10.0 → 0.10.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/index.css +75 -71
  2. package/lib/switcher.p.module.css.js +17 -17
  3. package/lib/vertical-switcher.p.module.css.js +18 -18
  4. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_1n7cu7x_6{
1
+ ._themeLight_2d4c15_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_1n7cu7x_9{
4
+ ._themeDark_2d4c15_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_1n7cu7x_13{
7
+ ._sizeXS_2d4c15_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_1n7cu7x_13 [data-rs-internal='switcher__option']{
17
+ ._sizeXS_2d4c15_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_1n7cu7x_16{
51
+ ._sizeS_2d4c15_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_1n7cu7x_16 [data-rs-internal='switcher__option']{
61
+ ._sizeS_2d4c15_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_1n7cu7x_19{
95
+ ._sizeM_2d4c15_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_1n7cu7x_19 [data-rs-internal='switcher__option']{
105
+ ._sizeM_2d4c15_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_1n7cu7x_19 [data-rs-internal='switcher__option']{
140
+ ._sizeM_2d4c15_19 [data-rs-internal='switcher__option']{
141
141
  --_rs-typography-list-li-margin-top-from-text:12px;
142
142
  }
143
143
  }
144
- ._sizeL_1n7cu7x_22{
144
+ ._sizeL_2d4c15_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_1n7cu7x_22 [data-rs-internal='switcher__option']{
154
+ ._sizeL_2d4c15_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,22 +186,22 @@
186
186
  --_rs-typography-link-border-bottom-width-from-text:1px;
187
187
  }
188
188
  @media screen and (max-width: 640px){
189
- ._sizeL_1n7cu7x_22 [data-rs-internal='switcher__option']{
189
+ ._sizeL_2d4c15_22 [data-rs-internal='switcher__option']{
190
190
  --_rs-typography-list-li-margin-top-from-text:16px;
191
191
  }
192
192
  }
193
- ._modeClassic_1n7cu7x_26{
193
+ ._modeClassic_2d4c15_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_1n7cu7x_29{
197
+ ._modeRock_2d4c15_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_1n7cu7x_33{
204
+ ._compact_2d4c15_33{
205
205
  --_rs-switcher-border-radius-from-compact:var(
206
206
  --_rs-switcher-compact-border-radius
207
207
  );
@@ -212,7 +212,7 @@
212
212
  --_rs-switcher-compact-icon-offset
213
213
  );
214
214
  }
215
- ._switcher_1n7cu7x_37{
215
+ ._switcher_2d4c15_37{
216
216
  --_rs-theme-dark:var(
217
217
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
218
218
  var(--rs-theme-dark, 0)
@@ -222,7 +222,7 @@
222
222
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
223
223
  }
224
224
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
225
- ._switcher_1n7cu7x_37{
225
+ ._switcher_2d4c15_37{
226
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)));
227
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)));
228
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)));
@@ -231,7 +231,7 @@
231
231
  }
232
232
  }
233
233
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
234
- ._switcher_1n7cu7x_37{
234
+ ._switcher_2d4c15_37{
235
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);
236
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));
237
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));
@@ -239,7 +239,7 @@
239
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));
240
240
  }
241
241
  }
242
- ._switcher_1n7cu7x_37 {
242
+ ._switcher_2d4c15_37 {
243
243
 
244
244
  position:relative;
245
245
 
@@ -262,17 +262,17 @@
262
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
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
264
  }
265
- ._switcher_1n7cu7x_37._disabled_1n7cu7x_55{
265
+ ._switcher_2d4c15_37._disabled_2d4c15_55{
266
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
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
268
  }
269
- ._alignIconLeft_1n7cu7x_60{
269
+ ._alignIconLeft_2d4c15_60{
270
270
  --_rs-switcher-option-flex-direction:row;
271
271
  }
272
- ._alignIconRight_1n7cu7x_63{
272
+ ._alignIconRight_2d4c15_63{
273
273
  --_rs-switcher-option-flex-direction:row-reverse;
274
274
  }
275
- ._option_1n7cu7x_67{
275
+ ._option_2d4c15_67{
276
276
  letter-spacing:var(
277
277
  --rs-text-base-letter-spacing,
278
278
  var(--_rs-typography-letter-spacing)
@@ -339,26 +339,28 @@
339
339
  -moz-appearance:none;
340
340
  appearance:none;
341
341
  }
342
- ._disabled_1n7cu7x_55 ._option_1n7cu7x_67{
342
+ ._disabled_2d4c15_55 ._option_2d4c15_67{
343
343
  cursor:not-allowed;
344
344
  pointer-events:none;
345
345
  }
346
- ._option_1n7cu7x_67:focus[data-focus-method='key']{
346
+ ._option_2d4c15_67:focus[data-focus-method='key']{
347
347
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
348
348
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
349
349
  }
350
- ._option_1n7cu7x_67:hover{
351
- background:var(--_rs-switcher-option-hover-background);
350
+ @media (hover: hover){
351
+ ._option_2d4c15_67:hover{
352
+ background:var(--_rs-switcher-option-hover-background);
353
+ }
352
354
  }
353
- ._option_1n7cu7x_67._selected_1n7cu7x_116:active{
355
+ ._option_2d4c15_67._selected_2d4c15_118:active{
354
356
  background:transparent;
355
357
  }
356
- ._option_1n7cu7x_67._selected_1n7cu7x_116:hover,
357
- ._option_1n7cu7x_67._selected_1n7cu7x_116:active{
358
+ ._option_2d4c15_67._selected_2d4c15_118:hover,
359
+ ._option_2d4c15_67._selected_2d4c15_118:active{
358
360
  cursor:default;
359
361
  }
360
- ._disabled_1n7cu7x_55 ._option_1n7cu7x_67,
361
- ._disabled_1n7cu7x_55 ._option_1n7cu7x_67._selected_1n7cu7x_116{
362
+ ._disabled_2d4c15_55 ._option_2d4c15_67,
363
+ ._disabled_2d4c15_55 ._option_2d4c15_67._selected_2d4c15_118{
362
364
  color:var(
363
365
  --rs-color-pale,
364
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)
@@ -368,7 +370,7 @@
368
370
 
369
371
  background:transparent;
370
372
  }
371
- ._option_1n7cu7x_67 ._icon_1n7cu7x_135{
373
+ ._option_2d4c15_67 ._icon_2d4c15_137{
372
374
  -webkit-box-flex:0;
373
375
  -ms-flex:0 0 auto;
374
376
  flex:0 0 auto;
@@ -381,7 +383,7 @@
381
383
  margin-top:var(--_rs-switcher-icon-margin-vertical);
382
384
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
383
385
  }
384
- ._mark_1n7cu7x_148{
386
+ ._mark_2d4c15_150{
385
387
  position:absolute;
386
388
  top:0;
387
389
  bottom:0;
@@ -403,17 +405,17 @@
403
405
 
404
406
  transition:all 0.2s;
405
407
  }
406
- ._disabled_1n7cu7x_55 ._mark_1n7cu7x_148{
408
+ ._disabled_2d4c15_55 ._mark_2d4c15_150{
407
409
  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
410
  }
409
411
 
410
- ._themeLight_1ulrvt0_6{
412
+ ._themeLight_1wzz92o_6{
411
413
  --rs-theme-dark:0;
412
414
  }
413
- ._themeDark_1ulrvt0_9{
415
+ ._themeDark_1wzz92o_9{
414
416
  --rs-theme-dark:1;
415
417
  }
416
- ._sizeXS_1ulrvt0_13{
418
+ ._sizeXS_1wzz92o_13{
417
419
  --_rs-switcher-vertical-border-radius:4px;
418
420
  --_rs-switcher-vertical-option-vertical-padding:2px;
419
421
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -421,7 +423,7 @@
421
423
  --_rs-switcher-vertical-icon-offset:4px;
422
424
  --_rs-switcher-vertical-icon-margin-vertical:2px;
423
425
  }
424
- ._sizeXS_1ulrvt0_13 [data-rs-internal='vertical-switcher__option']{
426
+ ._sizeXS_1wzz92o_13 [data-rs-internal='vertical-switcher__option']{
425
427
  --_rs-typography-letter-spacing:0.0045em;
426
428
  --_rs-typography-text-transform:initial;
427
429
  --_rs-typography-font-variant-numeric:initial;
@@ -455,7 +457,7 @@
455
457
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
456
458
  --_rs-typography-link-border-bottom-width-from-text:1px;
457
459
  }
458
- ._sizeS_1ulrvt0_16{
460
+ ._sizeS_1wzz92o_16{
459
461
  --_rs-switcher-vertical-border-radius:4px;
460
462
  --_rs-switcher-vertical-option-vertical-padding:6px;
461
463
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -463,7 +465,7 @@
463
465
  --_rs-switcher-vertical-icon-offset:4px;
464
466
  --_rs-switcher-vertical-icon-margin-vertical:0px;
465
467
  }
466
- ._sizeS_1ulrvt0_16 [data-rs-internal='vertical-switcher__option']{
468
+ ._sizeS_1wzz92o_16 [data-rs-internal='vertical-switcher__option']{
467
469
  --_rs-typography-letter-spacing:0.0045em;
468
470
  --_rs-typography-text-transform:initial;
469
471
  --_rs-typography-font-variant-numeric:initial;
@@ -497,7 +499,7 @@
497
499
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
498
500
  --_rs-typography-link-border-bottom-width-from-text:1px;
499
501
  }
500
- ._sizeM_1ulrvt0_19{
502
+ ._sizeM_1wzz92o_19{
501
503
  --_rs-switcher-vertical-border-radius:8px;
502
504
  --_rs-switcher-vertical-option-vertical-padding:8px;
503
505
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -505,7 +507,7 @@
505
507
  --_rs-switcher-vertical-icon-offset:8px;
506
508
  --_rs-switcher-vertical-icon-margin-vertical:0px;
507
509
  }
508
- ._sizeM_1ulrvt0_19 [data-rs-internal='vertical-switcher__option']{
510
+ ._sizeM_1wzz92o_19 [data-rs-internal='vertical-switcher__option']{
509
511
  --_rs-typography-letter-spacing:0.0015em;
510
512
  --_rs-typography-text-transform:initial;
511
513
  --_rs-typography-font-variant-numeric:initial;
@@ -540,11 +542,11 @@
540
542
  --_rs-typography-link-border-bottom-width-from-text:1px;
541
543
  }
542
544
  @media screen and (max-width: 640px){
543
- ._sizeM_1ulrvt0_19 [data-rs-internal='vertical-switcher__option']{
545
+ ._sizeM_1wzz92o_19 [data-rs-internal='vertical-switcher__option']{
544
546
  --_rs-typography-list-li-margin-top-from-text:12px;
545
547
  }
546
548
  }
547
- ._sizeL_1ulrvt0_22{
549
+ ._sizeL_1wzz92o_22{
548
550
  --_rs-switcher-vertical-border-radius:12px;
549
551
  --_rs-switcher-vertical-option-vertical-padding:12px;
550
552
  --_rs-switcher-vertical-option-horizontal-padding:24px;
@@ -552,7 +554,7 @@
552
554
  --_rs-switcher-vertical-icon-offset:12px;
553
555
  --_rs-switcher-vertical-icon-margin-vertical:0px;
554
556
  }
555
- ._sizeL_1ulrvt0_22 [data-rs-internal='vertical-switcher__option']{
557
+ ._sizeL_1wzz92o_22 [data-rs-internal='vertical-switcher__option']{
556
558
  --_rs-typography-letter-spacing:normal;
557
559
  --_rs-typography-text-transform:initial;
558
560
  --_rs-typography-font-variant-numeric:initial;
@@ -587,17 +589,17 @@
587
589
  --_rs-typography-link-border-bottom-width-from-text:1px;
588
590
  }
589
591
  @media screen and (max-width: 640px){
590
- ._sizeL_1ulrvt0_22 [data-rs-internal='vertical-switcher__option']{
592
+ ._sizeL_1wzz92o_22 [data-rs-internal='vertical-switcher__option']{
591
593
  --_rs-typography-list-li-margin-top-from-text:16px;
592
594
  }
593
595
  }
594
- ._modeClassic_1ulrvt0_26{
596
+ ._modeClassic_1wzz92o_26{
595
597
  --_rs-switcher-vertical-option-hover-background:var(
596
598
  --_rs-color-primary-t-fog
597
599
  );
598
600
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
599
601
  }
600
- ._modeRock_1ulrvt0_29{
602
+ ._modeRock_1wzz92o_29{
601
603
  --_rs-switcher-vertical-option-hover-background:rgba(
602
604
  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
605
  0.1
@@ -606,7 +608,7 @@
606
608
  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
609
  );
608
610
  }
609
- ._verticalSwitcher_1ulrvt0_33{
611
+ ._verticalSwitcher_1wzz92o_33{
610
612
  --_rs-theme-dark:var(
611
613
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
612
614
  var(--rs-theme-dark, 0)
@@ -616,7 +618,7 @@
616
618
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
617
619
  }
618
620
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
619
- ._verticalSwitcher_1ulrvt0_33{
621
+ ._verticalSwitcher_1wzz92o_33{
620
622
  --_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
623
  --_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
624
  --_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)));
@@ -625,7 +627,7 @@
625
627
  }
626
628
  }
627
629
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
628
- ._verticalSwitcher_1ulrvt0_33{
630
+ ._verticalSwitcher_1wzz92o_33{
629
631
  --_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
632
  --_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
633
  --_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));
@@ -633,7 +635,7 @@
633
635
  --_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
636
  }
635
637
  }
636
- ._verticalSwitcher_1ulrvt0_33 {
638
+ ._verticalSwitcher_1wzz92o_33 {
637
639
 
638
640
  position:relative;
639
641
 
@@ -660,17 +662,17 @@
660
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;
661
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;
662
664
  }
663
- ._verticalSwitcher_1ulrvt0_33._disabled_1ulrvt0_50{
665
+ ._verticalSwitcher_1wzz92o_33._disabled_1wzz92o_50{
664
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;
665
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;
666
668
  }
667
- ._alignIconLeft_1ulrvt0_55{
669
+ ._alignIconLeft_1wzz92o_55{
668
670
  --_rs-switcher-vertical-option-flex-direction:row;
669
671
  }
670
- ._alignIconRight_1ulrvt0_58{
672
+ ._alignIconRight_1wzz92o_58{
671
673
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
672
674
  }
673
- ._option_1ulrvt0_62{
675
+ ._option_1wzz92o_62{
674
676
  letter-spacing:var(
675
677
  --rs-text-base-letter-spacing,
676
678
  var(--_rs-typography-letter-spacing)
@@ -731,26 +733,28 @@
731
733
  -moz-appearance:none;
732
734
  appearance:none;
733
735
  }
734
- ._disabled_1ulrvt0_50 ._option_1ulrvt0_62{
736
+ ._disabled_1wzz92o_50 ._option_1wzz92o_62{
735
737
  cursor:not-allowed;
736
738
  pointer-events:none;
737
739
  }
738
- ._option_1ulrvt0_62:focus[data-focus-method='key']{
740
+ ._option_1wzz92o_62:focus[data-focus-method='key']{
739
741
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
740
742
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
741
743
  }
742
- ._option_1ulrvt0_62:hover{
743
- background:var(--_rs-switcher-vertical-option-hover-background);
744
+ @media (hover: hover){
745
+ ._option_1wzz92o_62:hover{
746
+ background:var(--_rs-switcher-vertical-option-hover-background);
747
+ }
744
748
  }
745
- ._option_1ulrvt0_62._selected_1ulrvt0_105:active{
749
+ ._option_1wzz92o_62._selected_1wzz92o_107:active{
746
750
  background:transparent;
747
751
  }
748
- ._option_1ulrvt0_62._selected_1ulrvt0_105:hover,
749
- ._option_1ulrvt0_62._selected_1ulrvt0_105:active{
752
+ ._option_1wzz92o_62._selected_1wzz92o_107:hover,
753
+ ._option_1wzz92o_62._selected_1wzz92o_107:active{
750
754
  cursor:default;
751
755
  }
752
- ._disabled_1ulrvt0_50 ._option_1ulrvt0_62,
753
- ._disabled_1ulrvt0_50 ._option_1ulrvt0_62._selected_1ulrvt0_105{
756
+ ._disabled_1wzz92o_50 ._option_1wzz92o_62,
757
+ ._disabled_1wzz92o_50 ._option_1wzz92o_62._selected_1wzz92o_107{
754
758
  color:var(
755
759
  --rs-color-pale,
756
760
  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)
@@ -760,14 +764,14 @@
760
764
 
761
765
  background:transparent;
762
766
  }
763
- ._option_1ulrvt0_62 ._optionLabel_1ulrvt0_124{
767
+ ._option_1wzz92o_62 ._optionLabel_1wzz92o_126{
764
768
  -webkit-box-flex:1;
765
769
  -ms-flex:1 1 auto;
766
770
  flex:1 1 auto;
767
771
 
768
772
  text-align:left;
769
773
  }
770
- ._option_1ulrvt0_62 ._icon_1ulrvt0_130{
774
+ ._option_1wzz92o_62 ._icon_1wzz92o_132{
771
775
  -webkit-box-flex:0;
772
776
  -ms-flex:0 0 auto;
773
777
  flex:0 0 auto;
@@ -780,12 +784,12 @@
780
784
 
781
785
  fill:currentColor;
782
786
  }
783
- ._option_1ulrvt0_62 ._fakeIcon_1ulrvt0_141{
787
+ ._option_1wzz92o_62 ._fakeIcon_1wzz92o_143{
784
788
  display:inline-block;
785
789
 
786
790
  width:var(--_rs-switcher-vertical-icon-size);
787
791
  }
788
- ._mark_1ulrvt0_148{
792
+ ._mark_1wzz92o_150{
789
793
  position:absolute;
790
794
  right:0;
791
795
  left:0;
@@ -804,6 +808,6 @@
804
808
 
805
809
  transition:all 0.2s;
806
810
  }
807
- ._disabled_1ulrvt0_50 ._mark_1ulrvt0_148{
811
+ ._disabled_1wzz92o_50 ._mark_1wzz92o_150{
808
812
  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);
809
813
  }
package/lib/switcher.p.module.css.js CHANGED
@@ -1,20 +1,20 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1n7cu7x_6",
3
- "themeDark": "_themeDark_1n7cu7x_9",
4
- "sizeXS": "_sizeXS_1n7cu7x_13",
5
- "sizeS": "_sizeS_1n7cu7x_16",
6
- "sizeM": "_sizeM_1n7cu7x_19",
7
- "sizeL": "_sizeL_1n7cu7x_22",
8
- "modeClassic": "_modeClassic_1n7cu7x_26",
9
- "modeRock": "_modeRock_1n7cu7x_29",
10
- "compact": "_compact_1n7cu7x_33",
11
- "switcher": "_switcher_1n7cu7x_37",
12
- "disabled": "_disabled_1n7cu7x_55",
13
- "alignIconLeft": "_alignIconLeft_1n7cu7x_60",
14
- "alignIconRight": "_alignIconRight_1n7cu7x_63",
15
- "option": "_option_1n7cu7x_67",
16
- "selected": "_selected_1n7cu7x_116",
17
- "icon": "_icon_1n7cu7x_135",
18
- "mark": "_mark_1n7cu7x_148"
2
+ "themeLight": "_themeLight_2d4c15_6",
3
+ "themeDark": "_themeDark_2d4c15_9",
4
+ "sizeXS": "_sizeXS_2d4c15_13",
5
+ "sizeS": "_sizeS_2d4c15_16",
6
+ "sizeM": "_sizeM_2d4c15_19",
7
+ "sizeL": "_sizeL_2d4c15_22",
8
+ "modeClassic": "_modeClassic_2d4c15_26",
9
+ "modeRock": "_modeRock_2d4c15_29",
10
+ "compact": "_compact_2d4c15_33",
11
+ "switcher": "_switcher_2d4c15_37",
12
+ "disabled": "_disabled_2d4c15_55",
13
+ "alignIconLeft": "_alignIconLeft_2d4c15_60",
14
+ "alignIconRight": "_alignIconRight_2d4c15_63",
15
+ "option": "_option_2d4c15_67",
16
+ "selected": "_selected_2d4c15_118",
17
+ "icon": "_icon_2d4c15_137",
18
+ "mark": "_mark_2d4c15_150"
19
19
  };
20
20
  export { styles as default };
package/lib/vertical-switcher.p.module.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1ulrvt0_6",
3
- "themeDark": "_themeDark_1ulrvt0_9",
4
- "sizeXS": "_sizeXS_1ulrvt0_13",
5
- "sizeS": "_sizeS_1ulrvt0_16",
6
- "sizeM": "_sizeM_1ulrvt0_19",
7
- "sizeL": "_sizeL_1ulrvt0_22",
8
- "modeClassic": "_modeClassic_1ulrvt0_26",
9
- "modeRock": "_modeRock_1ulrvt0_29",
10
- "verticalSwitcher": "_verticalSwitcher_1ulrvt0_33",
11
- "disabled": "_disabled_1ulrvt0_50",
12
- "alignIconLeft": "_alignIconLeft_1ulrvt0_55",
13
- "alignIconRight": "_alignIconRight_1ulrvt0_58",
14
- "option": "_option_1ulrvt0_62",
15
- "selected": "_selected_1ulrvt0_105",
16
- "optionLabel": "_optionLabel_1ulrvt0_124",
17
- "icon": "_icon_1ulrvt0_130",
18
- "fakeIcon": "_fakeIcon_1ulrvt0_141",
19
- "mark": "_mark_1ulrvt0_148"
2
+ "themeLight": "_themeLight_1wzz92o_6",
3
+ "themeDark": "_themeDark_1wzz92o_9",
4
+ "sizeXS": "_sizeXS_1wzz92o_13",
5
+ "sizeS": "_sizeS_1wzz92o_16",
6
+ "sizeM": "_sizeM_1wzz92o_19",
7
+ "sizeL": "_sizeL_1wzz92o_22",
8
+ "modeClassic": "_modeClassic_1wzz92o_26",
9
+ "modeRock": "_modeRock_1wzz92o_29",
10
+ "verticalSwitcher": "_verticalSwitcher_1wzz92o_33",
11
+ "disabled": "_disabled_1wzz92o_50",
12
+ "alignIconLeft": "_alignIconLeft_1wzz92o_55",
13
+ "alignIconRight": "_alignIconRight_1wzz92o_58",
14
+ "option": "_option_1wzz92o_62",
15
+ "selected": "_selected_1wzz92o_107",
16
+ "optionLabel": "_optionLabel_1wzz92o_126",
17
+ "icon": "_icon_1wzz92o_132",
18
+ "fakeIcon": "_fakeIcon_1wzz92o_143",
19
+ "mark": "_mark_1wzz92o_150"
20
20
  };
21
21
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.10.0",
3
+ "version": "0.10.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,14 +27,14 @@
27
27
  },
28
28
  "devDependencies": {
29
29
  "@rescui/colors": "^0.2.5",
30
- "@rescui/icons": "^0.16.9",
30
+ "@rescui/icons": "^0.16.10",
31
31
  "@rescui/scripts": "^0.3.4",
32
- "@rescui/typography": "^0.18.2"
32
+ "@rescui/typography": "^0.19.0"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rescui-scripts build && yarn run build-pcss-api",
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "589f7fc39f043538812b2a1c62f782645a7864bb"
39
+ "gitHead": "69a84812628809943698f0b27643c83dc449f119"
40
40
  }