@rescui/switcher 0.12.10-RUI-280-Update-select-component-separate-components-e772abaa1.56 → 0.12.10-RUI-280-Update-select-component-downshift-2f40ef205.67

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 -75
  2. package/lib/switcher.p.module.css.js +18 -18
  3. package/lib/vertical-switcher.p.module.css.js +19 -19
  4. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_7b2geu_6{
1
+ ._themeLight_u34vhe_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_7b2geu_9{
4
+ ._themeDark_u34vhe_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_7b2geu_13{
7
+ ._sizeXS_u34vhe_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_7b2geu_13 [data-rs-internal='switcher__option']{
17
+ ._sizeXS_u34vhe_13 [data-rs-internal='switcher__option']{
18
18
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
19
19
  --_rs-typography-text-transform:initial;
20
20
  --_rs-typography-font-variant-numeric:initial;
@@ -49,7 +49,7 @@
49
49
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
50
50
  --_rs-typography-link-border-bottom-width-from-text:1px;
51
51
  }
52
- ._sizeS_7b2geu_16{
52
+ ._sizeS_u34vhe_16{
53
53
  --_rs-switcher-border-radius:16px;
54
54
  --_rs-switcher-compact-border-radius:4px;
55
55
  --_rs-switcher-option-padding:6px 16px;
@@ -59,7 +59,7 @@
59
59
  --_rs-switcher-compact-icon-offset:4px;
60
60
  --_rs-switcher-icon-margin-vertical:0px;
61
61
  }
62
- ._sizeS_7b2geu_16 [data-rs-internal='switcher__option']{
62
+ ._sizeS_u34vhe_16 [data-rs-internal='switcher__option']{
63
63
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
64
64
  --_rs-typography-text-transform:initial;
65
65
  --_rs-typography-font-variant-numeric:initial;
@@ -94,7 +94,7 @@
94
94
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
95
95
  --_rs-typography-link-border-bottom-width-from-text:1px;
96
96
  }
97
- ._sizeM_7b2geu_19{
97
+ ._sizeM_u34vhe_19{
98
98
  --_rs-switcher-border-radius:20px;
99
99
  --_rs-switcher-compact-border-radius:8px;
100
100
  --_rs-switcher-option-padding:8px 24px;
@@ -104,7 +104,7 @@
104
104
  --_rs-switcher-compact-icon-offset:8px;
105
105
  --_rs-switcher-icon-margin-vertical:0px;
106
106
  }
107
- ._sizeM_7b2geu_19 [data-rs-internal='switcher__option']{
107
+ ._sizeM_u34vhe_19 [data-rs-internal='switcher__option']{
108
108
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
109
109
  --_rs-typography-text-transform:initial;
110
110
  --_rs-typography-font-variant-numeric:initial;
@@ -143,11 +143,11 @@
143
143
  --_rs-typography-link-border-bottom-width-from-text:1px;
144
144
  }
145
145
  @media screen and (max-width: 640px){
146
- ._sizeM_7b2geu_19 [data-rs-internal='switcher__option']{
146
+ ._sizeM_u34vhe_19 [data-rs-internal='switcher__option']{
147
147
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
148
148
  }
149
149
  }
150
- ._sizeL_7b2geu_22{
150
+ ._sizeL_u34vhe_22{
151
151
  --_rs-switcher-border-radius:26px;
152
152
  --_rs-switcher-compact-border-radius:12px;
153
153
  --_rs-switcher-option-padding:12px 32px;
@@ -157,7 +157,7 @@
157
157
  --_rs-switcher-compact-icon-offset:12px;
158
158
  --_rs-switcher-icon-margin-vertical:0px;
159
159
  }
160
- ._sizeL_7b2geu_22 [data-rs-internal='switcher__option']{
160
+ ._sizeL_u34vhe_22 [data-rs-internal='switcher__option']{
161
161
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
162
162
  --_rs-typography-text-transform:initial;
163
163
  --_rs-typography-font-variant-numeric:initial;
@@ -196,22 +196,22 @@
196
196
  --_rs-typography-link-border-bottom-width-from-text:1px;
197
197
  }
198
198
  @media screen and (max-width: 640px){
199
- ._sizeL_7b2geu_22 [data-rs-internal='switcher__option']{
199
+ ._sizeL_u34vhe_22 [data-rs-internal='switcher__option']{
200
200
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
201
201
  }
202
202
  }
203
- ._modeClassic_7b2geu_26{
203
+ ._modeClassic_u34vhe_26{
204
204
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
205
205
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
206
206
  }
207
- ._modeRock_7b2geu_29{
207
+ ._modeRock_u34vhe_29{
208
208
  --_rs-switcher-option-hover-background:rgba(
209
209
  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),
210
210
  0.1
211
211
  );
212
212
  --_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));
213
213
  }
214
- ._compact_7b2geu_33{
214
+ ._compact_u34vhe_33{
215
215
  --_rs-switcher-border-radius-from-compact:var(
216
216
  --_rs-switcher-compact-border-radius
217
217
  );
@@ -222,7 +222,7 @@
222
222
  --_rs-switcher-compact-icon-offset
223
223
  );
224
224
  }
225
- ._switcher_7b2geu_37{
225
+ ._switcher_u34vhe_37{
226
226
  --_rs-theme-dark:var(
227
227
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
228
228
  var(--rs-theme-dark, 0)
@@ -232,7 +232,7 @@
232
232
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
233
233
  }
234
234
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
235
- ._switcher_7b2geu_37{
235
+ ._switcher_u34vhe_37{
236
236
  --_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)));
237
237
  --_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)));
238
238
  --_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)));
@@ -241,7 +241,7 @@
241
241
  }
242
242
  }
243
243
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
244
- ._switcher_7b2geu_37{
244
+ ._switcher_u34vhe_37{
245
245
  --_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);
246
246
  --_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));
247
247
  --_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));
@@ -249,7 +249,7 @@
249
249
  --_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));
