@rescui/switcher 0.16.1 → 0.16.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 (5) hide show
  1. package/lib/index.css +79 -79
  2. package/lib/switcher.p.module.css.js +1 -1
  3. package/lib/vertical-switcher.p.module.css.js +1 -1
  4. package/llm/components/switcher.md +7 -7
  5. package/package.json +5 -5
package/lib/index.css CHANGED
@@ -3,14 +3,14 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._themeLight_1q0680q_6{
6
+ ._themeLight_1y298pn_6{
7
7
  --rs-theme-dark:0;
8
8
  }
9
- ._themeDark_1q0680q_9{
9
+ ._themeDark_1y298pn_9{
10
10
  --rs-theme-dark:1;
11
11
  }
12
12
 
13
- ._sizeXS_1q0680q_13{
13
+ ._sizeXS_1y298pn_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_1q0680q_13 [data-rs-internal='switcher__option']{
24
+ ._sizeXS_1y298pn_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_1q0680q_16{
59
+ ._sizeS_1y298pn_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_1q0680q_16 [data-rs-internal='switcher__option']{
69
+ ._sizeS_1y298pn_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_1q0680q_19{
104
+ ._sizeM_1y298pn_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_1q0680q_19 [data-rs-internal='switcher__option']{
114
+ ._sizeM_1y298pn_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_1q0680q_19 [data-rs-internal='switcher__option']{
153
+ ._sizeM_1y298pn_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_1q0680q_22{
157
+ ._sizeL_1y298pn_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_1q0680q_22 [data-rs-internal='switcher__option']{
167
+ ._sizeL_1y298pn_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_1q0680q_22 [data-rs-internal='switcher__option']{
206
+ ._sizeL_1y298pn_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_1q0680q_26{
211
+ ._modeClassic_1y298pn_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_1q0680q_29{
215
+ ._modeRock_1y298pn_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_1q0680q_33{
223
+ ._compact_1y298pn_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_1q0680q_37{
235
+ ._switcher_1y298pn_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_1q0680q_37{
247
+ ._switcher_1y298pn_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_1q0680q_37{
258
+ ._switcher_1y298pn_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_1q0680q_37 {
267
+ ._switcher_1y298pn_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_1q0680q_37._disabled_1q0680q_55{
284
+ ._switcher_1y298pn_37._disabled_1y298pn_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_1q0680q_60{
288
+ ._alignIconLeft_1y298pn_60{
289
289
  --_rs-switcher-option-flex-direction:row;
290
290
  }
291
- ._alignIconRight_1q0680q_63{
291
+ ._alignIconRight_1y298pn_63{
292
292
  --_rs-switcher-option-flex-direction:row-reverse;
293
293
  }
294
294
 
295
- ._option_1q0680q_67{
295
+ ._option_1y298pn_67{
296
296
  letter-spacing:var(
297
297
  --rs-text-base-letter-spacing,
298
298
  var(--_rs-typography-letter-spacing)
@@ -343,32 +343,32 @@
343
343
  appearance:none;
344
344
  }
345
345
 
346
- ._disabled_1q0680q_55 ._option_1q0680q_67{
346
+ ._disabled_1y298pn_55 ._option_1y298pn_67{
347
347
  cursor:not-allowed;
348
348
  pointer-events:none;
349
349
  }
350
350
 
351
- ._option_1q0680q_67:has(:focus-visible),
352
- ._option_1q0680q_67:has(:focus[data-focus-method='key']){
351
+ ._option_1y298pn_67:has(:focus-visible),
352
+ ._option_1y298pn_67:has(:focus[data-focus-method='key']){
353
353
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
354
354
  }
355
355
 
356
356
  @media (hover: hover){
357
- ._option_1q0680q_67:hover{
357
+ ._option_1y298pn_67:hover{
358
358
  background:var(--_rs-switcher-option-hover-background);
359
359
  }
360
360
  }
361
361
 
362
- ._option_1q0680q_67._selected_1q0680q_119:active{
362
+ ._option_1y298pn_67._selected_1y298pn_119:active{
363
363
  background:transparent;
364
364
  }
365
365
 
366
- ._option_1q0680q_67._selected_1q0680q_119:hover,
367
- ._option_1q0680q_67._selected_1q0680q_119:active{
366
+ ._option_1y298pn_67._selected_1y298pn_119:hover,
367
+ ._option_1y298pn_67._selected_1y298pn_119:active{
368
368
  cursor:default;
369
369
  }
370
370
 
371
- ._hiddenMark_1q0680q_128 ._option_1q0680q_67._selected_1q0680q_119::before{
371
+ ._hiddenMark_1y298pn_128 ._option_1y298pn_67._selected_1y298pn_119::before{
372
372
  position:absolute;
373
373
  top:0;
374
374
  right:0;
@@ -385,12 +385,12 @@
385
385
  content:'';
386
386
  }
387
387
 
388
- ._hiddenMark_1q0680q_128._disabled_1q0680q_55 ._option_1q0680q_67._selected_1q0680q_119::before{
388
+ ._hiddenMark_1y298pn_128._disabled_1y298pn_55 ._option_1y298pn_67._selected_1y298pn_119::before{
389
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);
390
390
  }
391
391
 
392
- ._disabled_1q0680q_55 ._option_1q0680q_67,
393
- ._disabled_1q0680q_55 ._option_1q0680q_67._selected_1q0680q_119{
392
+ ._disabled_1y298pn_55 ._option_1y298pn_67,
393
+ ._disabled_1y298pn_55 ._option_1y298pn_67._selected_1y298pn_119{
394
394
  color:var(
395
395
  --rs-color-pale,
396
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)
@@ -401,7 +401,7 @@
401
401
  background:transparent;
402
402
  }
403
403
 
404
- ._option_1q0680q_67 ._icon_1q0680q_159{
404
+ ._option_1y298pn_67 ._icon_1y298pn_159{
405
405
  flex:0 0 auto;
406
406
 
407
407
  width:auto;
@@ -413,7 +413,7 @@
413
413
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
414
414
  }
415
415
 
416
- ._mark_1q0680q_172{
416
+ ._mark_1y298pn_172{
417
417
  position:absolute;
418
418
  top:0;
419
419
  bottom:0;
@@ -432,15 +432,15 @@
432
432
  transition:all var(--_rs-switcher-mark-transition-duration) var(--rs-transition-function, ease);
433
433
  }
434
434
 
435
- ._disabled_1q0680q_55 ._mark_1q0680q_172{
435
+ ._disabled_1y298pn_55 ._mark_1y298pn_172{
436
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);
437
437
  }
438
438
 
439
- ._hiddenMark_1q0680q_128 ._mark_1q0680q_172{
439
+ ._hiddenMark_1y298pn_128 ._mark_1y298pn_172{
440
440
  display:none;
441
441
  }
442
442
 
443
- ._radio_1q0680q_200{
443
+ ._radio_1y298pn_200{
444
444
  position:absolute;
445
445
 
446
446
  overflow:hidden;
@@ -462,14 +462,14 @@
462
462
  inherits:true;
463
463
  initial-value:0;
464
464
  }
465
- ._themeLight_sjw6lf_6{
465
+ ._themeLight_cghcaq_6{
466
466
  --rs-theme-dark:0;
467
467
  }
468
- ._themeDark_sjw6lf_9{
468
+ ._themeDark_cghcaq_9{
469
469
  --rs-theme-dark:1;
470
470
  }
471
471
 
472
- ._sizeXS_sjw6lf_13{
472
+ ._sizeXS_cghcaq_13{
473
473
  --_rs-switcher-vertical-border-radius:4px;
474
474
  --_rs-switcher-vertical-option-vertical-padding:2px;
475
475
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -478,7 +478,7 @@
478
478
  --_rs-switcher-vertical-icon-margin-vertical:2px;
479
479
  }
480
480
 
481
- ._sizeXS_sjw6lf_13 [data-rs-internal='vertical-switcher__option']{
481
+ ._sizeXS_cghcaq_13 [data-rs-internal='vertical-switcher__option']{
482
482
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
483
483
  --_rs-typography-text-transform:initial;
484
484
  --_rs-typography-font-variant-numeric:initial;
@@ -513,7 +513,7 @@
513
513
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
514
514
  --_rs-typography-link-border-bottom-width-from-text:1px;
515
515
  }
516
- ._sizeS_sjw6lf_16{
516
+ ._sizeS_cghcaq_16{
517
517
  --_rs-switcher-vertical-border-radius:4px;
518
518
  --_rs-switcher-vertical-option-vertical-padding:6px;
519
519
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -521,7 +521,7 @@
521
521
  --_rs-switcher-vertical-icon-offset:4px;
522
522
  --_rs-switcher-vertical-icon-margin-vertical:0px;
523
523
  }
524
- ._sizeS_sjw6lf_16 [data-rs-internal='vertical-switcher__option']{
524
+ ._sizeS_cghcaq_16 [data-rs-internal='vertical-switcher__option']{
525
525
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
526
526
  --_rs-typography-text-transform:initial;
527
527
  --_rs-typography-font-variant-numeric:initial;
@@ -556,7 +556,7 @@
556
556
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
557
557
  --_rs-typography-link-border-bottom-width-from-text:1px;
558
558
  }
559
- ._sizeM_sjw6lf_19{
559
+ ._sizeM_cghcaq_19{
560
560
  --_rs-switcher-vertical-border-radius:8px;
561
561
  --_rs-switcher-vertical-option-vertical-padding:8px;
562
562
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -564,7 +564,7 @@
564
564
  --_rs-switcher-vertical-icon-offset:8px;
565
565
  --_rs-switcher-vertical-icon-margin-vertical:0px;
566
566
  }
567
- ._sizeM_sjw6lf_19 [data-rs-internal='vertical-switcher__option']{
567
+ ._sizeM_cghcaq_19 [data-rs-internal='vertical-switcher__option']{
568
568
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
569
569
  --_rs-typography-text-transform:initial;
570
570
  --_rs-typography-font-variant-numeric:initial;
@@ -603,11 +603,11 @@
603
603
  --_rs-typography-link-border-bottom-width-from-text:1px;
604
604
  }
605
605
  @media screen and (max-width: 640px){
606
- ._sizeM_sjw6lf_19 [data-rs-internal='vertical-switcher__option']{
606
+ ._sizeM_cghcaq_19 [data-rs-internal='vertical-switcher__option']{
607
607
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
608
608
  }
609
609
  }
610
- ._sizeL_sjw6lf_22{
610
+ ._sizeL_cghcaq_22{
611
611
  --_rs-switcher-vertical-border-radius:12px;
612
612
  --_rs-switcher-vertical-option-vertical-padding:12px;
613
613
  --_rs-switcher-vertical-option-horizontal-padding:24px;
@@ -615,7 +615,7 @@
615
615
  --_rs-switcher-vertical-icon-offset:12px;
616
616
  --_rs-switcher-vertical-icon-margin-vertical:0px;
617
617
  }
618
- ._sizeL_sjw6lf_22 [data-rs-internal='vertical-switcher__option']{
618
+ ._sizeL_cghcaq_22 [data-rs-internal='vertical-switcher__option']{
619
619
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
620
620
  --_rs-typography-text-transform:initial;
621
621
  --_rs-typography-font-variant-numeric:initial;
@@ -654,18 +654,18 @@
654
654
  --_rs-typography-link-border-bottom-width-from-text:1px;
655
655
  }
656
656
  @media screen and (max-width: 640px){
657
- ._sizeL_sjw6lf_22 [data-rs-internal='vertical-switcher__option']{
657
+ ._sizeL_cghcaq_22 [data-rs-internal='vertical-switcher__option']{
658
658
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
659
659
  }
660
660
  }
661
661
 
662
- ._modeClassic_sjw6lf_26{
662
+ ._modeClassic_cghcaq_26{
663
663
  --_rs-switcher-vertical-option-hover-background:var(
664
664
  --_rs-color-primary-t-fog
665
665
  );
666
666
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
667
667
  }
668
- ._modeRock_sjw6lf_29{
668
+ ._modeRock_cghcaq_29{
669
669
  --_rs-switcher-vertical-option-hover-background:rgba(
670
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)),
671
671
  0.1
@@ -675,7 +675,7 @@
675
675
  );
676
676
  }
677
677
 
678
- ._verticalSwitcher_sjw6lf_33{
678
+ ._verticalSwitcher_cghcaq_33{
679
679
  --_rs-theme-dark:var(
680
680
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
681
681
  var(--rs-theme-dark, 0)
@@ -687,7 +687,7 @@
687
687
 
688
688
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
689
689
 
690
- ._verticalSwitcher_sjw6lf_33{
690
+ ._verticalSwitcher_cghcaq_33{
691
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)));
692
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)));
693
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)));
@@ -698,7 +698,7 @@
698
698
 
699
699
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
700
700
 
701
- ._verticalSwitcher_sjw6lf_33{
701
+ ._verticalSwitcher_cghcaq_33{
702
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);
703
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)));
704
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)));
@@ -707,7 +707,7 @@
707
707
  }
708
708
  }
709
709
 
710
- ._verticalSwitcher_sjw6lf_33 {
710
+ ._verticalSwitcher_cghcaq_33 {
711
711
 
712
712
  position:relative;
713
713
 
@@ -723,18 +723,18 @@
723
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;
724
724
  }
725
725
 
726
- ._verticalSwitcher_sjw6lf_33._disabled_sjw6lf_50{
726
+ ._verticalSwitcher_cghcaq_33._disabled_cghcaq_50{
727
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;
728
728
  }
729
729
 
730
- ._alignIconLeft_sjw6lf_55{
730
+ ._alignIconLeft_cghcaq_55{
731
731
  --_rs-switcher-vertical-option-flex-direction:row;
732
732
  }
733
- ._alignIconRight_sjw6lf_58{
733
+ ._alignIconRight_cghcaq_58{
734
734
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
735
735
  }
736
736
 
737
- ._option_sjw6lf_62{
737
+ ._option_cghcaq_62{
738
738
  letter-spacing:var(
739
739
  --rs-text-base-letter-spacing,
740
740
  var(--_rs-typography-letter-spacing)
@@ -778,32 +778,32 @@
778
778
  appearance:none;
779
779
  }
780
780
 
781
- ._disabled_sjw6lf_50 ._option_sjw6lf_62{
781
+ ._disabled_cghcaq_50 ._option_cghcaq_62{
782
782
  cursor:not-allowed;
783
783
  pointer-events:none;
784
784
  }
785
785
 
786
- ._option_sjw6lf_62:has(:focus-visible),
787
- ._option_sjw6lf_62:has(:focus[data-focus-method='key']){
786
+ ._option_cghcaq_62:has(:focus-visible),
787
+ ._option_cghcaq_62:has(:focus[data-focus-method='key']){
788
788
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
789
789
  }
790
790
 
791
791
  @media (hover: hover){
792
- ._option_sjw6lf_62:hover{
792
+ ._option_cghcaq_62:hover{
793
793
  background:var(--_rs-switcher-vertical-option-hover-background);
794
794
  }
795
795
  }
796
796
 
797
- ._option_sjw6lf_62._selected_sjw6lf_108:active{
797
+ ._option_cghcaq_62._selected_cghcaq_108:active{
798
798
  background:transparent;
799
799
  }
800
800
 
801
- ._option_sjw6lf_62._selected_sjw6lf_108:hover,
802
- ._option_sjw6lf_62._selected_sjw6lf_108:active{
801
+ ._option_cghcaq_62._selected_cghcaq_108:hover,
802
+ ._option_cghcaq_62._selected_cghcaq_108:active{
803
803
  cursor:default;
804
804
  }
805
805
 
806
- ._hiddenMark_sjw6lf_117 ._option_sjw6lf_62._selected_sjw6lf_108::before{
806
+ ._hiddenMark_cghcaq_117 ._option_cghcaq_62._selected_cghcaq_108::before{
807
807
  position:absolute;
808
808
  top:0;
809
809
  right:0;
@@ -820,12 +820,12 @@
820
820
  content:'';
821
821
  }
822
822
 
823
- ._hiddenMark_sjw6lf_117._disabled_sjw6lf_50 ._option_sjw6lf_62._selected_sjw6lf_108::before{
823
+ ._hiddenMark_cghcaq_117._disabled_cghcaq_50 ._option_cghcaq_62._selected_cghcaq_108::before{
824
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);
825
825
  }
826
826
 
827
- ._disabled_sjw6lf_50 ._option_sjw6lf_62,
828
- ._disabled_sjw6lf_50 ._option_sjw6lf_62._selected_sjw6lf_108{
827
+ ._disabled_cghcaq_50 ._option_cghcaq_62,
828
+ ._disabled_cghcaq_50 ._option_cghcaq_62._selected_cghcaq_108{
829
829
  color:var(
830
830
  --rs-color-pale,
831
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)
@@ -836,13 +836,13 @@
836
836
  background:transparent;
837
837
  }
838
838
 
839
- ._option_sjw6lf_62 ._optionLabel_sjw6lf_148{
839
+ ._option_cghcaq_62 ._optionLabel_cghcaq_148{
840
840
  flex:1 1 auto;
841
841
 
842
842
  text-align:left;
843
843
  }
844
844
 
845
- ._option_sjw6lf_62 ._icon_sjw6lf_154{
845
+ ._option_cghcaq_62 ._icon_cghcaq_154{
846
846
  flex:0 0 auto;
847
847
 
848
848
  width:auto;
@@ -854,13 +854,13 @@
854
854
  fill:currentColor;
855
855
  }
856
856
 
857
- ._option_sjw6lf_62 ._fakeIcon_sjw6lf_165{
857
+ ._option_cghcaq_62 ._fakeIcon_cghcaq_165{
858
858
  display:inline-block;
859
859
 
860
860
  width:var(--_rs-switcher-vertical-icon-size);
861
861
  }
862
862
 
863
- ._mark_sjw6lf_172{
863
+ ._mark_cghcaq_172{
864
864
  position:absolute;
865
865
  right:0;
866
866
  left:0;
@@ -876,15 +876,15 @@
876
876
  transition:all var(--_rs-switcher-vertical-mark-transition-duration) var(--rs-transition-function, ease);
877
877
  }
878
878
 
879
- ._disabled_sjw6lf_50 ._mark_sjw6lf_172{
879
+ ._disabled_cghcaq_50 ._mark_cghcaq_172{
880
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);
881
881
  }
882
882
 
883
- ._hiddenMark_sjw6lf_117 ._mark_sjw6lf_172{
883
+ ._hiddenMark_cghcaq_117 ._mark_cghcaq_172{
884
884
  display:none;
885
885
  }
886
886
 
887
- ._radio_sjw6lf_197{
887
+ ._radio_cghcaq_197{
888
888
  position:absolute;
889
889
 
890
890
  overflow:hidden;
package/lib/switcher.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_1q0680q_6","themeDark":"_themeDark_1q0680q_9","sizeXS":"_sizeXS_1q0680q_13","sizeS":"_sizeS_1q0680q_16","sizeM":"_sizeM_1q0680q_19","sizeL":"_sizeL_1q0680q_22","modeClassic":"_modeClassic_1q0680q_26","modeRock":"_modeRock_1q0680q_29","compact":"_compact_1q0680q_33","switcher":"_switcher_1q0680q_37","disabled":"_disabled_1q0680q_55","alignIconLeft":"_alignIconLeft_1q0680q_60","alignIconRight":"_alignIconRight_1q0680q_63","option":"_option_1q0680q_67","selected":"_selected_1q0680q_119","hiddenMark":"_hiddenMark_1q0680q_128","icon":"_icon_1q0680q_159","mark":"_mark_1q0680q_172","radio":"_radio_1q0680q_200"};
1
+ var styles = {"themeLight":"_themeLight_1y298pn_6","themeDark":"_themeDark_1y298pn_9","sizeXS":"_sizeXS_1y298pn_13","sizeS":"_sizeS_1y298pn_16","sizeM":"_sizeM_1y298pn_19","sizeL":"_sizeL_1y298pn_22","modeClassic":"_modeClassic_1y298pn_26","modeRock":"_modeRock_1y298pn_29","compact":"_compact_1y298pn_33","switcher":"_switcher_1y298pn_37","disabled":"_disabled_1y298pn_55","alignIconLeft":"_alignIconLeft_1y298pn_60","alignIconRight":"_alignIconRight_1y298pn_63","option":"_option_1y298pn_67","selected":"_selected_1y298pn_119","hiddenMark":"_hiddenMark_1y298pn_128","icon":"_icon_1y298pn_159","mark":"_mark_1y298pn_172","radio":"_radio_1y298pn_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_sjw6lf_6","themeDark":"_themeDark_sjw6lf_9","sizeXS":"_sizeXS_sjw6lf_13","sizeS":"_sizeS_sjw6lf_16","sizeM":"_sizeM_sjw6lf_19","sizeL":"_sizeL_sjw6lf_22","modeClassic":"_modeClassic_sjw6lf_26","modeRock":"_modeRock_sjw6lf_29","verticalSwitcher":"_verticalSwitcher_sjw6lf_33","disabled":"_disabled_sjw6lf_50","alignIconLeft":"_alignIconLeft_sjw6lf_55","alignIconRight":"_alignIconRight_sjw6lf_58","option":"_option_sjw6lf_62","selected":"_selected_sjw6lf_108","hiddenMark":"_hiddenMark_sjw6lf_117","optionLabel":"_optionLabel_sjw6lf_148","icon":"_icon_sjw6lf_154","fakeIcon":"_fakeIcon_sjw6lf_165","mark":"_mark_sjw6lf_172","radio":"_radio_sjw6lf_197"};
1
+ var styles = {"themeLight":"_themeLight_cghcaq_6","themeDark":"_themeDark_cghcaq_9","sizeXS":"_sizeXS_cghcaq_13","sizeS":"_sizeS_cghcaq_16","sizeM":"_sizeM_cghcaq_19","sizeL":"_sizeL_cghcaq_22","modeClassic":"_modeClassic_cghcaq_26","modeRock":"_modeRock_cghcaq_29","verticalSwitcher":"_verticalSwitcher_cghcaq_33","disabled":"_disabled_cghcaq_50","alignIconLeft":"_alignIconLeft_cghcaq_55","alignIconRight":"_alignIconRight_cghcaq_58","option":"_option_cghcaq_62","selected":"_selected_cghcaq_108","hiddenMark":"_hiddenMark_cghcaq_117","optionLabel":"_optionLabel_cghcaq_148","icon":"_icon_cghcaq_154","fakeIcon":"_fakeIcon_cghcaq_165","mark":"_mark_cghcaq_172","radio":"_radio_cghcaq_197"};
2
2
 
3
3
  export { styles as default };
package/llm/components/switcher.md CHANGED
@@ -8,7 +8,7 @@ A switcher replaces a group of radio buttons, presenting the options with one se
8
8
 
9
9
  ### Usage
10
10
 
11
- ```tsx
11
+ ```jsx
12
12
  import { Switcher } from '@rescui/switcher';
13
13
  import { useState } from 'react';
14
14
 
@@ -35,7 +35,7 @@ render(<MySwitcher />);
35
35
 
36
36
  ### Compact mode
37
37
 
38
- ```tsx
38
+ ```jsx
39
39
  import { Switcher } from '@rescui/switcher';
40
40
  import { useState } from 'react';
41
41
 
@@ -63,7 +63,7 @@ render(<MySwitcher />);
63
63
 
64
64
  ### With icons
65
65
 
66
- ```tsx
66
+ ```jsx
67
67
  import { Switcher } from '@rescui/switcher';
68
68
  import {
69
69
  HintOutlineIcon,
@@ -99,7 +99,7 @@ Do not restrict the component height. If you have to place it into a container w
99
99
 
100
100
  ### Usage
101
101
 
102
- ```tsx
102
+ ```jsx
103
103
  import { VerticalSwitcher } from '@rescui/switcher';
104
104
  import { useState } from 'react';
105
105
 
@@ -127,7 +127,7 @@ render(<MyVerticalSwitcher />);
127
127
 
128
128
  ### With icons
129
129
 
130
- ```tsx
130
+ ```jsx
131
131
  import { VerticalSwitcher } from '@rescui/switcher';
132
132
  import {
133
133
  HintOutlineIcon,
@@ -181,7 +181,7 @@ render(<MyVerticalSwitcher />);
181
181
 
182
182
  Use the controls to see the effect at different viewport widths.
183
183
 
184
- ```tsx
184
+ ```jsx
185
185
  import { useState } from 'react';
186
186
  import { Switcher } from '@rescui/switcher';
187
187
  import { HintOutlineIcon, PersonOutlineIcon } from '@rescui/icons';
@@ -244,7 +244,7 @@ render(<MySwitcher />);
244
244
 
245
245
  Use the controls to see the effect at different viewport widths.
246
246
 
247
- ```tsx
247
+ ```jsx
248
248
  import { useState } from 'react';
249
249
  import { VerticalSwitcher } from '@rescui/switcher';
250
250
  import {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.16.1",
3
+ "version": "0.16.3",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -22,20 +22,20 @@
22
22
  "react-compiler-runtime": "^1.0.0"
23
23
  },
24
24
  "peerDependencies": {
25
- "@rescui/ui-contexts": "^0.7.0",
25
+ "@rescui/ui-contexts": "^0.7.0 || ^0.8.0",
26
26
  "prop-types": "^15",
27
27
  "react": ">=17.0.0 <20"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@rescui/colors": "^0.3.6",
31
- "@rescui/icons": "^1.11.2",
31
+ "@rescui/icons": "^1.12.1",
32
32
  "@rescui/scripts": "^0.6.0",
33
- "@rescui/typography": "^0.30.1"
33
+ "@rescui/typography": "^0.30.2"
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": "428fe8428862945a1199cf875bbe180ccbb71df3"
40
+ "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
41
41
  }