@rescui/switcher 0.14.0 → 0.14.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 +77 -77
  2. package/lib/switcher.p.module.css.js +19 -19
  3. package/lib/vertical-switcher.p.module.css.js +20 -20
  4. package/package.json +5 -5
package/lib/index.css CHANGED
@@ -3,13 +3,13 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._themeLight_11g3j9s_6{
6
+ ._themeLight_p5go4x_6{
7
7
  --rs-theme-dark:0;
8
8
  }
9
- ._themeDark_11g3j9s_9{
9
+ ._themeDark_p5go4x_9{
10
10
  --rs-theme-dark:1;
11
11
  }
12
- ._sizeXS_11g3j9s_13{
12
+ ._sizeXS_p5go4x_13{
13
13
  --_rs-switcher-border-radius:4px;
14
14
  --_rs-switcher-compact-border-radius:var(--_rs-switcher-border-radius);
15
15
  --_rs-switcher-option-padding:2px 12px;
@@ -19,7 +19,7 @@
19
19
  --_rs-switcher-compact-icon-offset:var(--_rs-switcher-icon-offset);
20
20
  --_rs-switcher-icon-margin-vertical:2px;
21
21
  }
22
- ._sizeXS_11g3j9s_13 [data-rs-internal='switcher__option']{
22
+ ._sizeXS_p5go4x_13 [data-rs-internal='switcher__option']{
23
23
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
24
24
  --_rs-typography-text-transform:initial;
25
25
  --_rs-typography-font-variant-numeric:initial;
@@ -54,7 +54,7 @@
54
54
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
55
55
  --_rs-typography-link-border-bottom-width-from-text:1px;
56
56
  }
57
- ._sizeS_11g3j9s_16{
57
+ ._sizeS_p5go4x_16{
58
58
  --_rs-switcher-border-radius:16px;
59
59
  --_rs-switcher-compact-border-radius:4px;
60
60
  --_rs-switcher-option-padding:6px 16px;
@@ -64,7 +64,7 @@
64
64
  --_rs-switcher-compact-icon-offset:4px;
65
65
  --_rs-switcher-icon-margin-vertical:0px;
66
66
  }
67
- ._sizeS_11g3j9s_16 [data-rs-internal='switcher__option']{
67
+ ._sizeS_p5go4x_16 [data-rs-internal='switcher__option']{
68
68
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
69
69
  --_rs-typography-text-transform:initial;
70
70
  --_rs-typography-font-variant-numeric:initial;
@@ -99,7 +99,7 @@
99
99
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
100
100
  --_rs-typography-link-border-bottom-width-from-text:1px;
101
101
  }
102
- ._sizeM_11g3j9s_19{
102
+ ._sizeM_p5go4x_19{
103
103
  --_rs-switcher-border-radius:20px;
104
104
  --_rs-switcher-compact-border-radius:8px;
105
105
  --_rs-switcher-option-padding:8px 24px;
@@ -109,7 +109,7 @@
109
109
  --_rs-switcher-compact-icon-offset:8px;
110
110
  --_rs-switcher-icon-margin-vertical:0px;
111
111
  }
112
- ._sizeM_11g3j9s_19 [data-rs-internal='switcher__option']{
112
+ ._sizeM_p5go4x_19 [data-rs-internal='switcher__option']{
113
113
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
114
114
  --_rs-typography-text-transform:initial;
115
115
  --_rs-typography-font-variant-numeric:initial;
@@ -148,11 +148,11 @@
148
148
  --_rs-typography-link-border-bottom-width-from-text:1px;
149
149
  }
150
150
  @media screen and (max-width: 640px){
151
- ._sizeM_11g3j9s_19 [data-rs-internal='switcher__option']{
151
+ ._sizeM_p5go4x_19 [data-rs-internal='switcher__option']{
152
152
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
153
153
  }
154
154
  }
155
- ._sizeL_11g3j9s_22{
155
+ ._sizeL_p5go4x_22{
156
156
  --_rs-switcher-border-radius:26px;
157
157
  --_rs-switcher-compact-border-radius:12px;
158
158
  --_rs-switcher-option-padding:12px 32px;
@@ -162,7 +162,7 @@
162
162
  --_rs-switcher-compact-icon-offset:12px;
163
163
  --_rs-switcher-icon-margin-vertical:0px;
164
164
  }
165
- ._sizeL_11g3j9s_22 [data-rs-internal='switcher__option']{
165
+ ._sizeL_p5go4x_22 [data-rs-internal='switcher__option']{
166
166
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
167
167
  --_rs-typography-text-transform:initial;
168
168
  --_rs-typography-font-variant-numeric:initial;
@@ -201,22 +201,22 @@
201
201
  --_rs-typography-link-border-bottom-width-from-text:1px;
202
202
  }
203
203
  @media screen and (max-width: 640px){
204
- ._sizeL_11g3j9s_22 [data-rs-internal='switcher__option']{
204
+ ._sizeL_p5go4x_22 [data-rs-internal='switcher__option']{
205
205
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
206
206
  }
207
207
  }
208
- ._modeClassic_11g3j9s_26{
208
+ ._modeClassic_p5go4x_26{
209
209
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
210
210
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
211
211
  }
212
- ._modeRock_11g3j9s_29{
212
+ ._modeRock_p5go4x_29{
213
213
  --_rs-switcher-option-hover-background:rgba(
214
214
  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),
215
215
  0.1
216
216
  );
217
217
  --_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));
218
218
  }
219
- ._compact_11g3j9s_33{
219
+ ._compact_p5go4x_33{
220
220
  --_rs-switcher-border-radius-from-compact:var(
221
221
  --_rs-switcher-compact-border-radius
222
222
  );
@@ -227,7 +227,7 @@
227
227
  --_rs-switcher-compact-icon-offset
228
228
  );
229
229
  }
230
- ._switcher_11g3j9s_37{
230
+ ._switcher_p5go4x_37{
231
231
  --_rs-theme-dark:var(
232
232
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
233
233
  var(--rs-theme-dark, 0)
@@ -237,7 +237,7 @@
237
237
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
238
238
  }
239
239
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
240
- ._switcher_11g3j9s_37{
240
+ ._switcher_p5go4x_37{
241
241
  --_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)));
242
242
  --_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)));
243
243
  --_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)));
@@ -246,7 +246,7 @@
246
246
  }
247
247
  }
248
248
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
249
- ._switcher_11g3j9s_37{
249
+ ._switcher_p5go4x_37{
250
250
  --_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);
251
251
  --_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));
252
252
  --_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));
@@ -254,7 +254,7 @@
254
254
  --_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));