250
250
  }
251
251
  }
252
- ._switcher_7b2geu_37 {
252
+ ._switcher_u34vhe_37 {
253
253
 
254
254
  position:relative;
255
255
 
@@ -265,16 +265,16 @@
265
265
  background:transparent;
266
266
  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;
267
267
  }
268
- ._switcher_7b2geu_37._disabled_7b2geu_55{
268
+ ._switcher_u34vhe_37._disabled_u34vhe_55{
269
269
  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;
270
270
  }
271
- ._alignIconLeft_7b2geu_60{
271
+ ._alignIconLeft_u34vhe_60{
272
272
  --_rs-switcher-option-flex-direction:row;
273
273
  }
274
- ._alignIconRight_7b2geu_63{
274
+ ._alignIconRight_u34vhe_63{
275
275
  --_rs-switcher-option-flex-direction:row-reverse;
276
276
  }
277
- ._option_7b2geu_67{
277
+ ._option_u34vhe_67{
278
278
  letter-spacing:var(
279
279
  --rs-text-base-letter-spacing,
280
280
  var(--_rs-typography-letter-spacing)
@@ -325,26 +325,26 @@
325
325
  -moz-appearance:none;
326
326
  appearance:none;
327
327
  }
328
- ._disabled_7b2geu_55 ._option_7b2geu_67{
328
+ ._disabled_u34vhe_55 ._option_u34vhe_67{
329
329
  cursor:not-allowed;
330
330
  pointer-events:none;
331
331
  }
332
- ._option_7b2geu_67:focus[data-focus-method='key']{
332
+ ._option_u34vhe_67:focus[data-focus-method='key']{
333
333
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
334
334
  }
335
335
  @media (hover: hover){
336
- ._option_7b2geu_67:hover{
336
+ ._option_u34vhe_67:hover{
337
337
  background:var(--_rs-switcher-option-hover-background);
338
338
  }
339
339
  }
340
- ._option_7b2geu_67._selected_7b2geu_118:active{
340
+ ._option_u34vhe_67._selected_u34vhe_118:active{
341
341
  background:transparent;
342
342
  }
343
- ._option_7b2geu_67._selected_7b2geu_118:hover,
344
- ._option_7b2geu_67._selected_7b2geu_118:active{
343
+ ._option_u34vhe_67._selected_u34vhe_118:hover,
344
+ ._option_u34vhe_67._selected_u34vhe_118:active{
345
345
  cursor:default;
346
346
  }
347
- ._hiddenMark_7b2geu_127 ._option_7b2geu_67._selected_7b2geu_118::before{
347
+ ._hiddenMark_u34vhe_127 ._option_u34vhe_67._selected_u34vhe_118::before{
348
348
  position:absolute;
349
349
  top:0;
350
350
  right:0;
@@ -360,11 +360,11 @@
360
360
 
361
361
  content:'';
362
362
  }
363
- ._hiddenMark_7b2geu_127._disabled_7b2geu_55 ._option_7b2geu_67._selected_7b2geu_118::before{
363
+ ._hiddenMark_u34vhe_127._disabled_u34vhe_55 ._option_u34vhe_67._selected_u34vhe_118::before{
364
364
  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);
365
365
  }
366
- ._disabled_7b2geu_55 ._option_7b2geu_67,
367
- ._disabled_7b2geu_55 ._option_7b2geu_67._selected_7b2geu_118{
366
+ ._disabled_u34vhe_55 ._option_u34vhe_67,
367
+ ._disabled_u34vhe_55 ._option_u34vhe_67._selected_u34vhe_118{
368
368
  color:var(
369
369
  --rs-color-pale,
370
370
  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)
@@ -374,7 +374,7 @@
374
374
 
375
375
  background:transparent;
376
376
  }
377
- ._option_7b2geu_67 ._icon_7b2geu_158{
377
+ ._option_u34vhe_67 ._icon_u34vhe_158{
378
378
  flex:0 0 auto;
379
379
 
380
380
  width:auto;
@@ -385,7 +385,7 @@
385
385
  margin-top:var(--_rs-switcher-icon-margin-vertical);
386
386
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
387
387
  }
388
- ._mark_7b2geu_171{
388
+ ._mark_u34vhe_171{
389
389
  position:absolute;
390
390
  top:0;
391
391
  bottom:0;
@@ -403,20 +403,20 @@
403
403
 
404
404
  transition:all var(--_rs-switcher-mark-transition-duration);
405
405
  }
406
- ._disabled_7b2geu_55 ._mark_7b2geu_171{
406
+ ._disabled_u34vhe_55 ._mark_u34vhe_171{
407
407
  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
408
  }
409
- ._hiddenMark_7b2geu_127 ._mark_7b2geu_171{
409
+ ._hiddenMark_u34vhe_127 ._mark_u34vhe_171{
410
410
  display:none;
411
411
  }
412
412
 
413
- ._themeLight_1yleh5b_6{
413
+ ._themeLight_1dbqgaj_6{
414
414
  --rs-theme-dark:0;
415
415
  }
416
- ._themeDark_1yleh5b_9{
416
+ ._themeDark_1dbqgaj_9{
417
417
  --rs-theme-dark:1;
418
418
  }
419
- ._sizeXS_1yleh5b_13{
419
+ ._sizeXS_1dbqgaj_13{
420
420
  --_rs-switcher-vertical-border-radius:4px;
421
421
  --_rs-switcher-vertical-option-vertical-padding:2px;
422
422
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -424,7 +424,7 @@
424
424
  --_rs-switcher-vertical-icon-offset:4px;
425
425
  --_rs-switcher-vertical-icon-margin-vertical:2px;
426
426
  }
427
- ._sizeXS_1yleh5b_13 [data-rs-internal='vertical-switcher__option']{
427
+ ._sizeXS_1dbqgaj_13 [data-rs-internal='vertical-switcher__option']{
428
428
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
429
429
  --_rs-typography-text-transform:initial;
430
430
  --_rs-typography-font-variant-numeric:initial;
@@ -459,7 +459,7 @@
459
459
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
460
460
  --_rs-typography-link-border-bottom-width-from-text:1px;
461
461
  }
462
- ._sizeS_1yleh5b_16{
462
+ ._sizeS_1dbqgaj_16{
463
463
  --_rs-switcher-vertical-border-radius:4px;
464
464
  --_rs-switcher-vertical-option-vertical-padding:6px;
465
465
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -467,7 +467,7 @@
467
467
  --_rs-switcher-vertical-icon-offset:4px;
468
468
  --_rs-switcher-vertical-icon-margin-vertical:0px;
469
469
  }
470
- ._sizeS_1yleh5b_16 [data-rs-internal='vertical-switcher__option']{
470
+ ._sizeS_1dbqgaj_16 [data-rs-internal='vertical-switcher__option']{
471
471
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
472
472
  --_rs-typography-text-transform:initial;
473
473
  --_rs-typography-font-variant-numeric:initial;
@@ -502,7 +502,7 @@
502
502
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
503
503
  --_rs-typography-link-border-bottom-width-from-text:1px;
504
504
  }
505
- ._sizeM_1yleh5b_19{
505
+ ._sizeM_1dbqgaj_19{
506
506
  --_rs-switcher-vertical-border-radius:8px;
507
507
  --_rs-switcher-vertical-option-vertical-padding:8px;
508
508
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -510,7 +510,7 @@
510
510
  --_rs-switcher-vertical-icon-offset:8px;
511
511
  --_rs-switcher-vertical-icon-margin-vertical:0px;
512
512
  }
513
- ._sizeM_1yleh5b_19 [data-rs-internal='vertical-switcher__option']{
513
+ ._sizeM_1dbqgaj_19 [data-rs-internal='vertical-switcher__option']{
514
514
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
515
515
  --_rs-typography-text-transform:initial;
516
516
  --_rs-typography-font-variant-numeric:initial;
@@ -549,11 +549,11 @@
549
549
  --_rs-typography-link-border-bottom-width-from-text:1px;
550
550
  }
551
551
  @media screen and (max-width: 640px){
552
- ._sizeM_1yleh5b_19 [data-rs-internal='vertical-switcher__option']{
552
+ ._sizeM_1dbqgaj_19 [data-rs-internal='vertical-switcher__option']{
553
553
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
554
554
  }
555
555
  }
556
- ._sizeL_1yleh5b_22{
556
+ ._sizeL_1dbqgaj_22{
557
557
  --_rs-switcher-vertical-border-radius:12px;
558
558
  --_rs-switcher-vertical-option-vertical-padding:12px;
559
559
  --_rs-switcher-vertical-option-horizontal-padding:24px;
@@ -561,7 +561,7 @@
561
561
  --_rs-switcher-vertical-icon-offset:12px;
562
562
  --_rs-switcher-vertical-icon-margin-vertical:0px;
563
563
  }
564
- ._sizeL_1yleh5b_22 [data-rs-internal='vertical-switcher__option']{
564
+ ._sizeL_1dbqgaj_22 [data-rs-internal='vertical-switcher__option']{
565
565
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
566
566
  --_rs-typography-text-transform:initial;
567
567
  --_rs-typography-font-variant-numeric:initial;
@@ -600,17 +600,17 @@
600
600
  --_rs-typography-link-border-bottom-width-from-text:1px;
601
601
  }
602
602
  @media screen and (max-width: 640px){
603
- ._sizeL_1yleh5b_22 [data-rs-internal='vertical-switcher__option']{
603
+ ._sizeL_1dbqgaj_22 [data-rs-internal='vertical-switcher__option']{
604
604
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
605
605
  }
606
606
  }
607
- ._modeClassic_1yleh5b_26{
607
+ ._modeClassic_1dbqgaj_26{
608
608
  --_rs-switcher-vertical-option-hover-background:var(
609
609
  --_rs-color-primary-t-fog
610
610
  );
611
611
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
612
612
  }
613
- ._modeRock_1yleh5b_29{
613
+ ._modeRock_1dbqgaj_29{
614
614
  --_rs-switcher-vertical-option-hover-background:rgba(
615
615
  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),
616
616
  0.1
@@ -619,7 +619,7 @@
619
619
  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)
620
620
  );
621
621
  }
622
- ._verticalSwitcher_1yleh5b_33{
622
+ ._verticalSwitcher_1dbqgaj_33{
623
623
  --_rs-theme-dark:var(
624
624
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
625
625
  var(--rs-theme-dark, 0)
@@ -629,7 +629,7 @@
629
629
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
630
630
  }
631
631
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
632
- ._verticalSwitcher_1yleh5b_33{
632
+ ._verticalSwitcher_1dbqgaj_33{
633
633
  --_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)));
634
634
  --_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)));
635
635
  --_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)));
@@ -638,7 +638,7 @@
638
638
  }
639
639
  }
640
640
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
641
- ._verticalSwitcher_1yleh5b_33{
641
+ ._verticalSwitcher_1dbqgaj_33{
642
642
  --_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);
643
643
  --_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));
644
644
  --_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));
@@ -646,7 +646,7 @@
646
646
  --_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));
647
647
  }
648
648
  }
649
- ._verticalSwitcher_1yleh5b_33 {
649
+ ._verticalSwitcher_1dbqgaj_33 {
650
650
 
651
651
  position:relative;
652
652
 
@@ -661,16 +661,16 @@
661
661
  background:transparent;
662
662
  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
  }
664
- ._verticalSwitcher_1yleh5b_33._disabled_1yleh5b_50{
664
+ ._verticalSwitcher_1dbqgaj_33._disabled_1dbqgaj_50{
665
665
  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
666
  }
667
- ._alignIconLeft_1yleh5b_55{
667
+ ._alignIconLeft_1dbqgaj_55{
668
668
  --_rs-switcher-vertical-option-flex-direction:row;
669
669
  }
670
- ._alignIconRight_1yleh5b_58{
670
+ ._alignIconRight_1dbqgaj_58{
671
671
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
672
672
  }
673
- ._option_1yleh5b_62{
673
+ ._option_1dbqgaj_62{
674
674
  letter-spacing:var(
675
675
  --rs-text-base-letter-spacing,
676
676
  var(--_rs-typography-letter-spacing)
@@ -714,26 +714,26 @@
714
714
  -moz-appearance:none;
715
715
  appearance:none;
716
716
  }
717
- ._disabled_1yleh5b_50 ._option_1yleh5b_62{
717
+ ._disabled_1dbqgaj_50 ._option_1dbqgaj_62{
718
718
  cursor:not-allowed;
719
719
  pointer-events:none;
720
720
  }
721
- ._option_1yleh5b_62:focus[data-focus-method='key']{
721
+ ._option_1dbqgaj_62:focus[data-focus-method='key']{
722
722
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
723
723
  }
724
724
  @media (hover: hover){
725
- ._option_1yleh5b_62:hover{
725
+ ._option_1dbqgaj_62:hover{
726
726
  background:var(--_rs-switcher-vertical-option-hover-background);
727
727
  }
728
728
  }
729
- ._option_1yleh5b_62._selected_1yleh5b_107:active{
729
+ ._option_1dbqgaj_62._selected_1dbqgaj_107:active{
730
730
  background:transparent;
731
731
  }
732
- ._option_1yleh5b_62._selected_1yleh5b_107:hover,
733
- ._option_1yleh5b_62._selected_1yleh5b_107:active{
732
+ ._option_1dbqgaj_62._selected_1dbqgaj_107:hover,
733
+ ._option_1dbqgaj_62._selected_1dbqgaj_107:active{
734
734
  cursor:default;
735
735
  }
736
- ._hiddenMark_1yleh5b_116 ._option_1yleh5b_62._selected_1yleh5b_107::before{
736
+ ._hiddenMark_1dbqgaj_116 ._option_1dbqgaj_62._selected_1dbqgaj_107::before{
737
737
  position:absolute;
738
738
  top:0;
739
739
  right:0;
@@ -749,11 +749,11 @@
749
749
 
750
750
  content:'';
751
751
  }
752
- ._hiddenMark_1yleh5b_116._disabled_1yleh5b_50 ._option_1yleh5b_62._selected_1yleh5b_107::before{
752
+ ._hiddenMark_1dbqgaj_116._disabled_1dbqgaj_50 ._option_1dbqgaj_62._selected_1dbqgaj_107::before{
753
753
  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);
754
754
  }
755
- ._disabled_1yleh5b_50 ._option_1yleh5b_62,
756
- ._disabled_1yleh5b_50 ._option_1yleh5b_62._selected_1yleh5b_107{
755
+ ._disabled_1dbqgaj_50 ._option_1dbqgaj_62,
756
+ ._disabled_1dbqgaj_50 ._option_1dbqgaj_62._selected_1dbqgaj_107{
757
757
  color:var(
758
758
  --rs-color-pale,
759
759
  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)
@@ -763,12 +763,12 @@
763
763
 
764
764
  background:transparent;
765
765
  }
766
- ._option_1yleh5b_62 ._optionLabel_1yleh5b_147{
766
+ ._option_1dbqgaj_62 ._optionLabel_1dbqgaj_147{
767
767
  flex:1 1 auto;
768
768
 
769
769
  text-align:left;
770
770
  }
771
- ._option_1yleh5b_62 ._icon_1yleh5b_153{
771
+ ._option_1dbqgaj_62 ._icon_1dbqgaj_153{
772
772
  flex:0 0 auto;
773
773
 
774
774
  width:auto;
@@ -779,12 +779,12 @@
779
779
 
780
780
  fill:currentColor;
781
781
  }
782
- ._option_1yleh5b_62 ._fakeIcon_1yleh5b_164{
782
+ ._option_1dbqgaj_62 ._fakeIcon_1dbqgaj_164{
783
783
  display:inline-block;
784
784
 
785
785
  width:var(--_rs-switcher-vertical-icon-size);
786
786
  }
787
- ._mark_1yleh5b_171{
787
+ ._mark_1dbqgaj_171{
788
788
  position:absolute;
789
789
  right:0;
790
790
  left:0;
@@ -799,9 +799,9 @@
799
799
 
800
800
  transition:all var(--_rs-switcher-vertical-mark-transition-duration);
801
801
  }
802
- ._disabled_1yleh5b_50 ._mark_1yleh5b_171{
802
+ ._disabled_1dbqgaj_50 ._mark_1dbqgaj_171{
803
803
  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);
804
804
  }
805
- ._hiddenMark_1yleh5b_116 ._mark_1yleh5b_171{
805
+ ._hiddenMark_1dbqgaj_116 ._mark_1dbqgaj_171{
806
806
  display:none;
807
807
  }
package/lib/switcher.p.module.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_7b2geu_6",
3
- "themeDark": "_themeDark_7b2geu_9",
4
- "sizeXS": "_sizeXS_7b2geu_13",
5
- "sizeS": "_sizeS_7b2geu_16",
6
- "sizeM": "_sizeM_7b2geu_19",
7
- "sizeL": "_sizeL_7b2geu_22",
8
- "modeClassic": "_modeClassic_7b2geu_26",
9
- "modeRock": "_modeRock_7b2geu_29",
10
- "compact": "_compact_7b2geu_33",
11
- "switcher": "_switcher_7b2geu_37",
12
- "disabled": "_disabled_7b2geu_55",
13
- "alignIconLeft": "_alignIconLeft_7b2geu_60",
14
- "alignIconRight": "_alignIconRight_7b2geu_63",
15
- "option": "_option_7b2geu_67",
16
- "selected": "_selected_7b2geu_118",
17
- "hiddenMark": "_hiddenMark_7b2geu_127",
18
- "icon": "_icon_7b2geu_158",
19
- "mark": "_mark_7b2geu_171"
2
+ "themeLight": "_themeLight_u34vhe_6",
3
+ "themeDark": "_themeDark_u34vhe_9",
4
+ "sizeXS": "_sizeXS_u34vhe_13",
5
+ "sizeS": "_sizeS_u34vhe_16",
6
+ "sizeM": "_sizeM_u34vhe_19",
7
+ "sizeL": "_sizeL_u34vhe_22",
8
+ "modeClassic": "_modeClassic_u34vhe_26",
9
+ "modeRock": "_modeRock_u34vhe_29",
10
+ "compact": "_compact_u34vhe_33",
11
+ "switcher": "_switcher_u34vhe_37",
12
+ "disabled": "_disabled_u34vhe_55",
13
+ "alignIconLeft": "_alignIconLeft_u34vhe_60",
14
+ "alignIconRight": "_alignIconRight_u34vhe_63",
15
+ "option": "_option_u34vhe_67",
16
+ "selected": "_selected_u34vhe_118",
17
+ "hiddenMark": "_hiddenMark_u34vhe_127",
18
+ "icon": "_icon_u34vhe_158",
19
+ "mark": "_mark_u34vhe_171"
20
20
  };
21
21
  export { styles as default };
package/lib/vertical-switcher.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1yleh5b_6",
3
- "themeDark": "_themeDark_1yleh5b_9",
4
- "sizeXS": "_sizeXS_1yleh5b_13",
5
- "sizeS": "_sizeS_1yleh5b_16",
6
- "sizeM": "_sizeM_1yleh5b_19",
7
- "sizeL": "_sizeL_1yleh5b_22",
8
- "modeClassic": "_modeClassic_1yleh5b_26",
9
- "modeRock": "_modeRock_1yleh5b_29",
10
- "verticalSwitcher": "_verticalSwitcher_1yleh5b_33",
11
- "disabled": "_disabled_1yleh5b_50",
12
- "alignIconLeft": "_alignIconLeft_1yleh5b_55",
13
- "alignIconRight": "_alignIconRight_1yleh5b_58",
14
- "option": "_option_1yleh5b_62",
15
- "selected": "_selected_1yleh5b_107",
16
- "hiddenMark": "_hiddenMark_1yleh5b_116",
17
- "optionLabel": "_optionLabel_1yleh5b_147",
18
- "icon": "_icon_1yleh5b_153",
19
- "fakeIcon": "_fakeIcon_1yleh5b_164",
20
- "mark": "_mark_1yleh5b_171"
2
+ "themeLight": "_themeLight_1dbqgaj_6",
3
+ "themeDark": "_themeDark_1dbqgaj_9",
4
+ "sizeXS": "_sizeXS_1dbqgaj_13",
5
+ "sizeS": "_sizeS_1dbqgaj_16",
6
+ "sizeM": "_sizeM_1dbqgaj_19",
7
+ "sizeL": "_sizeL_1dbqgaj_22",
8
+ "modeClassic": "_modeClassic_1dbqgaj_26",
9
+ "modeRock": "_modeRock_1dbqgaj_29",
10
+ "verticalSwitcher": "_verticalSwitcher_1dbqgaj_33",
11
+ "disabled": "_disabled_1dbqgaj_50",
12
+ "alignIconLeft": "_alignIconLeft_1dbqgaj_55",
13
+ "alignIconRight": "_alignIconRight_1dbqgaj_58",
14
+ "option": "_option_1dbqgaj_62",
15
+ "selected": "_selected_1dbqgaj_107",
16
+ "hiddenMark": "_hiddenMark_1dbqgaj_116",
17
+ "optionLabel": "_optionLabel_1dbqgaj_147",
18
+ "icon": "_icon_1dbqgaj_153",
19
+ "fakeIcon": "_fakeIcon_1dbqgaj_164",
20
+ "mark": "_mark_1dbqgaj_171"
21
21
  };
22
22
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/switcher",
3
- "version": "0.12.10-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
3
+ "version": "0.12.10-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.168+e772abaa1",
20
+ "@rescui/use-resize-observer": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.179+2f40ef205",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,15 +26,15 @@
26
26
  "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "0.3.1-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
30
- "@rescui/icons": "1.7.4-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1",
29
+ "@rescui/colors": "0.3.1-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
30
+ "@rescui/icons": "1.7.4-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205",
31
31
  "@rescui/scripts": "0.5.1",
32
- "@rescui/typography": "0.24.5-RUI-280-Update-select-component-separate-components-e772abaa1.56+e772abaa1"
32
+ "@rescui/typography": "0.24.5-RUI-280-Update-select-component-downshift-2f40ef205.67+2f40ef205"
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": "e772abaa1615818504b1d498233bec348bcb7bb5"
39
+ "gitHead": "2f40ef205f94c200019ec963e3fd0ca47fe1cdcb"
40
40
  }