@rescui/switcher 0.10.7-RUI-230-Update-icons-experiments-64b23ff1.22 → 0.10.7-RUI-230-Update-icons-0bd4e5fc.9
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.
- package/lib/index.css +69 -69
- package/lib/switcher.p.module.css.js +17 -17
- package/lib/vertical-switcher.p.module.css.js +18 -18
- package/package.json +7 -6
package/lib/index.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.
|
|
1
|
+
._themeLight_1xuv2vp_6{
|
|
2
2
|
--rs-theme-dark:0;
|
|
3
3
|
}
|
|
4
|
-
.
|
|
4
|
+
._themeDark_1xuv2vp_9{
|
|
5
5
|
--rs-theme-dark:1;
|
|
6
6
|
}
|
|
7
|
-
.
|
|
7
|
+
._sizeXS_1xuv2vp_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
|
-
.
|
|
17
|
+
._sizeXS_1xuv2vp_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
|
-
.
|
|
51
|
+
._sizeS_1xuv2vp_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
|
-
.
|
|
61
|
+
._sizeS_1xuv2vp_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
|
-
.
|
|
95
|
+
._sizeM_1xuv2vp_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
|
-
.
|
|
105
|
+
._sizeM_1xuv2vp_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;
|
|
@@ -137,11 +137,11 @@
|
|
|
137
137
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
138
138
|
}
|
|
139
139
|
@media screen and (max-width: 640px){
|
|
140
|
-
.
|
|
140
|
+
._sizeM_1xuv2vp_19 [data-rs-internal='switcher__option']{
|
|
141
141
|
--_rs-typography-list-li-margin-top-from-text:12px;
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
|
-
.
|
|
144
|
+
._sizeL_1xuv2vp_22{
|
|
145
145
|
--_rs-switcher-border-radius:26px;
|
|
146
146
|
--_rs-switcher-compact-border-radius:12px;
|
|
147
147
|
--_rs-switcher-option-padding:12px 32px;
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
--_rs-switcher-compact-icon-offset:12px;
|
|
152
152
|
--_rs-switcher-icon-margin-vertical:0px;
|
|
153
153
|
}
|
|
154
|
-
.
|
|
154
|
+
._sizeL_1xuv2vp_22 [data-rs-internal='switcher__option']{
|
|
155
155
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
156
156
|
--_rs-typography-text-transform:initial;
|
|
157
157
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -186,22 +186,22 @@
|
|
|
186
186
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
187
187
|
}
|
|
188
188
|
@media screen and (max-width: 640px){
|
|
189
|
-
.
|
|
189
|
+
._sizeL_1xuv2vp_22 [data-rs-internal='switcher__option']{
|
|
190
190
|
--_rs-typography-list-li-margin-top-from-text:16px;
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
|
-
.
|
|
193
|
+
._modeClassic_1xuv2vp_26{
|
|
194
194
|
--_rs-switcher-option-hover-background:var(--_rs-color-primary-t-fog);
|
|
195
195
|
--_rs-switcher-mark-border-color:var(--_rs-color-primary);
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
._modeRock_1xuv2vp_29{
|
|
198
198
|
--_rs-switcher-option-hover-background:rgba(
|
|
199
199
|
calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
|
|
200
200
|
0.1
|
|
201
201
|
);
|
|
202
202
|
--_rs-switcher-mark-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
._compact_1xuv2vp_33{
|
|
205
205
|
--_rs-switcher-border-radius-from-compact:var(
|
|
206
206
|
--_rs-switcher-compact-border-radius
|
|
207
207
|
);
|
|
@@ -212,7 +212,7 @@
|
|
|
212
212
|
--_rs-switcher-compact-icon-offset
|
|
213
213
|
);
|
|
214
214
|
}
|
|
215
|
-
.
|
|
215
|
+
._switcher_1xuv2vp_37{
|
|
216
216
|
--_rs-theme-dark:var(
|
|
217
217
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
218
218
|
var(--rs-theme-dark, 0)
|
|
@@ -222,7 +222,7 @@
|
|
|
222
222
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
223
223
|
}
|
|
224
224
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
225
|
-
.
|
|
225
|
+
._switcher_1xuv2vp_37{
|
|
226
226
|
--_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
227
227
|
--_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
228
228
|
--_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
233
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
234
|
-
.
|
|
234
|
+
._switcher_1xuv2vp_37{
|
|
235
235
|
--_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
|
|
236
236
|
--_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
|
|
237
237
|
--_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
--_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
.
|
|
242
|
+
._switcher_1xuv2vp_37 {
|
|
243
243
|
|
|
244
244
|
position:relative;
|
|
245
245
|
|
|
@@ -255,16 +255,16 @@
|
|
|
255
255
|
background:transparent;
|
|
256
256
|
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;
|
|
257
257
|
}
|
|
258
|
-
.
|
|
258
|
+
._switcher_1xuv2vp_37._disabled_1xuv2vp_55{
|
|
259
259
|
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;
|
|
260
260
|
}
|
|
261
|
-
.
|
|
261
|
+
._alignIconLeft_1xuv2vp_60{
|
|
262
262
|
--_rs-switcher-option-flex-direction:row;
|
|
263
263
|
}
|
|
264
|
-
.
|
|
264
|
+
._alignIconRight_1xuv2vp_63{
|
|
265
265
|
--_rs-switcher-option-flex-direction:row-reverse;
|
|
266
266
|
}
|
|
267
|
-
.
|
|
267
|
+
._option_1xuv2vp_67{
|
|
268
268
|
letter-spacing:var(
|
|
269
269
|
--rs-text-base-letter-spacing,
|
|
270
270
|
var(--_rs-typography-letter-spacing)
|
|
@@ -315,27 +315,27 @@
|
|
|
315
315
|
-moz-appearance:none;
|
|
316
316
|
appearance:none;
|
|
317
317
|
}
|
|
318
|
-
.
|
|
318
|
+
._disabled_1xuv2vp_55 ._option_1xuv2vp_67{
|
|
319
319
|
cursor:not-allowed;
|
|
320
320
|
pointer-events:none;
|
|
321
321
|
}
|
|
322
|
-
.
|
|
322
|
+
._option_1xuv2vp_67:focus[data-focus-method='key']{
|
|
323
323
|
box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
|
|
324
324
|
}
|
|
325
325
|
@media (hover: hover){
|
|
326
|
-
.
|
|
326
|
+
._option_1xuv2vp_67:hover{
|
|
327
327
|
background:var(--_rs-switcher-option-hover-background);
|
|
328
328
|
}
|
|
329
329
|
}
|
|
330
|
-
.
|
|
330
|
+
._option_1xuv2vp_67._selected_1xuv2vp_118:active{
|
|
331
331
|
background:transparent;
|
|
332
332
|
}
|
|
333
|
-
.
|
|
334
|
-
.
|
|
333
|
+
._option_1xuv2vp_67._selected_1xuv2vp_118:hover,
|
|
334
|
+
._option_1xuv2vp_67._selected_1xuv2vp_118:active{
|
|
335
335
|
cursor:default;
|
|
336
336
|
}
|
|
337
|
-
.
|
|
338
|
-
.
|
|
337
|
+
._disabled_1xuv2vp_55 ._option_1xuv2vp_67,
|
|
338
|
+
._disabled_1xuv2vp_55 ._option_1xuv2vp_67._selected_1xuv2vp_118{
|
|
339
339
|
color:var(
|
|
340
340
|
--rs-color-pale,
|
|
341
341
|
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)
|
|
@@ -345,7 +345,7 @@
|
|
|
345
345
|
|
|
346
346
|
background:transparent;
|
|
347
347
|
}
|
|
348
|
-
.
|
|
348
|
+
._option_1xuv2vp_67 ._icon_1xuv2vp_137{
|
|
349
349
|
flex:0 0 auto;
|
|
350
350
|
|
|
351
351
|
width:auto;
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
margin-top:var(--_rs-switcher-icon-margin-vertical);
|
|
357
357
|
margin-bottom:var(--_rs-switcher-icon-margin-vertical);
|
|
358
358
|
}
|
|
359
|
-
.
|
|
359
|
+
._mark_1xuv2vp_150{
|
|
360
360
|
position:absolute;
|
|
361
361
|
top:0;
|
|
362
362
|
bottom:0;
|
|
@@ -374,17 +374,17 @@
|
|
|
374
374
|
|
|
375
375
|
transition:all 0.2s;
|
|
376
376
|
}
|
|
377
|
-
.
|
|
377
|
+
._disabled_1xuv2vp_55 ._mark_1xuv2vp_150{
|
|
378
378
|
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);
|
|
379
379
|
}
|
|
380
380
|
|
|
381
|
-
.
|
|
381
|
+
._themeLight_4l7rrg_6{
|
|
382
382
|
--rs-theme-dark:0;
|
|
383
383
|
}
|
|
384
|
-
.
|
|
384
|
+
._themeDark_4l7rrg_9{
|
|
385
385
|
--rs-theme-dark:1;
|
|
386
386
|
}
|
|
387
|
-
.
|
|
387
|
+
._sizeXS_4l7rrg_13{
|
|
388
388
|
--_rs-switcher-vertical-border-radius:4px;
|
|
389
389
|
--_rs-switcher-vertical-option-vertical-padding:2px;
|
|
390
390
|
--_rs-switcher-vertical-option-horizontal-padding:8px;
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
--_rs-switcher-vertical-icon-offset:4px;
|
|
393
393
|
--_rs-switcher-vertical-icon-margin-vertical:2px;
|
|
394
394
|
}
|
|
395
|
-
.
|
|
395
|
+
._sizeXS_4l7rrg_13 [data-rs-internal='vertical-switcher__option']{
|
|
396
396
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
397
397
|
--_rs-typography-text-transform:initial;
|
|
398
398
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
427
427
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
428
428
|
}
|
|
429
|
-
.
|
|
429
|
+
._sizeS_4l7rrg_16{
|
|
430
430
|
--_rs-switcher-vertical-border-radius:4px;
|
|
431
431
|
--_rs-switcher-vertical-option-vertical-padding:6px;
|
|
432
432
|
--_rs-switcher-vertical-option-horizontal-padding:12px;
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
--_rs-switcher-vertical-icon-offset:4px;
|
|
435
435
|
--_rs-switcher-vertical-icon-margin-vertical:0px;
|
|
436
436
|
}
|
|
437
|
-
.
|
|
437
|
+
._sizeS_4l7rrg_16 [data-rs-internal='vertical-switcher__option']{
|
|
438
438
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
439
439
|
--_rs-typography-text-transform:initial;
|
|
440
440
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -468,7 +468,7 @@
|
|
|
468
468
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
469
469
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
470
470
|
}
|
|
471
|
-
.
|
|
471
|
+
._sizeM_4l7rrg_19{
|
|
472
472
|
--_rs-switcher-vertical-border-radius:8px;
|
|
473
473
|
--_rs-switcher-vertical-option-vertical-padding:8px;
|
|
474
474
|
--_rs-switcher-vertical-option-horizontal-padding:16px;
|
|
@@ -476,7 +476,7 @@
|
|
|
476
476
|
--_rs-switcher-vertical-icon-offset:8px;
|
|
477
477
|
--_rs-switcher-vertical-icon-margin-vertical:0px;
|
|
478
478
|
}
|
|
479
|
-
.
|
|
479
|
+
._sizeM_4l7rrg_19 [data-rs-internal='vertical-switcher__option']{
|
|
480
480
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
481
481
|
--_rs-typography-text-transform:initial;
|
|
482
482
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -511,11 +511,11 @@
|
|
|
511
511
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
512
512
|
}
|
|
513
513
|
@media screen and (max-width: 640px){
|
|
514
|
-
.
|
|
514
|
+
._sizeM_4l7rrg_19 [data-rs-internal='vertical-switcher__option']{
|
|
515
515
|
--_rs-typography-list-li-margin-top-from-text:12px;
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
|
-
.
|
|
518
|
+
._sizeL_4l7rrg_22{
|
|
519
519
|
--_rs-switcher-vertical-border-radius:12px;
|
|
520
520
|
--_rs-switcher-vertical-option-vertical-padding:12px;
|
|
521
521
|
--_rs-switcher-vertical-option-horizontal-padding:24px;
|
|
@@ -523,7 +523,7 @@
|
|
|
523
523
|
--_rs-switcher-vertical-icon-offset:12px;
|
|
524
524
|
--_rs-switcher-vertical-icon-margin-vertical:0px;
|
|
525
525
|
}
|
|
526
|
-
.
|
|
526
|
+
._sizeL_4l7rrg_22 [data-rs-internal='vertical-switcher__option']{
|
|
527
527
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
528
528
|
--_rs-typography-text-transform:initial;
|
|
529
529
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -558,17 +558,17 @@
|
|
|
558
558
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
559
559
|
}
|
|
560
560
|
@media screen and (max-width: 640px){
|
|
561
|
-
.
|
|
561
|
+
._sizeL_4l7rrg_22 [data-rs-internal='vertical-switcher__option']{
|
|
562
562
|
--_rs-typography-list-li-margin-top-from-text:16px;
|
|
563
563
|
}
|
|
564
564
|
}
|
|
565
|
-
.
|
|
565
|
+
._modeClassic_4l7rrg_26{
|
|
566
566
|
--_rs-switcher-vertical-option-hover-background:var(
|
|
567
567
|
--_rs-color-primary-t-fog
|
|
568
568
|
);
|
|
569
569
|
--_rs-switcher-vertical-mark-border-color:var(--_rs-color-primary);
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
._modeRock_4l7rrg_29{
|
|
572
572
|
--_rs-switcher-vertical-option-hover-background:rgba(
|
|
573
573
|
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),
|
|
574
574
|
0.1
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
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)
|
|
578
578
|
);
|
|
579
579
|
}
|
|
580
|
-
.
|
|
580
|
+
._verticalSwitcher_4l7rrg_33{
|
|
581
581
|
--_rs-theme-dark:var(
|
|
582
582
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
583
583
|
var(--rs-theme-dark, 0)
|
|
@@ -587,7 +587,7 @@
|
|
|
587
587
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
588
588
|
}
|
|
589
589
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
590
|
-
.
|
|
590
|
+
._verticalSwitcher_4l7rrg_33{
|
|
591
591
|
--_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)));
|
|
592
592
|
--_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)));
|
|
593
593
|
--_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)));
|
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
}
|
|
597
597
|
}
|
|
598
598
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
599
|
-
.
|
|
599
|
+
._verticalSwitcher_4l7rrg_33{
|
|
600
600
|
--_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);
|
|
601
601
|
--_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));
|
|
602
602
|
--_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));
|
|
@@ -604,7 +604,7 @@
|
|
|
604
604
|
--_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));
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
|
-
.
|
|
607
|
+
._verticalSwitcher_4l7rrg_33 {
|
|
608
608
|
|
|
609
609
|
position:relative;
|
|
610
610
|
|
|
@@ -619,16 +619,16 @@
|
|
|
619
619
|
background:transparent;
|
|
620
620
|
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;
|
|
621
621
|
}
|
|
622
|
-
.
|
|
622
|
+
._verticalSwitcher_4l7rrg_33._disabled_4l7rrg_50{
|
|
623
623
|
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;
|
|
624
624
|
}
|
|
625
|
-
.
|
|
625
|
+
._alignIconLeft_4l7rrg_55{
|
|
626
626
|
--_rs-switcher-vertical-option-flex-direction:row;
|
|
627
627
|
}
|
|
628
|
-
.
|
|
628
|
+
._alignIconRight_4l7rrg_58{
|
|
629
629
|
--_rs-switcher-vertical-option-flex-direction:row-reverse;
|
|
630
630
|
}
|
|
631
|
-
.
|
|
631
|
+
._option_4l7rrg_62{
|
|
632
632
|
letter-spacing:var(
|
|
633
633
|
--rs-text-base-letter-spacing,
|
|
634
634
|
var(--_rs-typography-letter-spacing)
|
|
@@ -672,27 +672,27 @@
|
|
|
672
672
|
-moz-appearance:none;
|
|
673
673
|
appearance:none;
|
|
674
674
|
}
|
|
675
|
-
.
|
|
675
|
+
._disabled_4l7rrg_50 ._option_4l7rrg_62{
|
|
676
676
|
cursor:not-allowed;
|
|
677
677
|
pointer-events:none;
|
|
678
678
|
}
|
|
679
|
-
.
|
|
679
|
+
._option_4l7rrg_62:focus[data-focus-method='key']{
|
|
680
680
|
box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
|
|
681
681
|
}
|
|
682
682
|
@media (hover: hover){
|
|
683
|
-
.
|
|
683
|
+
._option_4l7rrg_62:hover{
|
|
684
684
|
background:var(--_rs-switcher-vertical-option-hover-background);
|
|
685
685
|
}
|
|
686
686
|
}
|
|
687
|
-
.
|
|
687
|
+
._option_4l7rrg_62._selected_4l7rrg_107:active{
|
|
688
688
|
background:transparent;
|
|
689
689
|
}
|
|
690
|
-
.
|
|
691
|
-
.
|
|
690
|
+
._option_4l7rrg_62._selected_4l7rrg_107:hover,
|
|
691
|
+
._option_4l7rrg_62._selected_4l7rrg_107:active{
|
|
692
692
|
cursor:default;
|
|
693
693
|
}
|
|
694
|
-
.
|
|
695
|
-
.
|
|
694
|
+
._disabled_4l7rrg_50 ._option_4l7rrg_62,
|
|
695
|
+
._disabled_4l7rrg_50 ._option_4l7rrg_62._selected_4l7rrg_107{
|
|
696
696
|
color:var(
|
|
697
697
|
--rs-color-pale,
|
|
698
698
|
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)
|
|
@@ -702,12 +702,12 @@
|
|
|
702
702
|
|
|
703
703
|
background:transparent;
|
|
704
704
|
}
|
|
705
|
-
.
|
|
705
|
+
._option_4l7rrg_62 ._optionLabel_4l7rrg_126{
|
|
706
706
|
flex:1 1 auto;
|
|
707
707
|
|
|
708
708
|
text-align:left;
|
|
709
709
|
}
|
|
710
|
-
.
|
|
710
|
+
._option_4l7rrg_62 ._icon_4l7rrg_132{
|
|
711
711
|
flex:0 0 auto;
|
|
712
712
|
|
|
713
713
|
width:auto;
|
|
@@ -718,12 +718,12 @@
|
|
|
718
718
|
|
|
719
719
|
fill:currentColor;
|
|
720
720
|
}
|
|
721
|
-
.
|
|
721
|
+
._option_4l7rrg_62 ._fakeIcon_4l7rrg_143{
|
|
722
722
|
display:inline-block;
|
|
723
723
|
|
|
724
724
|
width:var(--_rs-switcher-vertical-icon-size);
|
|
725
725
|
}
|
|
726
|
-
.
|
|
726
|
+
._mark_4l7rrg_150{
|
|
727
727
|
position:absolute;
|
|
728
728
|
right:0;
|
|
729
729
|
left:0;
|
|
@@ -738,6 +738,6 @@
|
|
|
738
738
|
|
|
739
739
|
transition:all 0.2s;
|
|
740
740
|
}
|
|
741
|
-
.
|
|
741
|
+
._disabled_4l7rrg_50 ._mark_4l7rrg_150{
|
|
742
742
|
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);
|
|
743
743
|
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeXS": "
|
|
5
|
-
"sizeS": "
|
|
6
|
-
"sizeM": "
|
|
7
|
-
"sizeL": "
|
|
8
|
-
"modeClassic": "
|
|
9
|
-
"modeRock": "
|
|
10
|
-
"compact": "
|
|
11
|
-
"switcher": "
|
|
12
|
-
"disabled": "
|
|
13
|
-
"alignIconLeft": "
|
|
14
|
-
"alignIconRight": "
|
|
15
|
-
"option": "
|
|
16
|
-
"selected": "
|
|
17
|
-
"icon": "
|
|
18
|
-
"mark": "
|
|
2
|
+
"themeLight": "_themeLight_1xuv2vp_6",
|
|
3
|
+
"themeDark": "_themeDark_1xuv2vp_9",
|
|
4
|
+
"sizeXS": "_sizeXS_1xuv2vp_13",
|
|
5
|
+
"sizeS": "_sizeS_1xuv2vp_16",
|
|
6
|
+
"sizeM": "_sizeM_1xuv2vp_19",
|
|
7
|
+
"sizeL": "_sizeL_1xuv2vp_22",
|
|
8
|
+
"modeClassic": "_modeClassic_1xuv2vp_26",
|
|
9
|
+
"modeRock": "_modeRock_1xuv2vp_29",
|
|
10
|
+
"compact": "_compact_1xuv2vp_33",
|
|
11
|
+
"switcher": "_switcher_1xuv2vp_37",
|
|
12
|
+
"disabled": "_disabled_1xuv2vp_55",
|
|
13
|
+
"alignIconLeft": "_alignIconLeft_1xuv2vp_60",
|
|
14
|
+
"alignIconRight": "_alignIconRight_1xuv2vp_63",
|
|
15
|
+
"option": "_option_1xuv2vp_67",
|
|
16
|
+
"selected": "_selected_1xuv2vp_118",
|
|
17
|
+
"icon": "_icon_1xuv2vp_137",
|
|
18
|
+
"mark": "_mark_1xuv2vp_150"
|
|
19
19
|
};
|
|
20
20
|
export { styles as default };
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeXS": "
|
|
5
|
-
"sizeS": "
|
|
6
|
-
"sizeM": "
|
|
7
|
-
"sizeL": "
|
|
8
|
-
"modeClassic": "
|
|
9
|
-
"modeRock": "
|
|
10
|
-
"verticalSwitcher": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"alignIconLeft": "
|
|
13
|
-
"alignIconRight": "
|
|
14
|
-
"option": "
|
|
15
|
-
"selected": "
|
|
16
|
-
"optionLabel": "
|
|
17
|
-
"icon": "
|
|
18
|
-
"fakeIcon": "
|
|
19
|
-
"mark": "
|
|
2
|
+
"themeLight": "_themeLight_4l7rrg_6",
|
|
3
|
+
"themeDark": "_themeDark_4l7rrg_9",
|
|
4
|
+
"sizeXS": "_sizeXS_4l7rrg_13",
|
|
5
|
+
"sizeS": "_sizeS_4l7rrg_16",
|
|
6
|
+
"sizeM": "_sizeM_4l7rrg_19",
|
|
7
|
+
"sizeL": "_sizeL_4l7rrg_22",
|
|
8
|
+
"modeClassic": "_modeClassic_4l7rrg_26",
|
|
9
|
+
"modeRock": "_modeRock_4l7rrg_29",
|
|
10
|
+
"verticalSwitcher": "_verticalSwitcher_4l7rrg_33",
|
|
11
|
+
"disabled": "_disabled_4l7rrg_50",
|
|
12
|
+
"alignIconLeft": "_alignIconLeft_4l7rrg_55",
|
|
13
|
+
"alignIconRight": "_alignIconRight_4l7rrg_58",
|
|
14
|
+
"option": "_option_4l7rrg_62",
|
|
15
|
+
"selected": "_selected_4l7rrg_107",
|
|
16
|
+
"optionLabel": "_optionLabel_4l7rrg_126",
|
|
17
|
+
"icon": "_icon_4l7rrg_132",
|
|
18
|
+
"fakeIcon": "_fakeIcon_4l7rrg_143",
|
|
19
|
+
"mark": "_mark_4l7rrg_150"
|
|
20
20
|
};
|
|
21
21
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/switcher",
|
|
3
|
-
"version": "0.10.7-RUI-230-Update-icons-
|
|
3
|
+
"version": "0.10.7-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
7
7
|
"main": "lib/index.js",
|
|
8
|
+
"module": "lib/index.js",
|
|
8
9
|
"src:main": "src/index.ts",
|
|
9
10
|
"files": [
|
|
10
11
|
"lib",
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
},
|
|
17
18
|
"dependencies": {
|
|
18
19
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
19
|
-
"@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-
|
|
20
|
+
"@rescui/use-resize-observer": "0.2.6-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
|
|
20
21
|
"classnames": "^2.2.6"
|
|
21
22
|
},
|
|
22
23
|
"peerDependencies": {
|
|
@@ -25,15 +26,15 @@
|
|
|
25
26
|
"react": ">=16.8.0 <19"
|
|
26
27
|
},
|
|
27
28
|
"devDependencies": {
|
|
28
|
-
"@rescui/colors": "0.2.7-RUI-230-Update-icons-
|
|
29
|
-
"@rescui/icons": "0.16.15-RUI-230-Update-icons-
|
|
29
|
+
"@rescui/colors": "0.2.7-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
|
|
30
|
+
"@rescui/icons": "0.16.15-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
|
|
30
31
|
"@rescui/scripts": "0.3.5",
|
|
31
|
-
"@rescui/typography": "0.21.1-RUI-230-Update-icons-
|
|
32
|
+
"@rescui/typography": "0.21.1-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc"
|
|
32
33
|
},
|
|
33
34
|
"scripts": {
|
|
34
35
|
"build": "rescui-scripts build && yarn run build-pcss-api",
|
|
35
36
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
36
37
|
},
|
|
37
38
|
"nx": {},
|
|
38
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "0bd4e5fc55bc38b4b8a80a5dcbdb036720dc9676"
|
|
39
40
|
}
|