255
255
  }
256
256
  }
257
- ._switcher_11g3j9s_37 {
257
+ ._switcher_p5go4x_37 {
258
258
 
259
259
  position:relative;
260
260
 
@@ -270,16 +270,16 @@
270
270
  background:transparent;
271
271
  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;
272
272
  }
273
- ._switcher_11g3j9s_37._disabled_11g3j9s_55{
273
+ ._switcher_p5go4x_37._disabled_p5go4x_55{
274
274
  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;
275
275
  }
276
- ._alignIconLeft_11g3j9s_60{
276
+ ._alignIconLeft_p5go4x_60{
277
277
  --_rs-switcher-option-flex-direction:row;
278
278
  }
279
- ._alignIconRight_11g3j9s_63{
279
+ ._alignIconRight_p5go4x_63{
280
280
  --_rs-switcher-option-flex-direction:row-reverse;
281
281
  }
282
- ._option_11g3j9s_67{
282
+ ._option_p5go4x_67{
283
283
  letter-spacing:var(
284
284
  --rs-text-base-letter-spacing,
285
285
  var(--_rs-typography-letter-spacing)
@@ -330,26 +330,26 @@
330
330
  -moz-appearance:none;
331
331
  appearance:none;
332
332
  }
333
- ._disabled_11g3j9s_55 ._option_11g3j9s_67{
333
+ ._disabled_p5go4x_55 ._option_p5go4x_67{
334
334
  cursor:not-allowed;
335
335
  pointer-events:none;
336
336
  }
337
- ._option_11g3j9s_67:has(:focus[data-focus-method='key']){
337
+ ._option_p5go4x_67:has(:focus[data-focus-method='key']){
338
338
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
339
339
  }
340
340
  @media (hover: hover){
341
- ._option_11g3j9s_67:hover{
341
+ ._option_p5go4x_67:hover{
342
342
  background:var(--_rs-switcher-option-hover-background);
343
343
  }
344
344
  }
345
- ._option_11g3j9s_67._selected_11g3j9s_118:active{
345
+ ._option_p5go4x_67._selected_p5go4x_118:active{
346
346
  background:transparent;
347
347
  }
348
- ._option_11g3j9s_67._selected_11g3j9s_118:hover,
349
- ._option_11g3j9s_67._selected_11g3j9s_118:active{
348
+ ._option_p5go4x_67._selected_p5go4x_118:hover,
349
+ ._option_p5go4x_67._selected_p5go4x_118:active{
350
350
  cursor:default;
351
351
  }
352
- ._hiddenMark_11g3j9s_127 ._option_11g3j9s_67._selected_11g3j9s_118::before{
352
+ ._hiddenMark_p5go4x_127 ._option_p5go4x_67._selected_p5go4x_118::before{
353
353
  position:absolute;
354
354
  top:0;
355
355
  right:0;
@@ -365,11 +365,11 @@
365
365
 
366
366
  content:'';
367
367
  }
368
- ._hiddenMark_11g3j9s_127._disabled_11g3j9s_55 ._option_11g3j9s_67._selected_11g3j9s_118::before{
368
+ ._hiddenMark_p5go4x_127._disabled_p5go4x_55 ._option_p5go4x_67._selected_p5go4x_118::before{
369
369
  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);
370
370
  }
371
- ._disabled_11g3j9s_55 ._option_11g3j9s_67,
372
- ._disabled_11g3j9s_55 ._option_11g3j9s_67._selected_11g3j9s_118{
371
+ ._disabled_p5go4x_55 ._option_p5go4x_67,
372
+ ._disabled_p5go4x_55 ._option_p5go4x_67._selected_p5go4x_118{
373
373
  color:var(
374
374
  --rs-color-pale,
375
375
  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)
@@ -379,7 +379,7 @@
379
379
 
380
380
  background:transparent;
381
381
  }
382
- ._option_11g3j9s_67 ._icon_11g3j9s_158{
382
+ ._option_p5go4x_67 ._icon_p5go4x_158{
383
383
  flex:0 0 auto;
384
384
 
385
385
  width:auto;
@@ -390,7 +390,7 @@
390
390
  margin-top:var(--_rs-switcher-icon-margin-vertical);
391
391
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
392
392
  }
393
- ._mark_11g3j9s_171{
393
+ ._mark_p5go4x_171{
394
394
  position:absolute;
395
395
  top:0;
396
396
  bottom:0;
@@ -408,13 +408,13 @@
408
408
 
409
409
  transition:all var(--_rs-switcher-mark-transition-duration) var(--rs-transition-function, ease);
410
410
  }
411
- ._disabled_11g3j9s_55 ._mark_11g3j9s_171{
411
+ ._disabled_p5go4x_55 ._mark_p5go4x_171{
412
412
  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);
413
413
  }
414
- ._hiddenMark_11g3j9s_127 ._mark_11g3j9s_171{
414
+ ._hiddenMark_p5go4x_127 ._mark_p5go4x_171{
415
415
  display:none;
416
416
  }
417
- ._radio_11g3j9s_199{
417
+ ._radio_p5go4x_199{
418
418
  position:absolute;
419
419
 
420
420
  overflow:hidden;
@@ -436,13 +436,13 @@
436
436
  inherits:true;
437
437
  initial-value:0;
438
438
  }
439
- ._themeLight_1958tah_6{
439
+ ._themeLight_a6bevc_6{
440
440
  --rs-theme-dark:0;
441
441
  }
442
- ._themeDark_1958tah_9{
442
+ ._themeDark_a6bevc_9{
443
443
  --rs-theme-dark:1;
444
444
  }
445
- ._sizeXS_1958tah_13{
445
+ ._sizeXS_a6bevc_13{
446
446
  --_rs-switcher-vertical-border-radius:4px;
447
447
  --_rs-switcher-vertical-option-vertical-padding:2px;
448
448
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -450,7 +450,7 @@
450
450
  --_rs-switcher-vertical-icon-offset:4px;
451
451
  --_rs-switcher-vertical-icon-margin-vertical:2px;
452
452
  }
453
- ._sizeXS_1958tah_13 [data-rs-internal='vertical-switcher__option']{
453
+ ._sizeXS_a6bevc_13 [data-rs-internal='vertical-switcher__option']{
454
454
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
455
455
  --_rs-typography-text-transform:initial;
456
456
  --_rs-typography-font-variant-numeric:initial;
@@ -485,7 +485,7 @@
485
485
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
486
486
  --_rs-typography-link-border-bottom-width-from-text:1px;
487
487
  }
488
- ._sizeS_1958tah_16{
488
+ ._sizeS_a6bevc_16{
489
489
  --_rs-switcher-vertical-border-radius:4px;
490
490
  --_rs-switcher-vertical-option-vertical-padding:6px;
491
491
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -493,7 +493,7 @@
493
493
  --_rs-switcher-vertical-icon-offset:4px;
494
494
  --_rs-switcher-vertical-icon-margin-vertical:0px;
495
495
  }
496
- ._sizeS_1958tah_16 [data-rs-internal='vertical-switcher__option']{
496
+ ._sizeS_a6bevc_16 [data-rs-internal='vertical-switcher__option']{
497
497
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
498
498
  --_rs-typography-text-transform:initial;
499
499
  --_rs-typography-font-variant-numeric:initial;
@@ -528,7 +528,7 @@
528
528
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
529
529
  --_rs-typography-link-border-bottom-width-from-text:1px;
530
530
  }
531
- ._sizeM_1958tah_19{
531
+ ._sizeM_a6bevc_19{
532
532
  --_rs-switcher-vertical-border-radius:8px;
533
533
  --_rs-switcher-vertical-option-vertical-padding:8px;
534
534
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -536,7 +536,7 @@
536
536
  --_rs-switcher-vertical-icon-offset:8px;
537
537
  --_rs-switcher-vertical-icon-margin-vertical:0px;
538
538
  }
539
- ._sizeM_1958tah_19 [data-rs-internal='vertical-switcher__option']{
539
+ ._sizeM_a6bevc_19 [data-rs-internal='vertical-switcher__option']{
540
540
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
541
541
  --_rs-typography-text-transform:initial;
542
542
  --_rs-typography-font-variant-numeric:initial;
@@ -575,11 +575,11 @@
575
575
  --_rs-typography-link-border-bottom-width-from-text:1px;
576
576
  }
577
577
  @media screen and (max-width: 640px){
578
- ._sizeM_1958tah_19 [data-rs-internal='vertical-switcher__option']{
578
+ ._sizeM_a6bevc_19 [data-rs-internal='vertical-switcher__option']{
579
579
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
580
580
  }
581
581
  }
582
- ._sizeL_1958tah_22{
582
+ ._sizeL_a6bevc_22{
583
583
  --_rs-switcher-vertical-border-radius:12px;
584
584
  --_rs-switcher-vertical-option-vertical-padding:12px;
585
585
  --_rs-switcher-vertical-option-horizontal-padding:24px;
@@ -587,7 +587,7 @@
587
587
  --_rs-switcher-vertical-icon-offset:12px;
588
588
  --_rs-switcher-vertical-icon-margin-vertical:0px;
589
589
  }
590
- ._sizeL_1958tah_22 [data-rs-internal='vertical-switcher__option']{
590
+ ._sizeL_a6bevc_22 [data-rs-internal='vertical-switcher__option']{
591
591
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
592
592
  --_rs-typography-text-transform:initial;
593
593
  --_rs-typography-font-variant-numeric:initial;
@@ -626,17 +626,17 @@
626
626
  --_rs-typography-link-border-bottom-width-from-text:1px;
627
627
  }
628
628
  @media screen and (max-width: 640px){
629
- ._sizeL_1958tah_22 [data-rs-internal='vertical-switcher__option']{
629
+ ._sizeL_a6bevc_22 [data-rs-internal='vertical-switcher__option']{
630
630
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
631
631
  }
632
632
  }
633
- ._modeClassic_1958tah_26{
633
+ ._modeClassic_a6bevc_26{
634
634
  --_rs-switcher-vertical-option-hover-background:var(
635
635
  --_rs-color-primary-t-fog
636
636
  );
637
637
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
638
638
  }
639
- ._modeRock_1958tah_29{
639
+ ._modeRock_a6bevc_29{
640
640
  --_rs-switcher-vertical-option-hover-background:rgba(
641
641
  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),
642
642
  0.1
@@ -645,7 +645,7 @@
645
645
  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)
646
646
  );
647
647
  }
648
- ._verticalSwitcher_1958tah_33{
648
+ ._verticalSwitcher_a6bevc_33{
649
649
  --_rs-theme-dark:var(
650
650
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
651
651
  var(--rs-theme-dark, 0)
@@ -655,7 +655,7 @@
655
655
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
656
656
  }
657
657
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
658
- ._verticalSwitcher_1958tah_33{
658
+ ._verticalSwitcher_a6bevc_33{
659
659
  --_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)));
660
660
  --_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)));
661
661
  --_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)));
@@ -664,7 +664,7 @@
664
664
  }
665
665
  }
666
666
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
667
- ._verticalSwitcher_1958tah_33{
667
+ ._verticalSwitcher_a6bevc_33{
668
668
  --_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);
669
669
  --_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));
670
670
  --_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));
@@ -672,7 +672,7 @@
672
672
  --_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));
673
673
  }
674
674
  }
675
- ._verticalSwitcher_1958tah_33 {
675
+ ._verticalSwitcher_a6bevc_33 {
676
676
 
677
677
  position:relative;
678
678
 
@@ -687,16 +687,16 @@
687
687
  background:transparent;
688
688
  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;
689
689
  }
690
- ._verticalSwitcher_1958tah_33._disabled_1958tah_50{
690
+ ._verticalSwitcher_a6bevc_33._disabled_a6bevc_50{
691
691
  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;
692
692
  }
693
- ._alignIconLeft_1958tah_55{
693
+ ._alignIconLeft_a6bevc_55{
694
694
  --_rs-switcher-vertical-option-flex-direction:row;
695
695
  }
696
- ._alignIconRight_1958tah_58{
696
+ ._alignIconRight_a6bevc_58{
697
697
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
698
698
  }
699
- ._option_1958tah_62{
699
+ ._option_a6bevc_62{
700
700
  letter-spacing:var(
701
701
  --rs-text-base-letter-spacing,
702
702
  var(--_rs-typography-letter-spacing)
@@ -740,26 +740,26 @@
740
740
  -moz-appearance:none;
741
741
  appearance:none;
742
742
  }
743
- ._disabled_1958tah_50 ._option_1958tah_62{
743
+ ._disabled_a6bevc_50 ._option_a6bevc_62{
744
744
  cursor:not-allowed;
745
745
  pointer-events:none;
746
746
  }
747
- ._option_1958tah_62:has(:focus[data-focus-method='key']){
747
+ ._option_a6bevc_62:has(:focus[data-focus-method='key']){
748
748
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
749
749
  }
750
750
  @media (hover: hover){
751
- ._option_1958tah_62:hover{
751
+ ._option_a6bevc_62:hover{
752
752
  background:var(--_rs-switcher-vertical-option-hover-background);
753
753
  }
754
754
  }
755
- ._option_1958tah_62._selected_1958tah_107:active{
755
+ ._option_a6bevc_62._selected_a6bevc_107:active{
756
756
  background:transparent;
757
757
  }
758
- ._option_1958tah_62._selected_1958tah_107:hover,
759
- ._option_1958tah_62._selected_1958tah_107:active{
758
+ ._option_a6bevc_62._selected_a6bevc_107:hover,
759
+ ._option_a6bevc_62._selected_a6bevc_107:active{
760
760
  cursor:default;
761
761
  }
762
- ._hiddenMark_1958tah_116 ._option_1958tah_62._selected_1958tah_107::before{
762
+ ._hiddenMark_a6bevc_116 ._option_a6bevc_62._selected_a6bevc_107::before{
763
763
  position:absolute;
764
764
  top:0;
765
765
  right:0;
@@ -775,11 +775,11 @@
775
775
 
776
776
  content:'';
777
777
  }
778
- ._hiddenMark_1958tah_116._disabled_1958tah_50 ._option_1958tah_62._selected_1958tah_107::before{
778
+ ._hiddenMark_a6bevc_116._disabled_a6bevc_50 ._option_a6bevc_62._selected_a6bevc_107::before{
779
779
  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);
780
780
  }
781
- ._disabled_1958tah_50 ._option_1958tah_62,
782
- ._disabled_1958tah_50 ._option_1958tah_62._selected_1958tah_107{
781
+ ._disabled_a6bevc_50 ._option_a6bevc_62,
782
+ ._disabled_a6bevc_50 ._option_a6bevc_62._selected_a6bevc_107{
783
783
  color:var(
784
784
  --rs-color-pale,
785
785
  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)
@@ -789,12 +789,12 @@
789
789
 
790
790
  background:transparent;
791
791
  }
792
- ._option_1958tah_62 ._optionLabel_1958tah_147{
792
+ ._option_a6bevc_62 ._optionLabel_a6bevc_147{
793
793
  flex:1 1 auto;
794
794
 
795
795
  text-align:left;
796
796
  }
797
- ._option_1958tah_62 ._icon_1958tah_153{
797
+ ._option_a6bevc_62 ._icon_a6bevc_153{
798
798
  flex:0 0 auto;
799
799
 
800
800
  width:auto;
@@ -805,12 +805,12 @@
805
805
 
806
806
  fill:currentColor;
807
807
  }
808
- ._option_1958tah_62 ._fakeIcon_1958tah_164{
808
+ ._option_a6bevc_62 ._fakeIcon_a6bevc_164{
809
809
  display:inline-block;
810
810
 
811
811
  width:var(--_rs-switcher-vertical-icon-size);
812
812
  }
813
- ._mark_1958tah_171{
813
+ ._mark_a6bevc_171{
814
814
  position:absolute;
815
815
  right:0;
816
816
  left:0;
@@ -825,13 +825,13 @@
825
825
 
826
826
  transition:all var(--_rs-switcher-vertical-mark-transition-duration) var(--rs-transition-function, ease);
827
827
  }
828
- ._disabled_1958tah_50 ._mark_1958tah_171{
828
+ ._disabled_a6bevc_50 ._mark_a6bevc_171{
829
829
  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);
830
830
  }
831
- ._hiddenMark_1958tah_116 ._mark_1958tah_171{
831
+ ._hiddenMark_a6bevc_116 ._mark_a6bevc_171{
832
832
  display:none;
833
833
  }
834
- ._radio_1958tah_196{
834
+ ._radio_a6bevc_196{
835
835
  position:absolute;
836
836
 
837
837
  overflow:hidden;
package/lib/switcher.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_11g3j9s_6",
3
- "themeDark": "_themeDark_11g3j9s_9",
4
- "sizeXS": "_sizeXS_11g3j9s_13",
5
- "sizeS": "_sizeS_11g3j9s_16",
6
- "sizeM": "_sizeM_11g3j9s_19",
7
- "sizeL": "_sizeL_11g3j9s_22",
8
- "modeClassic": "_modeClassic_11g3j9s_26",
9
- "modeRock": "_modeRock_11g3j9s_29",
10
- "compact": "_compact_11g3j9s_33",
11
- "switcher": "_switcher_11g3j9s_37",
12
- "disabled": "_disabled_11g3j9s_55",
13
- "alignIconLeft": "_alignIconLeft_11g3j9s_60",
14
- "alignIconRight": "_alignIconRight_11g3j9s_63",
15
- "option": "_option_11g3j9s_67",
16
- "selected": "_selected_11g3j9s_118",
17
- "hiddenMark": "_hiddenMark_11g3j9s_127",
18
- "icon": "_icon_11g3j9s_158",
19
- "mark": "_mark_11g3j9s_171",
20
- "radio": "_radio_11g3j9s_199"
2
+ "themeLight": "_themeLight_p5go4x_6",
3
+ "themeDark": "_themeDark_p5go4x_9",
4
+ "sizeXS": "_sizeXS_p5go4x_13",
5
+ "sizeS": "_sizeS_p5go4x_16",
6
+ "sizeM": "_sizeM_p5go4x_19",
7
+ "sizeL": "_sizeL_p5go4x_22",
8
+ "modeClassic": "_modeClassic_p5go4x_26",
9
+ "modeRock": "_modeRock_p5go4x_29",
10
+ "compact": "_compact_p5go4x_33",
11
+ "switcher": "_switcher_p5go4x_37",
12
+ "disabled": "_disabled_p5go4x_55",
13
+ "alignIconLeft": "_alignIconLeft_p5go4x_60",
14
+ "alignIconRight": "_alignIconRight_p5go4x_63",
15
+ "option": "_option_p5go4x_67",
16
+ "selected": "_selected_p5go4x_118",
17
+ "hiddenMark": "_hiddenMark_p5go4x_127",
18
+ "icon": "_icon_p5go4x_158",
19
+ "mark": "_mark_p5go4x_171",
20
+ "radio": "_radio_p5go4x_199"
21
21
  };
22
22
  export { styles as default };
package/lib/vertical-switcher.p.module.css.js CHANGED
@@ -1,23 +1,23 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1958tah_6",
3
- "themeDark": "_themeDark_1958tah_9",
4
- "sizeXS": "_sizeXS_1958tah_13",
5
- "sizeS": "_sizeS_1958tah_16",
6
- "sizeM": "_sizeM_1958tah_19",
7
- "sizeL": "_sizeL_1958tah_22",
8
- "modeClassic": "_modeClassic_1958tah_26",
9
- "modeRock": "_modeRock_1958tah_29",
10
- "verticalSwitcher": "_verticalSwitcher_1958tah_33",
11
- "disabled": "_disabled_1958tah_50",
12
- "alignIconLeft": "_alignIconLeft_1958tah_55",
13
- "alignIconRight": "_alignIconRight_1958tah_58",
14
- "option": "_option_1958tah_62",
15
- "selected": "_selected_1958tah_107",
16
- "hiddenMark": "_hiddenMark_1958tah_116",
17
- "optionLabel": "_optionLabel_1958tah_147",
18
- "icon": "_icon_1958tah_153",
19
- "fakeIcon": "_fakeIcon_1958tah_164",
20
- "mark": "_mark_1958tah_171",
21
- "radio": "_radio_1958tah_196"
2
+ "themeLight": "_themeLight_a6bevc_6",
3
+ "themeDark": "_themeDark_a6bevc_9",
4
+ "sizeXS": "_sizeXS_a6bevc_13",
5
+ "sizeS": "_sizeS_a6bevc_16",
6
+ "sizeM": "_sizeM_a6bevc_19",
7
+ "sizeL": "_sizeL_a6bevc_22",
8
+ "modeClassic": "_modeClassic_a6bevc_26",
9
+ "modeRock": "_modeRock_a6bevc_29",
10
+ "verticalSwitcher": "_verticalSwitcher_a6bevc_33",
11
+ "disabled": "_disabled_a6bevc_50",
12
+ "alignIconLeft": "_alignIconLeft_a6bevc_55",
13
+ "alignIconRight": "_alignIconRight_a6bevc_58",
14
+ "option": "_option_a6bevc_62",
15
+ "selected": "_selected_a6bevc_107",
16
+ "hiddenMark": "_hiddenMark_a6bevc_116",
17
+ "optionLabel": "_optionLabel_a6bevc_147",
18
+ "icon": "_icon_a6bevc_153",
19
+ "fakeIcon": "_fakeIcon_a6bevc_164",
20
+ "mark": "_mark_a6bevc_171",
21
+ "radio": "_radio_a6bevc_196"
22
22
  };
23
23
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.14.0",
3
+ "version": "0.14.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -23,20 +23,20 @@
23
23
  "react-compiler-runtime": "^1.0.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@rescui/ui-contexts": "^0.6.0",
26
+ "@rescui/ui-contexts": "^0.7.0",
27
27
  "prop-types": "^15",
28
28
  "react": ">=17.0.0 <20"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@rescui/colors": "^0.3.4",
32
- "@rescui/icons": "^1.9.0",
32
+ "@rescui/icons": "^1.10.0",
33
33
  "@rescui/scripts": "^0.5.3",
34
- "@rescui/typography": "^0.28.0"
34
+ "@rescui/typography": "^0.28.1"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build && yarn run build-pcss-api",
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
41
+ "gitHead": "2098d900da98598346991486acbb9e246fb59dc9"
42
42
  }