@rescui/switcher 0.11.2 → 0.11.4-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0

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 (6) hide show
  1. package/lib/index.css +75 -75
  2. package/lib/switcher.js +2 -1
  3. package/lib/switcher.p.module.css.js +18 -18
  4. package/lib/vertical-switcher.js +2 -1
  5. package/lib/vertical-switcher.p.module.css.js +19 -19
  6. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._themeLight_15ur2gn_6{
1
+ ._themeLight_1fo2o9x_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._themeDark_15ur2gn_9{
4
+ ._themeDark_1fo2o9x_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._sizeXS_15ur2gn_13{
7
+ ._sizeXS_1fo2o9x_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_15ur2gn_13 [data-rs-internal='switcher__option']{
17
+ ._sizeXS_1fo2o9x_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;
@@ -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_15ur2gn_16{
51
+ ._sizeS_1fo2o9x_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_15ur2gn_16 [data-rs-internal='switcher__option']{
61
+ ._sizeS_1fo2o9x_16 [data-rs-internal='switcher__option']{
62
62
  --_rs-typography-letter-spacing:var(--rs-text-3-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_15ur2gn_19{
95
+ ._sizeM_1fo2o9x_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_15ur2gn_19 [data-rs-internal='switcher__option']{
105
+ ._sizeM_1fo2o9x_19 [data-rs-internal='switcher__option']{
106
106
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
107
107
  --_rs-typography-text-transform:initial;
108
108
  --_rs-typography-font-variant-numeric:initial;
@@ -140,11 +140,11 @@
140
140
  --_rs-typography-link-border-bottom-width-from-text:1px;
141
141
  }
142
142
  @media screen and (max-width: 640px){
143
- ._sizeM_15ur2gn_19 [data-rs-internal='switcher__option']{
143
+ ._sizeM_1fo2o9x_19 [data-rs-internal='switcher__option']{
144
144
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
145
145
  }
146
146
  }
147
- ._sizeL_15ur2gn_22{
147
+ ._sizeL_1fo2o9x_22{
148
148
  --_rs-switcher-border-radius:26px;
149
149
  --_rs-switcher-compact-border-radius:12px;
150
150
  --_rs-switcher-option-padding:12px 32px;
@@ -154,7 +154,7 @@
154
154
  --_rs-switcher-compact-icon-offset:12px;
155
155
  --_rs-switcher-icon-margin-vertical:0px;
156
156
  }
157
- ._sizeL_15ur2gn_22 [data-rs-internal='switcher__option']{
157
+ ._sizeL_1fo2o9x_22 [data-rs-internal='switcher__option']{
158
158
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
159
159
  --_rs-typography-text-transform:initial;
160
160
  --_rs-typography-font-variant-numeric:initial;
@@ -192,22 +192,22 @@
192
192
  --_rs-typography-link-border-bottom-width-from-text:1px;
193
193
  }
194
194
  @media screen and (max-width: 640px){
195
- ._sizeL_15ur2gn_22 [data-rs-internal='switcher__option']{
195
+ ._sizeL_1fo2o9x_22 [data-rs-internal='switcher__option']{
196
196
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
197
197
  }
198
198
  }
199
- ._modeClassic_15ur2gn_26{
199
+ ._modeClassic_1fo2o9x_26{
200
200
  --_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
201
201
  --_rs-switcher-mark-border-color:var(--_rs-color-primary);
202
202
  }
203
- ._modeRock_15ur2gn_29{
203
+ ._modeRock_1fo2o9x_29{
204
204
  --_rs-switcher-option-hover-background:rgba(
205
205
  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),
206
206
  0.1
207
207
  );
208
208
  --_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));
209
209
  }
210
- ._compact_15ur2gn_33{
210
+ ._compact_1fo2o9x_33{
211
211
  --_rs-switcher-border-radius-from-compact:var(
212
212
  --_rs-switcher-compact-border-radius
213
213
  );
@@ -218,7 +218,7 @@
218
218
  --_rs-switcher-compact-icon-offset
219
219
  );
220
220
  }
221
- ._switcher_15ur2gn_37{
221
+ ._switcher_1fo2o9x_37{
222
222
  --_rs-theme-dark:var(
223
223
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
224
224
  var(--rs-theme-dark, 0)
@@ -228,7 +228,7 @@
228
228
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
229
229
  }
230
230
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
231
- ._switcher_15ur2gn_37{
231
+ ._switcher_1fo2o9x_37{
232
232
  --_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)));
233
233
  --_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)));
234
234
  --_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)));
@@ -237,7 +237,7 @@
237
237
  }
238
238
  }
239
239
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
240
- ._switcher_15ur2gn_37{
240
+ ._switcher_1fo2o9x_37{
241
241
  --_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);
242
242
  --_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));
243
243
  --_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));
@@ -245,7 +245,7 @@
245
245
  --_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));
246
246
  }
