@rescui/switcher 0.10.1 → 0.10.3

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 +69 -69
  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_3s9oe6_6{
1
+ ._themeLight_1i5u8r0_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_3s9oe6_9{
4
+ ._themeDark_1i5u8r0_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_3s9oe6_13{
7
+ ._sizeXS_1i5u8r0_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_3s9oe6_13 [data-rs-internal='switcher__option']{
17
+ ._sizeXS_1i5u8r0_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_3s9oe6_16{
51
+ ._sizeS_1i5u8r0_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_3s9oe6_16 [data-rs-internal='switcher__option']{
61
+ ._sizeS_1i5u8r0_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_3s9oe6_19{
95
+ ._sizeM_1i5u8r0_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_3s9oe6_19 [data-rs-internal='switcher__option']{
105
+ ._sizeM_1i5u8r0_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_3s9oe6_19 [data-rs-internal='switcher__option']{
140
+ ._sizeM_1i5u8r0_19 [data-rs-internal='switcher__option']{
141
141
  --_rs-typography-list-li-margin-top-from-text:12px;
142
142
  }
143
143
  }
144
- ._sizeL_3s9oe6_22{
144
+ ._sizeL_1i5u8r0_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_3s9oe6_22 [data-rs-internal='switcher__option']{
154
+ ._sizeL_1i5u8r0_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_3s9oe6_22 [data-rs-internal='switcher__option']{
189
+ ._sizeL_1i5u8r0_22 [data-rs-internal='switcher__option']{
190
190
  --_rs-typography-list-li-margin-top-from-text:16px;
191
191
  }
192
192
  }
193
- ._modeClassic_3s9oe6_26{
193
+ ._modeClassic_1i5u8r0_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_3s9oe6_29{
197
+ ._modeRock_1i5u8r0_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_3s9oe6_33{
204
+ ._compact_1i5u8r0_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_3s9oe6_37{
215
+ ._switcher_1i5u8r0_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_3s9oe6_37{
225
+ ._switcher_1i5u8r0_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_3s9oe6_37{
234
+ ._switcher_1i5u8r0_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_3s9oe6_37 {
242
+ ._switcher_1i5u8r0_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_3s9oe6_37._disabled_3s9oe6_55{
265
+ ._switcher_1i5u8r0_37._disabled_1i5u8r0_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_3s9oe6_60{
269
+ ._alignIconLeft_1i5u8r0_60{
270
270
  --_rs-switcher-option-flex-direction:row;
271
271
  }
272
- ._alignIconRight_3s9oe6_63{
272
+ ._alignIconRight_1i5u8r0_63{
273
273
  --_rs-switcher-option-flex-direction:row-reverse;
274
274
  }
275
- ._option_3s9oe6_67{
275
+ ._option_1i5u8r0_67{
276
276
  letter-spacing:var(
277
277
  --rs-text-base-letter-spacing,
278
278
  var(--_rs-typography-letter-spacing)
@@ -339,28 +339,28 @@
339
339
  -moz-appearance:none;
340
340
  appearance:none;
341
341
  }
342
- ._disabled_3s9oe6_55 ._option_3s9oe6_67{
342
+ ._disabled_1i5u8r0_55 ._option_1i5u8r0_67{
343
343
  cursor:not-allowed;
344
344
  pointer-events:none;
345
345
  }
346
- ._option_3s9oe6_67:focus[data-focus-method='key']{
346
+ ._option_1i5u8r0_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
350
  @media (hover: hover){
351
- ._option_3s9oe6_67:hover{
351
+ ._option_1i5u8r0_67:hover{
352
352
  background:var(--_rs-switcher-option-hover-background);
353
353
  }
354
354
  }
355
- ._option_3s9oe6_67._selected_3s9oe6_118:active{
355
+ ._option_1i5u8r0_67._selected_1i5u8r0_118:active{
356
356
  background:transparent;
357
357
  }
358
- ._option_3s9oe6_67._selected_3s9oe6_118:hover,
359
- ._option_3s9oe6_67._selected_3s9oe6_118:active{
358
+ ._option_1i5u8r0_67._selected_1i5u8r0_118:hover,
359
+ ._option_1i5u8r0_67._selected_1i5u8r0_118:active{
360
360
  cursor:default;
361
361
  }
362
- ._disabled_3s9oe6_55 ._option_3s9oe6_67,
363
- ._disabled_3s9oe6_55 ._option_3s9oe6_67._selected_3s9oe6_118{
362
+ ._disabled_1i5u8r0_55 ._option_1i5u8r0_67,
363
+ ._disabled_1i5u8r0_55 ._option_1i5u8r0_67._selected_1i5u8r0_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,7 +370,7 @@
370
370
 
371
371
  background:transparent;
372
372
  }
373
- ._option_3s9oe6_67 ._icon_3s9oe6_137{
373
+ ._option_1i5u8r0_67 ._icon_1i5u8r0_137{
374
374
  -webkit-box-flex:0;
375
375
  -ms-flex:0 0 auto;
376
376
  flex:0 0 auto;
@@ -383,7 +383,7 @@
383
383
  margin-top:var(--_rs-switcher-icon-margin-vertical);
384
384
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
385
385
  }
386
- ._mark_3s9oe6_150{
386
+ ._mark_1i5u8r0_150{
387
387
  position:absolute;
388
388
  top:0;
389
389
  bottom:0;
@@ -405,17 +405,17 @@
405
405
 
406
406
  transition:all 0.2s;
407
407
  }
408
- ._disabled_3s9oe6_55 ._mark_3s9oe6_150{
408
+ ._disabled_1i5u8r0_55 ._mark_1i5u8r0_150{
409
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);
410
410
  }
411
411
 
412
- ._themeLight_1mttwcn_6{
412
+ ._themeLight_el1i9h_6{
413
413
  --rs-theme-dark:0;
414
414
  }
415
- ._themeDark_1mttwcn_9{
415
+ ._themeDark_el1i9h_9{
416
416
  --rs-theme-dark:1;
417
417
  }
418
- ._sizeXS_1mttwcn_13{
418
+ ._sizeXS_el1i9h_13{
419
419
  --_rs-switcher-vertical-border-radius:4px;
420
420
  --_rs-switcher-vertical-option-vertical-padding:2px;
421
421
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -423,7 +423,7 @@
423
423
  --_rs-switcher-vertical-icon-offset:4px;
424
424
  --_rs-switcher-vertical-icon-margin-vertical:2px;
425
425
  }
426
- ._sizeXS_1mttwcn_13 [data-rs-internal='vertical-switcher__option']{
426
+ ._sizeXS_el1i9h_13 [data-rs-internal='vertical-switcher__option']{
427
427
  --_rs-typography-letter-spacing:0.0045em;
428
428
  --_rs-typography-text-transform:initial;
429
429
  --_rs-typography-font-variant-numeric:initial;
@@ -457,7 +457,7 @@
457
457
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
458
458
  --_rs-typography-link-border-bottom-width-from-text:1px;
459
459
  }
460
- ._sizeS_1mttwcn_16{
460
+ ._sizeS_el1i9h_16{
461
461
  --_rs-switcher-vertical-border-radius:4px;
462
462
  --_rs-switcher-vertical-option-vertical-padding:6px;
463
463
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -465,7 +465,7 @@
465
465
  --_rs-switcher-vertical-icon-offset:4px;
466
466
  --_rs-switcher-vertical-icon-margin-vertical:0px;
467
467
  }
468
- ._sizeS_1mttwcn_16 [data-rs-internal='vertical-switcher__option']{
468
+ ._sizeS_el1i9h_16 [data-rs-internal='vertical-switcher__option']{
469
469
  --_rs-typography-letter-spacing:0.0045em;
470
470
  --_rs-typography-text-transform:initial;
471
471
  --_rs-typography-font-variant-numeric:initial;
@@ -499,7 +499,7 @@
499
499
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
500
500
  --_rs-typography-link-border-bottom-width-from-text:1px;
501
501
  }
502
- ._sizeM_1mttwcn_19{
502
+ ._sizeM_el1i9h_19{
503
503
  --_rs-switcher-vertical-border-radius:8px;
504
504
  --_rs-switcher-vertical-option-vertical-padding:8px;
505
505
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -507,7 +507,7 @@
507
507
  --_rs-switcher-vertical-icon-offset:8px;
508
508
  --_rs-switcher-vertical-icon-margin-vertical:0px;
509
509
  }
510
- ._sizeM_1mttwcn_19 [data-rs-internal='vertical-switcher__option']{
510
+ ._sizeM_el1i9h_19 [data-rs-internal='vertical-switcher__option']{
511
511
  --_rs-typography-letter-spacing:0.0015em;
512
512
  --_rs-typography-text-transform:initial;
513
513
  --_rs-typography-font-variant-numeric:initial;
@@ -542,11 +542,11 @@
542
542
  --_rs-typography-link-border-bottom-width-from-text:1px;
543
543
  }
544
544
  @media screen and (max-width: 640px){
545
- ._sizeM_1mttwcn_19 [data-rs-internal='vertical-switcher__option']{
545
+ ._sizeM_el1i9h_19 [data-rs-internal='vertical-switcher__option']{
546
546
  --_rs-typography-list-li-margin-top-from-text:12px;
547
547
  }
548
548
  }
549
- ._sizeL_1mttwcn_22{
549
+ ._sizeL_el1i9h_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,7 +554,7 @@
554
554
  --_rs-switcher-vertical-icon-offset:12px;
555
555
  --_rs-switcher-vertical-icon-margin-vertical:0px;
556
556
  }
557
- ._sizeL_1mttwcn_22 [data-rs-internal='vertical-switcher__option']{
557
+ ._sizeL_el1i9h_22 [data-rs-internal='vertical-switcher__option']{
558
558
  --_rs-typography-letter-spacing:normal;
559
559
  --_rs-typography-text-transform:initial;
560
560
  --_rs-typography-font-variant-numeric:initial;
@@ -589,17 +589,17 @@
589
589
  --_rs-typography-link-border-bottom-width-from-text:1px;
590
590
  }
591
591
  @media screen and (max-width: 640px){
592
- ._sizeL_1mttwcn_22 [data-rs-internal='vertical-switcher__option']{
592
+ ._sizeL_el1i9h_22 [data-rs-internal='vertical-switcher__option']{
593
593
  --_rs-typography-list-li-margin-top-from-text:16px;
594
594
  }
595
595
  }
596
- ._modeClassic_1mttwcn_26{
596
+ ._modeClassic_el1i9h_26{
597
597
  --_rs-switcher-vertical-option-hover-background:var(
598
598
  --_rs-color-primary-t-fog
599
599
  );
600
600
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
601
601
  }
602
- ._modeRock_1mttwcn_29{
602
+ ._modeRock_el1i9h_29{
603
603
  --_rs-switcher-vertical-option-hover-background:rgba(
604
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),
605
605
  0.1
@@ -608,7 +608,7 @@
608
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)
609
609
  );
610
610
  }
611
- ._verticalSwitcher_1mttwcn_33{
611
+ ._verticalSwitcher_el1i9h_33{
612
612
  --_rs-theme-dark:var(
613
613
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
614
614
  var(--rs-theme-dark, 0)
@@ -618,7 +618,7 @@
618
618
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
619
619
  }
620
620
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
621
- ._verticalSwitcher_1mttwcn_33{
621
+ ._verticalSwitcher_el1i9h_33{
622
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)));
623
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)));
624
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)));
@@ -627,7 +627,7 @@
627
627
  }
628
628
  }
629
629
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
630
- ._verticalSwitcher_1mttwcn_33{
630
+ ._verticalSwitcher_el1i9h_33{
631
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);
632
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));
633
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));
@@ -635,7 +635,7 @@
635
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));
636
636
  }
637
637
  }
638
- ._verticalSwitcher_1mttwcn_33 {
638
+ ._verticalSwitcher_el1i9h_33 {
639
639
 
640
640
  position:relative;
641
641
 
@@ -662,17 +662,17 @@
662
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
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;
664
664
  }
665
- ._verticalSwitcher_1mttwcn_33._disabled_1mttwcn_50{
665
+ ._verticalSwitcher_el1i9h_33._disabled_el1i9h_50{
666
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
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;
668
668
  }
669
- ._alignIconLeft_1mttwcn_55{
669
+ ._alignIconLeft_el1i9h_55{
670
670
  --_rs-switcher-vertical-option-flex-direction:row;
671
671
  }
672
- ._alignIconRight_1mttwcn_58{
672
+ ._alignIconRight_el1i9h_58{
673
673
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
674
674
  }
675
- ._option_1mttwcn_62{
675
+ ._option_el1i9h_62{
676
676
  letter-spacing:var(
677
677
  --rs-text-base-letter-spacing,
678
678
  var(--_rs-typography-letter-spacing)
@@ -733,28 +733,28 @@
733
733
  -moz-appearance:none;
734
734
  appearance:none;
735
735
  }
736
- ._disabled_1mttwcn_50 ._option_1mttwcn_62{
736
+ ._disabled_el1i9h_50 ._option_el1i9h_62{
737
737
  cursor:not-allowed;
738
738
  pointer-events:none;
739
739
  }
740
- ._option_1mttwcn_62:focus[data-focus-method='key']{
740
+ ._option_el1i9h_62:focus[data-focus-method='key']{
741
741
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
742
742
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
743
743
  }
744
744
  @media (hover: hover){
745
- ._option_1mttwcn_62:hover{
745
+ ._option_el1i9h_62:hover{
746
746
  background:var(--_rs-switcher-vertical-option-hover-background);
747
747
  }
748
748
  }
749
- ._option_1mttwcn_62._selected_1mttwcn_107:active{
749
+ ._option_el1i9h_62._selected_el1i9h_107:active{
750
750
  background:transparent;
751
751
  }
752
- ._option_1mttwcn_62._selected_1mttwcn_107:hover,
753
- ._option_1mttwcn_62._selected_1mttwcn_107:active{
752
+ ._option_el1i9h_62._selected_el1i9h_107:hover,
753
+ ._option_el1i9h_62._selected_el1i9h_107:active{
754
754
  cursor:default;
755
755
  }
756
- ._disabled_1mttwcn_50 ._option_1mttwcn_62,
757
- ._disabled_1mttwcn_50 ._option_1mttwcn_62._selected_1mttwcn_107{
756
+ ._disabled_el1i9h_50 ._option_el1i9h_62,
757
+ ._disabled_el1i9h_50 ._option_el1i9h_62._selected_el1i9h_107{
758
758
  color:var(
759
759
  --rs-color-pale,
760
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)
@@ -764,14 +764,14 @@
764
764
 
765
765
  background:transparent;
766
766
  }
767
- ._option_1mttwcn_62 ._optionLabel_1mttwcn_126{
767
+ ._option_el1i9h_62 ._optionLabel_el1i9h_126{
768
768
  -webkit-box-flex:1;
769
769
  -ms-flex:1 1 auto;
770
770
  flex:1 1 auto;
771
771
 
772
772
  text-align:left;
773
773
  }
774
- ._option_1mttwcn_62 ._icon_1mttwcn_132{
774
+ ._option_el1i9h_62 ._icon_el1i9h_132{
775
775
  -webkit-box-flex:0;
776
776
  -ms-flex:0 0 auto;
777
777
  flex:0 0 auto;
@@ -784,12 +784,12 @@
784
784
 
785
785
  fill:currentColor;
786
786
  }
787
- ._option_1mttwcn_62 ._fakeIcon_1mttwcn_143{
787
+ ._option_el1i9h_62 ._fakeIcon_el1i9h_143{
788
788
  display:inline-block;
789
789
 
790
790
  width:var(--_rs-switcher-vertical-icon-size);
791
791
  }
792
- ._mark_1mttwcn_150{
792
+ ._mark_el1i9h_150{
793
793
  position:absolute;
794
794
  right:0;
795
795
  left:0;
@@ -808,6 +808,6 @@
808
808
 
809
809
  transition:all 0.2s;
810
810
  }
811
- ._disabled_1mttwcn_50 ._mark_1mttwcn_150{
811
+ ._disabled_el1i9h_50 ._mark_el1i9h_150{
812
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);
813
813
  }
package/lib/switcher.p.module.css.js CHANGED
@@ -1,20 +1,20 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_3s9oe6_6",
3
- "themeDark": "_themeDark_3s9oe6_9",
4
- "sizeXS": "_sizeXS_3s9oe6_13",
5
- "sizeS": "_sizeS_3s9oe6_16",
6
- "sizeM": "_sizeM_3s9oe6_19",
7
- "sizeL": "_sizeL_3s9oe6_22",
8
- "modeClassic": "_modeClassic_3s9oe6_26",
9
- "modeRock": "_modeRock_3s9oe6_29",
10
- "compact": "_compact_3s9oe6_33",
11
- "switcher": "_switcher_3s9oe6_37",
12
- "disabled": "_disabled_3s9oe6_55",
13
- "alignIconLeft": "_alignIconLeft_3s9oe6_60",
14
- "alignIconRight": "_alignIconRight_3s9oe6_63",
15
- "option": "_option_3s9oe6_67",
16
- "selected": "_selected_3s9oe6_118",
17
- "icon": "_icon_3s9oe6_137",
18
- "mark": "_mark_3s9oe6_150"
2
+ "themeLight": "_themeLight_1i5u8r0_6",
3
+ "themeDark": "_themeDark_1i5u8r0_9",
4
+ "sizeXS": "_sizeXS_1i5u8r0_13",
5
+ "sizeS": "_sizeS_1i5u8r0_16",
6
+ "sizeM": "_sizeM_1i5u8r0_19",
7
+ "sizeL": "_sizeL_1i5u8r0_22",
8
+ "modeClassic": "_modeClassic_1i5u8r0_26",
9
+ "modeRock": "_modeRock_1i5u8r0_29",
10
+ "compact": "_compact_1i5u8r0_33",
11
+ "switcher": "_switcher_1i5u8r0_37",
12
+ "disabled": "_disabled_1i5u8r0_55",
13
+ "alignIconLeft": "_alignIconLeft_1i5u8r0_60",
14
+ "alignIconRight": "_alignIconRight_1i5u8r0_63",
15
+ "option": "_option_1i5u8r0_67",
16
+ "selected": "_selected_1i5u8r0_118",
17
+ "icon": "_icon_1i5u8r0_137",
18
+ "mark": "_mark_1i5u8r0_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_1mttwcn_6",
3
- "themeDark": "_themeDark_1mttwcn_9",
4
- "sizeXS": "_sizeXS_1mttwcn_13",
5
- "sizeS": "_sizeS_1mttwcn_16",
6
- "sizeM": "_sizeM_1mttwcn_19",
7
- "sizeL": "_sizeL_1mttwcn_22",
8
- "modeClassic": "_modeClassic_1mttwcn_26",
9
- "modeRock": "_modeRock_1mttwcn_29",
10
- "verticalSwitcher": "_verticalSwitcher_1mttwcn_33",
11
- "disabled": "_disabled_1mttwcn_50",
12
- "alignIconLeft": "_alignIconLeft_1mttwcn_55",
13
- "alignIconRight": "_alignIconRight_1mttwcn_58",
14
- "option": "_option_1mttwcn_62",
15
- "selected": "_selected_1mttwcn_107",
16
- "optionLabel": "_optionLabel_1mttwcn_126",
17
- "icon": "_icon_1mttwcn_132",
18
- "fakeIcon": "_fakeIcon_1mttwcn_143",
19
- "mark": "_mark_1mttwcn_150"
2
+ "themeLight": "_themeLight_el1i9h_6",
3
+ "themeDark": "_themeDark_el1i9h_9",
4
+ "sizeXS": "_sizeXS_el1i9h_13",
5
+ "sizeS": "_sizeS_el1i9h_16",
6
+ "sizeM": "_sizeM_el1i9h_19",
7
+ "sizeL": "_sizeL_el1i9h_22",
8
+ "modeClassic": "_modeClassic_el1i9h_26",
9
+ "modeRock": "_modeRock_el1i9h_29",
10
+ "verticalSwitcher": "_verticalSwitcher_el1i9h_33",
11
+ "disabled": "_disabled_el1i9h_50",
12
+ "alignIconLeft": "_alignIconLeft_el1i9h_55",
13
+ "alignIconRight": "_alignIconRight_el1i9h_58",
14
+ "option": "_option_el1i9h_62",
15
+ "selected": "_selected_el1i9h_107",
16
+ "optionLabel": "_optionLabel_el1i9h_126",
17
+ "icon": "_icon_el1i9h_132",
18
+ "fakeIcon": "_fakeIcon_el1i9h_143",
19
+ "mark": "_mark_el1i9h_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.1",
3
+ "version": "0.10.3",
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.11",
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": "9269aa5b525b43a4a876dbf12d15c7e88debae18"
39
+ "gitHead": "3ef429c66a082b71861a814ba508693c68a94842"
40
40
  }