247
247
  }
248
- ._switcher_15ur2gn_37 {
248
+ ._switcher_1fo2o9x_37 {
249
249
 
250
250
  position:relative;
251
251
 
@@ -261,16 +261,16 @@
261
261
  background:transparent;
262
262
  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
  }
264
- ._switcher_15ur2gn_37._disabled_15ur2gn_55{
264
+ ._switcher_1fo2o9x_37._disabled_1fo2o9x_55{
265
265
  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;
266
266
  }
267
- ._alignIconLeft_15ur2gn_60{
267
+ ._alignIconLeft_1fo2o9x_60{
268
268
  --_rs-switcher-option-flex-direction:row;
269
269
  }
270
- ._alignIconRight_15ur2gn_63{
270
+ ._alignIconRight_1fo2o9x_63{
271
271
  --_rs-switcher-option-flex-direction:row-reverse;
272
272
  }
273
- ._option_15ur2gn_67{
273
+ ._option_1fo2o9x_67{
274
274
  letter-spacing:var(
275
275
  --rs-text-base-letter-spacing,
276
276
  var(--_rs-typography-letter-spacing)
@@ -321,26 +321,26 @@
321
321
  -moz-appearance:none;
322
322
  appearance:none;
323
323
  }
324
- ._disabled_15ur2gn_55 ._option_15ur2gn_67{
324
+ ._disabled_1fo2o9x_55 ._option_1fo2o9x_67{
325
325
  cursor:not-allowed;
326
326
  pointer-events:none;
327
327
  }
328
- ._option_15ur2gn_67:focus[data-focus-method='key']{
328
+ ._option_1fo2o9x_67:focus[data-focus-method='key']{
329
329
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
330
330
  }
331
331
  @media (hover: hover){
332
- ._option_15ur2gn_67:hover{
332
+ ._option_1fo2o9x_67:hover{
333
333
  background:var(--_rs-switcher-option-hover-background);
334
334
  }
335
335
  }
336
- ._option_15ur2gn_67._selected_15ur2gn_118:active{
336
+ ._option_1fo2o9x_67._selected_1fo2o9x_118:active{
337
337
  background:transparent;
338
338
  }
339
- ._option_15ur2gn_67._selected_15ur2gn_118:hover,
340
- ._option_15ur2gn_67._selected_15ur2gn_118:active{
339
+ ._option_1fo2o9x_67._selected_1fo2o9x_118:hover,
340
+ ._option_1fo2o9x_67._selected_1fo2o9x_118:active{
341
341
  cursor:default;
342
342
  }
343
- ._hiddenMark_15ur2gn_127 ._option_15ur2gn_67._selected_15ur2gn_118::before{
343
+ ._hiddenMark_1fo2o9x_127 ._option_1fo2o9x_67._selected_1fo2o9x_118::before{
344
344
  position:absolute;
345
345
  top:0;
346
346
  right:0;
@@ -356,11 +356,11 @@
356
356
 
357
357
  content:'';
358
358
  }
359
- ._hiddenMark_15ur2gn_127._disabled_15ur2gn_55 ._option_15ur2gn_67._selected_15ur2gn_118::before{
359
+ ._hiddenMark_1fo2o9x_127._disabled_1fo2o9x_55 ._option_1fo2o9x_67._selected_1fo2o9x_118::before{
360
360
  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);
361
361
  }
362
- ._disabled_15ur2gn_55 ._option_15ur2gn_67,
363
- ._disabled_15ur2gn_55 ._option_15ur2gn_67._selected_15ur2gn_118{
362
+ ._disabled_1fo2o9x_55 ._option_1fo2o9x_67,
363
+ ._disabled_1fo2o9x_55 ._option_1fo2o9x_67._selected_1fo2o9x_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_15ur2gn_67 ._icon_15ur2gn_158{
373
+ ._option_1fo2o9x_67 ._icon_1fo2o9x_158{
374
374
  flex:0 0 auto;
375
375
 
376
376
  width:auto;
@@ -381,7 +381,7 @@
381
381
  margin-top:var(--_rs-switcher-icon-margin-vertical);
382
382
  margin-bottom:var(--_rs-switcher-icon-margin-vertical);
383
383
  }
384
- ._mark_15ur2gn_171{
384
+ ._mark_1fo2o9x_171{
385
385
  position:absolute;
386
386
  top:0;
387
387
  bottom:0;
@@ -399,20 +399,20 @@
399
399
 
400
400
  transition:all var(--_rs-switcher-mark-transition-duration);
401
401
  }
402
- ._disabled_15ur2gn_55 ._mark_15ur2gn_171{
402
+ ._disabled_1fo2o9x_55 ._mark_1fo2o9x_171{
403
403
  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);
404
404
  }
405
- ._hiddenMark_15ur2gn_127 ._mark_15ur2gn_171{
405
+ ._hiddenMark_1fo2o9x_127 ._mark_1fo2o9x_171{
406
406
  display:none;
407
407
  }
408
408
 
409
- ._themeLight_1q0s5vy_6{
409
+ ._themeLight_fqb8bg_6{
410
410
  --rs-theme-dark:0;
411
411
  }
412
- ._themeDark_1q0s5vy_9{
412
+ ._themeDark_fqb8bg_9{
413
413
  --rs-theme-dark:1;
414
414
  }
415
- ._sizeXS_1q0s5vy_13{
415
+ ._sizeXS_fqb8bg_13{
416
416
  --_rs-switcher-vertical-border-radius:4px;
417
417
  --_rs-switcher-vertical-option-vertical-padding:2px;
418
418
  --_rs-switcher-vertical-option-horizontal-padding:8px;
@@ -420,7 +420,7 @@
420
420
  --_rs-switcher-vertical-icon-offset:4px;
421
421
  --_rs-switcher-vertical-icon-margin-vertical:2px;
422
422
  }
423
- ._sizeXS_1q0s5vy_13 [data-rs-internal='vertical-switcher__option']{
423
+ ._sizeXS_fqb8bg_13 [data-rs-internal='vertical-switcher__option']{
424
424
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
425
425
  --_rs-typography-text-transform:initial;
426
426
  --_rs-typography-font-variant-numeric:initial;
@@ -454,7 +454,7 @@
454
454
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
455
455
  --_rs-typography-link-border-bottom-width-from-text:1px;
456
456
  }
457
- ._sizeS_1q0s5vy_16{
457
+ ._sizeS_fqb8bg_16{
458
458
  --_rs-switcher-vertical-border-radius:4px;
459
459
  --_rs-switcher-vertical-option-vertical-padding:6px;
460
460
  --_rs-switcher-vertical-option-horizontal-padding:12px;
@@ -462,7 +462,7 @@
462
462
  --_rs-switcher-vertical-icon-offset:4px;
463
463
  --_rs-switcher-vertical-icon-margin-vertical:0px;
464
464
  }
465
- ._sizeS_1q0s5vy_16 [data-rs-internal='vertical-switcher__option']{
465
+ ._sizeS_fqb8bg_16 [data-rs-internal='vertical-switcher__option']{
466
466
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
467
467
  --_rs-typography-text-transform:initial;
468
468
  --_rs-typography-font-variant-numeric:initial;
@@ -496,7 +496,7 @@
496
496
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
497
497
  --_rs-typography-link-border-bottom-width-from-text:1px;
498
498
  }
499
- ._sizeM_1q0s5vy_19{
499
+ ._sizeM_fqb8bg_19{
500
500
  --_rs-switcher-vertical-border-radius:8px;
501
501
  --_rs-switcher-vertical-option-vertical-padding:8px;
502
502
  --_rs-switcher-vertical-option-horizontal-padding:16px;
@@ -504,7 +504,7 @@
504
504
  --_rs-switcher-vertical-icon-offset:8px;
505
505
  --_rs-switcher-vertical-icon-margin-vertical:0px;
506
506
  }
507
- ._sizeM_1q0s5vy_19 [data-rs-internal='vertical-switcher__option']{
507
+ ._sizeM_fqb8bg_19 [data-rs-internal='vertical-switcher__option']{
508
508
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
509
509
  --_rs-typography-text-transform:initial;
510
510
  --_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_1q0s5vy_19 [data-rs-internal='vertical-switcher__option']{
545
+ ._sizeM_fqb8bg_19 [data-rs-internal='vertical-switcher__option']{
546
546
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
547
547
  }
548
548
  }
549
- ._sizeL_1q0s5vy_22{
549
+ ._sizeL_fqb8bg_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_1q0s5vy_22 [data-rs-internal='vertical-switcher__option']{
557
+ ._sizeL_fqb8bg_22 [data-rs-internal='vertical-switcher__option']{
558
558
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
559
559
  --_rs-typography-text-transform:initial;
560
560
  --_rs-typography-font-variant-numeric:initial;
@@ -592,17 +592,17 @@
592
592
  --_rs-typography-link-border-bottom-width-from-text:1px;
593
593
  }
594
594
  @media screen and (max-width: 640px){
595
- ._sizeL_1q0s5vy_22 [data-rs-internal='vertical-switcher__option']{
595
+ ._sizeL_fqb8bg_22 [data-rs-internal='vertical-switcher__option']{
596
596
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
597
597
  }
598
598
  }
599
- ._modeClassic_1q0s5vy_26{
599
+ ._modeClassic_fqb8bg_26{
600
600
  --_rs-switcher-vertical-option-hover-background:var(
601
601
  --_rs-color-primary-t-fog
602
602
  );
603
603
  --_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
604
604
  }
605
- ._modeRock_1q0s5vy_29{
605
+ ._modeRock_fqb8bg_29{
606
606
  --_rs-switcher-vertical-option-hover-background:rgba(
607
607
  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),
608
608
  0.1
@@ -611,7 +611,7 @@
611
611
  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)
612
612
  );
613
613
  }
614
- ._verticalSwitcher_1q0s5vy_33{
614
+ ._verticalSwitcher_fqb8bg_33{
615
615
  --_rs-theme-dark:var(
616
616
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
617
617
  var(--rs-theme-dark, 0)
@@ -621,7 +621,7 @@
621
621
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
622
622
  }
623
623
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
624
- ._verticalSwitcher_1q0s5vy_33{
624
+ ._verticalSwitcher_fqb8bg_33{
625
625
  --_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)));
626
626
  --_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)));
627
627
  --_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)));
@@ -630,7 +630,7 @@
630
630
  }
631
631
  }
632
632
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
633
- ._verticalSwitcher_1q0s5vy_33{
633
+ ._verticalSwitcher_fqb8bg_33{
634
634
  --_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);
635
635
  --_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));
636
636
  --_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));
@@ -638,7 +638,7 @@
638
638
  --_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));
639
639
  }
640
640
  }
641
- ._verticalSwitcher_1q0s5vy_33 {
641
+ ._verticalSwitcher_fqb8bg_33 {
642
642
 
643
643
  position:relative;
644
644
 
@@ -653,16 +653,16 @@
653
653
  background:transparent;
654
654
  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;
655
655
  }
656
- ._verticalSwitcher_1q0s5vy_33._disabled_1q0s5vy_50{
656
+ ._verticalSwitcher_fqb8bg_33._disabled_fqb8bg_50{
657
657
  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;
658
658
  }
659
- ._alignIconLeft_1q0s5vy_55{
659
+ ._alignIconLeft_fqb8bg_55{
660
660
  --_rs-switcher-vertical-option-flex-direction:row;
661
661
  }
662
- ._alignIconRight_1q0s5vy_58{
662
+ ._alignIconRight_fqb8bg_58{
663
663
  --_rs-switcher-vertical-option-flex-direction:row-reverse;
664
664
  }
665
- ._option_1q0s5vy_62{
665
+ ._option_fqb8bg_62{
666
666
  letter-spacing:var(
667
667
  --rs-text-base-letter-spacing,
668
668
  var(--_rs-typography-letter-spacing)
@@ -706,26 +706,26 @@
706
706
  -moz-appearance:none;
707
707
  appearance:none;
708
708
  }
709
- ._disabled_1q0s5vy_50 ._option_1q0s5vy_62{
709
+ ._disabled_fqb8bg_50 ._option_fqb8bg_62{
710
710
  cursor:not-allowed;
711
711
  pointer-events:none;
712
712
  }
713
- ._option_1q0s5vy_62:focus[data-focus-method='key']{
713
+ ._option_fqb8bg_62:focus[data-focus-method='key']{
714
714
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
715
715
  }
716
716
  @media (hover: hover){
717
- ._option_1q0s5vy_62:hover{
717
+ ._option_fqb8bg_62:hover{
718
718
  background:var(--_rs-switcher-vertical-option-hover-background);
719
719
  }
720
720
  }
721
- ._option_1q0s5vy_62._selected_1q0s5vy_107:active{
721
+ ._option_fqb8bg_62._selected_fqb8bg_107:active{
722
722
  background:transparent;
723
723
  }
724
- ._option_1q0s5vy_62._selected_1q0s5vy_107:hover,
725
- ._option_1q0s5vy_62._selected_1q0s5vy_107:active{
724
+ ._option_fqb8bg_62._selected_fqb8bg_107:hover,
725
+ ._option_fqb8bg_62._selected_fqb8bg_107:active{
726
726
  cursor:default;
727
727
  }
728
- ._hiddenMark_1q0s5vy_116 ._option_1q0s5vy_62._selected_1q0s5vy_107::before{
728
+ ._hiddenMark_fqb8bg_116 ._option_fqb8bg_62._selected_fqb8bg_107::before{
729
729
  position:absolute;
730
730
  top:0;
731
731
  right:0;
@@ -741,11 +741,11 @@
741
741
 
742
742
  content:'';
743
743
  }
744
- ._hiddenMark_1q0s5vy_116._disabled_1q0s5vy_50 ._option_1q0s5vy_62._selected_1q0s5vy_107::before{
744
+ ._hiddenMark_fqb8bg_116._disabled_fqb8bg_50 ._option_fqb8bg_62._selected_fqb8bg_107::before{
745
745
  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);
746
746
  }
747
- ._disabled_1q0s5vy_50 ._option_1q0s5vy_62,
748
- ._disabled_1q0s5vy_50 ._option_1q0s5vy_62._selected_1q0s5vy_107{
747
+ ._disabled_fqb8bg_50 ._option_fqb8bg_62,
748
+ ._disabled_fqb8bg_50 ._option_fqb8bg_62._selected_fqb8bg_107{
749
749
  color:var(
750
750
  --rs-color-pale,
751
751
  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)
@@ -755,12 +755,12 @@
755
755
 
756
756
  background:transparent;
757
757
  }
758
- ._option_1q0s5vy_62 ._optionLabel_1q0s5vy_147{
758
+ ._option_fqb8bg_62 ._optionLabel_fqb8bg_147{
759
759
  flex:1 1 auto;
760
760
 
761
761
  text-align:left;
762
762
  }
763
- ._option_1q0s5vy_62 ._icon_1q0s5vy_153{
763
+ ._option_fqb8bg_62 ._icon_fqb8bg_153{
764
764
  flex:0 0 auto;
765
765
 
766
766
  width:auto;
@@ -771,12 +771,12 @@
771
771
 
772
772
  fill:currentColor;
773
773
  }
774
- ._option_1q0s5vy_62 ._fakeIcon_1q0s5vy_164{
774
+ ._option_fqb8bg_62 ._fakeIcon_fqb8bg_164{
775
775
  display:inline-block;
776
776
 
777
777
  width:var(--_rs-switcher-vertical-icon-size);
778
778
  }
779
- ._mark_1q0s5vy_171{
779
+ ._mark_fqb8bg_171{
780
780
  position:absolute;
781
781
  right:0;
782
782
  left:0;
@@ -791,9 +791,9 @@
791
791
 
792
792
  transition:all var(--_rs-switcher-vertical-mark-transition-duration);
793
793
  }
794
- ._disabled_1q0s5vy_50 ._mark_1q0s5vy_171{
794
+ ._disabled_fqb8bg_50 ._mark_fqb8bg_171{
795
795
  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);
796
796
  }
797
- ._hiddenMark_1q0s5vy_116 ._mark_1q0s5vy_171{
797
+ ._hiddenMark_fqb8bg_116 ._mark_fqb8bg_171{
798
798
  display:none;
799
799
  }
package/lib/switcher.js CHANGED
@@ -47,7 +47,8 @@ const optionRenderer = (_ref, ref) => {
47
47
  disabled: disabled,
48
48
  className: cn(styles.option, selected && styles.selected)
49
49
  }, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
50
- className: cn(icon.props.className, styles.icon)
50
+ className: cn(icon.props.className, styles.icon),
51
+ 'data-render-all-sizes': true
51
52
  }), !isWithoutText && /*#__PURE__*/React.createElement("span", null, label));
52
53
  };
53
54
 
package/lib/switcher.p.module.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_15ur2gn_6",
3
- "themeDark": "_themeDark_15ur2gn_9",
4
- "sizeXS": "_sizeXS_15ur2gn_13",
5
- "sizeS": "_sizeS_15ur2gn_16",
6
- "sizeM": "_sizeM_15ur2gn_19",
7
- "sizeL": "_sizeL_15ur2gn_22",
8
- "modeClassic": "_modeClassic_15ur2gn_26",
9
- "modeRock": "_modeRock_15ur2gn_29",
10
- "compact": "_compact_15ur2gn_33",
11
- "switcher": "_switcher_15ur2gn_37",
12
- "disabled": "_disabled_15ur2gn_55",
13
- "alignIconLeft": "_alignIconLeft_15ur2gn_60",
14
- "alignIconRight": "_alignIconRight_15ur2gn_63",
15
- "option": "_option_15ur2gn_67",
16
- "selected": "_selected_15ur2gn_118",
17
- "hiddenMark": "_hiddenMark_15ur2gn_127",
18
- "icon": "_icon_15ur2gn_158",
19
- "mark": "_mark_15ur2gn_171"
2
+ "themeLight": "_themeLight_1fo2o9x_6",
3
+ "themeDark": "_themeDark_1fo2o9x_9",
4
+ "sizeXS": "_sizeXS_1fo2o9x_13",
5
+ "sizeS": "_sizeS_1fo2o9x_16",
6
+ "sizeM": "_sizeM_1fo2o9x_19",
7
+ "sizeL": "_sizeL_1fo2o9x_22",
8
+ "modeClassic": "_modeClassic_1fo2o9x_26",
9
+ "modeRock": "_modeRock_1fo2o9x_29",
10
+ "compact": "_compact_1fo2o9x_33",
11
+ "switcher": "_switcher_1fo2o9x_37",
12
+ "disabled": "_disabled_1fo2o9x_55",
13
+ "alignIconLeft": "_alignIconLeft_1fo2o9x_60",
14
+ "alignIconRight": "_alignIconRight_1fo2o9x_63",
15
+ "option": "_option_1fo2o9x_67",
16
+ "selected": "_selected_1fo2o9x_118",
17
+ "hiddenMark": "_hiddenMark_1fo2o9x_127",
18
+ "icon": "_icon_1fo2o9x_158",
19
+ "mark": "_mark_1fo2o9x_171"
20
20
  };
21
21
  export { styles as default };
package/lib/vertical-switcher.js CHANGED
@@ -103,7 +103,8 @@ function Option(_ref2) {
103
103
  className: cn(styles.option, selected && styles.selected),
104
104
  "data-test": cn(`vertical-switcher-option`, selected && ' vertical-switcher-option-selected')
105
105
  }, /*#__PURE__*/React.isValidElement(icon) && /*#__PURE__*/cloneElement(icon, {
106
- className: cn(icon.props.className, styles.icon)
106
+ className: cn(icon.props.className, styles.icon),
107
+ 'data-render-all-sizes': true
107
108
  }), !isWithoutText && /*#__PURE__*/React.createElement("span", {
108
109
  className: styles.optionLabel
109
110
  }, label));
package/lib/vertical-switcher.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1q0s5vy_6",
3
- "themeDark": "_themeDark_1q0s5vy_9",
4
- "sizeXS": "_sizeXS_1q0s5vy_13",
5
- "sizeS": "_sizeS_1q0s5vy_16",
6
- "sizeM": "_sizeM_1q0s5vy_19",
7
- "sizeL": "_sizeL_1q0s5vy_22",
8
- "modeClassic": "_modeClassic_1q0s5vy_26",
9
- "modeRock": "_modeRock_1q0s5vy_29",
10
- "verticalSwitcher": "_verticalSwitcher_1q0s5vy_33",
11
- "disabled": "_disabled_1q0s5vy_50",
12
- "alignIconLeft": "_alignIconLeft_1q0s5vy_55",
13
- "alignIconRight": "_alignIconRight_1q0s5vy_58",
14
- "option": "_option_1q0s5vy_62",
15
- "selected": "_selected_1q0s5vy_107",
16
- "hiddenMark": "_hiddenMark_1q0s5vy_116",
17
- "optionLabel": "_optionLabel_1q0s5vy_147",
18
- "icon": "_icon_1q0s5vy_153",
19
- "fakeIcon": "_fakeIcon_1q0s5vy_164",
20
- "mark": "_mark_1q0s5vy_171"
2
+ "themeLight": "_themeLight_fqb8bg_6",
3
+ "themeDark": "_themeDark_fqb8bg_9",
4
+ "sizeXS": "_sizeXS_fqb8bg_13",
5
+ "sizeS": "_sizeS_fqb8bg_16",
6
+ "sizeM": "_sizeM_fqb8bg_19",
7
+ "sizeL": "_sizeL_fqb8bg_22",
8
+ "modeClassic": "_modeClassic_fqb8bg_26",
9
+ "modeRock": "_modeRock_fqb8bg_29",
10
+ "verticalSwitcher": "_verticalSwitcher_fqb8bg_33",
11
+ "disabled": "_disabled_fqb8bg_50",
12
+ "alignIconLeft": "_alignIconLeft_fqb8bg_55",
13
+ "alignIconRight": "_alignIconRight_fqb8bg_58",
14
+ "option": "_option_fqb8bg_62",
15
+ "selected": "_selected_fqb8bg_107",
16
+ "hiddenMark": "_hiddenMark_fqb8bg_116",
17
+ "optionLabel": "_optionLabel_fqb8bg_147",
18
+ "icon": "_icon_fqb8bg_153",
19
+ "fakeIcon": "_fakeIcon_fqb8bg_164",
20
+ "mark": "_mark_fqb8bg_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.11.2",
3
+ "version": "0.11.4-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0+0fe433a8",
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.2.6",
20
+ "@rescui/use-resize-observer": "0.2.8-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0+0fe433a8",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,15 +26,15 @@
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.2.7",
30
- "@rescui/icons": "^0.16.17",
31
- "@rescui/scripts": "^0.3.5",
32
- "@rescui/typography": "^0.23.0"
29
+ "@rescui/colors": "0.2.9-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0+0fe433a8",
30
+ "@rescui/icons": "1.0.1-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0+0fe433a8",
31
+ "@rescui/scripts": "0.4.0",
32
+ "@rescui/typography": "0.23.2-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0+0fe433a8"
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": "f9a0228790b099e343e9017980e7635c12815bda"
39
+ "gitHead": "0fe433a8b558a82a822caf687a9da723f44aa041"
40
40
  }