@rescui/tab-list 0.18.4 → 0.18.5-RUI-308-Fix-select-issues-405b9fa40.12
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/_virtual/index.css.js +12 -12
- package/lib/index.css +79 -79
- package/lib/parts/separator.p.module.css.js +3 -3
- package/lib/parts/tab-list.p.module.css.js +25 -25
- package/package.json +9 -9
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"icon": "
|
|
3
|
-
"sizeXS": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"light": "
|
|
8
|
-
"dark": "
|
|
9
|
-
"allVariants": "
|
|
10
|
-
"variant16": "
|
|
11
|
-
"variant20": "
|
|
12
|
-
"variant24": "
|
|
13
|
-
"variant28": "
|
|
2
|
+
"icon": "_icon_8k0v18_4",
|
|
3
|
+
"sizeXS": "_sizeXS_8k0v18_14",
|
|
4
|
+
"sizeS": "_sizeS_8k0v18_18",
|
|
5
|
+
"sizeM": "_sizeM_8k0v18_22",
|
|
6
|
+
"sizeL": "_sizeL_8k0v18_26",
|
|
7
|
+
"light": "_light_8k0v18_30",
|
|
8
|
+
"dark": "_dark_8k0v18_34",
|
|
9
|
+
"allVariants": "_allVariants_8k0v18_48",
|
|
10
|
+
"variant16": "_variant16_8k0v18_53",
|
|
11
|
+
"variant20": "_variant20_8k0v18_54",
|
|
12
|
+
"variant24": "_variant24_8k0v18_55",
|
|
13
|
+
"variant28": "_variant28_8k0v18_58"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
package/lib/index.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
inherits:true;
|
|
4
4
|
initial-value:0;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._icon_8k0v18_4{
|
|
7
7
|
--_rs-theme-dark:var(
|
|
8
8
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
9
9
|
var(--rs-theme-dark, 0)
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
14
14
|
}
|
|
15
15
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
16
|
-
.
|
|
16
|
+
._icon_8k0v18_4{
|
|
17
17
|
--_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)));
|
|
18
18
|
--_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)));
|
|
19
19
|
--_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)));
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
25
|
-
.
|
|
25
|
+
._icon_8k0v18_4{
|
|
26
26
|
--_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);
|
|
27
27
|
--_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));
|
|
28
28
|
--_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));
|
|
@@ -30,30 +30,30 @@
|
|
|
30
30
|
--_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));
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._icon_8k0v18_4{
|
|
34
34
|
|
|
35
35
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
36
36
|
|
|
37
37
|
width:var(--rs-icons-width, auto);
|
|
38
38
|
height:var(--rs-icons-height, var(--_rs-icons-height));
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
._sizeXS_8k0v18_14{
|
|
41
41
|
--_rs-icons-height:16px;
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
._sizeS_8k0v18_18{
|
|
44
44
|
--_rs-icons-height:20px;
|
|
45
45
|
}
|
|
46
|
-
.
|
|
46
|
+
._sizeM_8k0v18_22{
|
|
47
47
|
--_rs-icons-height:24px;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
._sizeL_8k0v18_26{
|
|
50
50
|
--_rs-icons-height:28px;
|
|
51
51
|
}
|
|
52
|
-
.
|
|
52
|
+
._light_8k0v18_30{
|
|
53
53
|
--rs-theme-dark:0;
|
|
54
54
|
--_rs-icons-themed-fill-or-initial: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));
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
._dark_8k0v18_34{
|
|
57
57
|
--rs-theme-dark:1;
|
|
58
58
|
--_rs-icons-themed-fill-or-initial: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));
|
|
59
59
|
}
|
|
@@ -65,39 +65,39 @@
|
|
|
65
65
|
transform:rotate(360deg);
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
|
-
.
|
|
68
|
+
._allVariants_8k0v18_48{
|
|
69
69
|
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
70
70
|
container:rs-icon / size;
|
|
71
71
|
}
|
|
72
|
-
.
|
|
73
|
-
.
|
|
74
|
-
.
|
|
72
|
+
._variant16_8k0v18_53,
|
|
73
|
+
._variant20_8k0v18_54,
|
|
74
|
+
._variant24_8k0v18_55{
|
|
75
75
|
display:none;
|
|
76
76
|
}
|
|
77
|
-
.
|
|
77
|
+
._variant28_8k0v18_58{
|
|
78
78
|
display:block;
|
|
79
79
|
}
|
|
80
80
|
@container rs-icon (max-height: 24px){
|
|
81
|
-
.
|
|
81
|
+
._variant24_8k0v18_55{
|
|
82
82
|
display:block;
|
|
83
83
|
}
|
|
84
|
-
.
|
|
84
|
+
._variant28_8k0v18_58{
|
|
85
85
|
display:none;
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
@container rs-icon (max-height: 20px){
|
|
89
|
-
.
|
|
89
|
+
._variant20_8k0v18_54{
|
|
90
90
|
display:block;
|
|
91
91
|
}
|
|
92
|
-
.
|
|
92
|
+
._variant24_8k0v18_55{
|
|
93
93
|
display:none;
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
@container rs-icon (max-height: 16px){
|
|
97
|
-
.
|
|
97
|
+
._variant16_8k0v18_53{
|
|
98
98
|
display:block;
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
._variant20_8k0v18_54{
|
|
101
101
|
display:none;
|
|
102
102
|
}
|
|
103
103
|
}
|
|
@@ -106,18 +106,18 @@
|
|
|
106
106
|
inherits:true;
|
|
107
107
|
initial-value:0;
|
|
108
108
|
}
|
|
109
|
-
.
|
|
109
|
+
._light_18iupwn_10{
|
|
110
110
|
--rs-theme-dark:0;
|
|
111
111
|
}
|
|
112
|
-
.
|
|
112
|
+
._dark_18iupwn_13{
|
|
113
113
|
--rs-theme-dark:1;
|
|
114
114
|
}
|
|
115
|
-
.
|
|
115
|
+
._sizeM_18iupwn_17{
|
|
116
116
|
--_rs-tab-list-tab-vertical-padding:8px;
|
|
117
117
|
--_rs-tab-list-icon-size:24px;
|
|
118
118
|
--_rs-tab-list-icon-offset:4px;
|
|
119
119
|
}
|
|
120
|
-
.
|
|
120
|
+
._sizeM_18iupwn_17 [data-rs-internal='tab-list__tab']{
|
|
121
121
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
122
122
|
--_rs-typography-text-transform:initial;
|
|
123
123
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -156,16 +156,16 @@
|
|
|
156
156
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
157
157
|
}
|
|
158
158
|
@media screen and (max-width: 640px){
|
|
159
|
-
.
|
|
159
|
+
._sizeM_18iupwn_17 [data-rs-internal='tab-list__tab']{
|
|
160
160
|
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
|
-
.
|
|
163
|
+
._sizeL_18iupwn_20{
|
|
164
164
|
--_rs-tab-list-tab-vertical-padding:12px;
|
|
165
165
|
--_rs-tab-list-icon-size:28px;
|
|
166
166
|
--_rs-tab-list-icon-offset:8px;
|
|
167
167
|
}
|
|
168
|
-
.
|
|
168
|
+
._sizeL_18iupwn_20 [data-rs-internal='tab-list__tab']{
|
|
169
169
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
170
170
|
--_rs-typography-text-transform:initial;
|
|
171
171
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -204,28 +204,28 @@
|
|
|
204
204
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
205
205
|
}
|
|
206
206
|
@media screen and (max-width: 640px){
|
|
207
|
-
.
|
|
207
|
+
._sizeL_18iupwn_20 [data-rs-internal='tab-list__tab']{
|
|
208
208
|
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
.
|
|
211
|
+
._classic_18iupwn_24{
|
|
212
212
|
--_rs-tab-list-indicator-background:var(--_rs-color-primary);
|
|
213
213
|
}
|
|
214
|
-
.
|
|
214
|
+
._rock_18iupwn_27{
|
|
215
215
|
--_rs-tab-list-indicator-background: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));
|
|
216
216
|
}
|
|
217
|
-
.
|
|
217
|
+
._sparse_18iupwn_31{
|
|
218
218
|
--_rs-tab-list-tab-margin-left-or-initial:32px;
|
|
219
219
|
}
|
|
220
220
|
@media screen and (max-width: 640px){
|
|
221
|
-
.
|
|
221
|
+
._sparse_18iupwn_31{
|
|
222
222
|
--_rs-tab-list-tab-margin-left-or-initial:24px;
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
.
|
|
225
|
+
._short_18iupwn_35{
|
|
226
226
|
--_rs-tab-list-tab-box-shadow:inset 0 -1px 0 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), calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1));
|
|
227
227
|
}
|
|
228
|
-
.
|
|
228
|
+
._wrapper_18iupwn_39{
|
|
229
229
|
--_rs-theme-dark:var(
|
|
230
230
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
231
231
|
var(--rs-theme-dark, 0)
|
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
236
236
|
}
|
|
237
237
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
238
|
-
.
|
|
238
|
+
._wrapper_18iupwn_39{
|
|
239
239
|
--_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)));
|
|
240
240
|
--_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)));
|
|
241
241
|
--_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)));
|
|
@@ -244,7 +244,7 @@
|
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
246
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
247
|
-
.
|
|
247
|
+
._wrapper_18iupwn_39{
|
|
248
248
|
--_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);
|
|
249
249
|
--_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));
|
|
250
250
|
--_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));
|
|
@@ -252,15 +252,15 @@
|
|
|
252
252
|
--_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));
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
|
-
.
|
|
255
|
+
._wrapper_18iupwn_39 {
|
|
256
256
|
--_rs-tab-list-tab-base-margin-left:24px;
|
|
257
257
|
}
|
|
258
258
|
@media screen and (max-width: 640px){
|
|
259
|
-
.
|
|
259
|
+
._wrapper_18iupwn_39{
|
|
260
260
|
--_rs-tab-list-tab-base-margin-left:16px;
|
|
261
261
|
}
|
|
262
262
|
}
|
|
263
|
-
.
|
|
263
|
+
._wrapper_18iupwn_39 {
|
|
264
264
|
--_rs-tab-list-tab-margin-left:var(
|
|
265
265
|
--_rs-tab-list-tab-margin-left-or-initial,
|
|
266
266
|
var(--_rs-tab-list-tab-base-margin-left)
|
|
@@ -270,14 +270,14 @@
|
|
|
270
270
|
|
|
271
271
|
display:flex;
|
|
272
272
|
}
|
|
273
|
-
.
|
|
273
|
+
._scrollable_18iupwn_49{
|
|
274
274
|
display:flex;
|
|
275
275
|
overflow-x:scroll;
|
|
276
276
|
|
|
277
277
|
margin:-4px;
|
|
278
278
|
padding:4px;
|
|
279
279
|
}
|
|
280
|
-
.
|
|
280
|
+
._scrollable_18iupwn_49::after{
|
|
281
281
|
display:block;
|
|
282
282
|
|
|
283
283
|
height:100%;
|
|
@@ -286,15 +286,15 @@
|
|
|
286
286
|
|
|
287
287
|
content:'';
|
|
288
288
|
}
|
|
289
|
-
.
|
|
289
|
+
._scrollable_18iupwn_49 {
|
|
290
290
|
|
|
291
291
|
-ms-overflow-style:none;
|
|
292
292
|
scrollbar-width:none;
|
|
293
293
|
}
|
|
294
|
-
.
|
|
294
|
+
._scrollable_18iupwn_49::-webkit-scrollbar{
|
|
295
295
|
display:none;
|
|
296
296
|
}
|
|
297
|
-
.
|
|
297
|
+
._arrow_18iupwn_78{
|
|
298
298
|
position:absolute;
|
|
299
299
|
z-index:2;
|
|
300
300
|
top:50%;
|
|
@@ -314,20 +314,20 @@
|
|
|
314
314
|
transition:opacity 0.15s var(--rs-transition-function, ease-out);
|
|
315
315
|
transform:translateY(-50%);
|
|
316
316
|
}
|
|
317
|
-
.
|
|
317
|
+
._arrow_18iupwn_78._shown_18iupwn_98{
|
|
318
318
|
opacity:1;
|
|
319
319
|
|
|
320
320
|
pointer-events:auto;
|
|
321
321
|
|
|
322
322
|
transition:opacity 0.15s var(--rs-transition-function, ease-in);
|
|
323
323
|
}
|
|
324
|
-
.
|
|
324
|
+
._arrow_18iupwn_78._arrowLeft_18iupwn_106{
|
|
325
325
|
left:-5px;
|
|
326
326
|
}
|
|
327
|
-
.
|
|
327
|
+
._arrow_18iupwn_78._arrowRight_18iupwn_111{
|
|
328
328
|
right:-5px;
|
|
329
329
|
}
|
|
330
|
-
.
|
|
330
|
+
._withLeftArrow_18iupwn_117{
|
|
331
331
|
-webkit-mask-image:linear-gradient(
|
|
332
332
|
to right,
|
|
333
333
|
rgba(0, 0, 0, 0) 0%,
|
|
@@ -341,7 +341,7 @@
|
|
|
341
341
|
black 56px
|
|
342
342
|
);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
344
|
+
._withRightArrow_18iupwn_126{
|
|
345
345
|
-webkit-mask-image:linear-gradient(
|
|
346
346
|
to left,
|
|
347
347
|
rgba(0, 0, 0, 0) 0%,
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
black 56px
|
|
356
356
|
);
|
|
357
357
|
}
|
|
358
|
-
.
|
|
358
|
+
._withLeftArrow_18iupwn_117._withRightArrow_18iupwn_126{
|
|
359
359
|
-webkit-mask-image:linear-gradient(
|
|
360
360
|
to right,
|
|
361
361
|
rgba(0, 0, 0, 0) 0%,
|
|
@@ -375,15 +375,15 @@
|
|
|
375
375
|
rgba(0, 0, 0, 0) 100%
|
|
376
376
|
);
|
|
377
377
|
}
|
|
378
|
-
.
|
|
378
|
+
._arrowButton_18iupwn_147{
|
|
379
379
|
cursor:pointer;
|
|
380
380
|
}
|
|
381
|
-
.
|
|
381
|
+
._tabsContainer_18iupwn_151{
|
|
382
382
|
position:relative;
|
|
383
383
|
|
|
384
384
|
display:flex;
|
|
385
385
|
}
|
|
386
|
-
.
|
|
386
|
+
._indicator_18iupwn_157{
|
|
387
387
|
position:absolute;
|
|
388
388
|
z-index:3;
|
|
389
389
|
bottom:0;
|
|
@@ -396,17 +396,17 @@
|
|
|
396
396
|
transition:left 300ms var(--rs-transition-function, cubic-bezier(0.4, 0, 0.2, 1)) 0ms, width 300ms var(--rs-transition-function, cubic-bezier(0.4, 0, 0.2, 1)) 0ms;
|
|
397
397
|
will-change:left, width;
|
|
398
398
|
}
|
|
399
|
-
.
|
|
400
|
-
[data-calculating-scrollable='true'] .
|
|
399
|
+
._isIndicatorHidden_18iupwn_172 ._indicator_18iupwn_157,
|
|
400
|
+
[data-calculating-scrollable='true'] ._indicator_18iupwn_157{
|
|
401
401
|
display:none;
|
|
402
402
|
}
|
|
403
|
-
.
|
|
403
|
+
._iconLeft_18iupwn_178{
|
|
404
404
|
--_rs-tab-list-tab-flex-direction:row;
|
|
405
405
|
}
|
|
406
|
-
.
|
|
406
|
+
._iconRight_18iupwn_181{
|
|
407
407
|
--_rs-tab-list-tab-flex-direction:row-reverse;
|
|
408
408
|
}
|
|
409
|
-
.
|
|
409
|
+
._tab_18iupwn_151{
|
|
410
410
|
--_rs-theme-dark:var(
|
|
411
411
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
412
412
|
var(--rs-theme-dark, 0)
|
|
@@ -416,7 +416,7 @@
|
|
|
416
416
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
417
417
|
}
|
|
418
418
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
419
|
-
.
|
|
419
|
+
._tab_18iupwn_151{
|
|
420
420
|
--_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)));
|
|
421
421
|
--_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)));
|
|
422
422
|
--_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)));
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
}
|
|
426
426
|
}
|
|
427
427
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
428
|
-
.
|
|
428
|
+
._tab_18iupwn_151{
|
|
429
429
|
--_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);
|
|
430
430
|
--_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));
|
|
431
431
|
--_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));
|
|
@@ -433,7 +433,7 @@
|
|
|
433
433
|
--_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));
|
|
434
434
|
}
|
|
435
435
|
}
|
|
436
|
-
.
|
|
436
|
+
._tab_18iupwn_151 {
|
|
437
437
|
letter-spacing:var(
|
|
438
438
|
--rs-text-base-letter-spacing,
|
|
439
439
|
var(--_rs-typography-letter-spacing)
|
|
@@ -477,19 +477,19 @@
|
|
|
477
477
|
-moz-osx-font-smoothing:inherit;
|
|
478
478
|
-webkit-appearance:none;
|
|
479
479
|
}
|
|
480
|
-
.
|
|
480
|
+
._tab_18iupwn_151::-moz-focus-inner{
|
|
481
481
|
padding:0;
|
|
482
482
|
|
|
483
483
|
border:none;
|
|
484
484
|
}
|
|
485
|
-
.
|
|
486
|
-
.
|
|
487
|
-
.
|
|
485
|
+
._tab_18iupwn_151:hover,
|
|
486
|
+
._tab_18iupwn_151:active,
|
|
487
|
+
._tab_18iupwn_151:focus{
|
|
488
488
|
outline:none;
|
|
489
489
|
|
|
490
490
|
text-decoration:none;
|
|
491
491
|
}
|
|
492
|
-
.
|
|
492
|
+
._tab_18iupwn_151:after{
|
|
493
493
|
position:absolute;
|
|
494
494
|
right:0;
|
|
495
495
|
bottom:0;
|
|
@@ -502,18 +502,18 @@
|
|
|
502
502
|
|
|
503
503
|
background-color:transparent;
|
|
504
504
|
}
|
|
505
|
-
.
|
|
505
|
+
._tab_18iupwn_151:focus[data-focus-method='key']:after{
|
|
506
506
|
opacity:0;
|
|
507
507
|
}
|
|
508
|
-
.
|
|
508
|
+
._tab_18iupwn_151:hover{
|
|
509
509
|
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));
|
|
510
510
|
}
|
|
511
|
-
.
|
|
511
|
+
._tab_18iupwn_151:hover:after{
|
|
512
512
|
height:1px;
|
|
513
513
|
|
|
514
514
|
background-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));
|
|
515
515
|
}
|
|
516
|
-
.
|
|
516
|
+
._tab_18iupwn_151._selected_18iupwn_272{
|
|
517
517
|
z-index:1;
|
|
518
518
|
|
|
519
519
|
cursor:default;
|
|
@@ -522,20 +522,20 @@
|
|
|
522
522
|
|
|
523
523
|
transition:color 200ms var(--rs-transition-function, cubic-bezier(0.4, 0, 0.2, 1)) 0ms;
|
|
524
524
|
}
|
|
525
|
-
.
|
|
525
|
+
._tab_18iupwn_151._selected_18iupwn_272:after{
|
|
526
526
|
height:2px;
|
|
527
527
|
|
|
528
528
|
background-color:var(--_rs-tab-list-indicator-background);
|
|
529
529
|
|
|
530
530
|
transition:background-color 0ms var(--rs-transition-function, ease) 300ms, height 0ms var(--rs-transition-function, ease) 300ms;
|
|
531
531
|
}
|
|
532
|
-
.
|
|
532
|
+
._tab_18iupwn_151:focus[data-focus-method='key']{
|
|
533
533
|
box-shadow:inset var(--_rs-color-primary-dim) 0 -4px 0 0, inset var(--_rs-color-primary-dim) 0 4px 0 0, var(--_rs-color-primary-dim) -4px 0 0 0, var(--_rs-color-primary-dim) 4px 0 0 0;
|
|
534
534
|
}
|
|
535
|
-
.
|
|
535
|
+
._tab_18iupwn_151:first-child{
|
|
536
536
|
margin-left:0;
|
|
537
537
|
}
|
|
538
|
-
.
|
|
538
|
+
._tab_18iupwn_151 ._icon_18iupwn_178{
|
|
539
539
|
flex:0 0;
|
|
540
540
|
flex-basis:auto;
|
|
541
541
|
|
|
@@ -548,13 +548,13 @@
|
|
|
548
548
|
inherits:true;
|
|
549
549
|
initial-value:0;
|
|
550
550
|
}
|
|
551
|
-
.
|
|
551
|
+
._light_1bb7ixw_4{
|
|
552
552
|
--rs-theme-dark:0;
|
|
553
553
|
}
|
|
554
|
-
.
|
|
554
|
+
._dark_1bb7ixw_7{
|
|
555
555
|
--rs-theme-dark:1;
|
|
556
556
|
}
|
|
557
|
-
.
|
|
557
|
+
._separator_1bb7ixw_11{
|
|
558
558
|
--_rs-theme-dark:var(
|
|
559
559
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
560
560
|
var(--rs-theme-dark, 0)
|
|
@@ -568,7 +568,7 @@
|
|
|
568
568
|
|
|
569
569
|
width:100%;
|
|
570
570
|
}
|
|
571
|
-
.
|
|
571
|
+
._separator_1bb7ixw_11:after{
|
|
572
572
|
position:absolute;
|
|
573
573
|
right:0;
|
|
574
574
|
bottom:0;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"light": "
|
|
3
|
-
"dark": "
|
|
4
|
-
"sizeM": "
|
|
5
|
-
"sizeL": "
|
|
6
|
-
"classic": "
|
|
7
|
-
"rock": "
|
|
8
|
-
"sparse": "
|
|
9
|
-
"short": "
|
|
10
|
-
"wrapper": "
|
|
11
|
-
"scrollable": "
|
|
12
|
-
"arrow": "
|
|
13
|
-
"shown": "
|
|
14
|
-
"arrowLeft": "
|
|
15
|
-
"arrowRight": "
|
|
16
|
-
"withLeftArrow": "
|
|
17
|
-
"withRightArrow": "
|
|
18
|
-
"arrowButton": "
|
|
19
|
-
"tabsContainer": "
|
|
20
|
-
"indicator": "
|
|
21
|
-
"isIndicatorHidden": "
|
|
22
|
-
"iconLeft": "
|
|
23
|
-
"iconRight": "
|
|
24
|
-
"tab": "
|
|
25
|
-
"selected": "
|
|
26
|
-
"icon": "
|
|
2
|
+
"light": "_light_18iupwn_10",
|
|
3
|
+
"dark": "_dark_18iupwn_13",
|
|
4
|
+
"sizeM": "_sizeM_18iupwn_17",
|
|
5
|
+
"sizeL": "_sizeL_18iupwn_20",
|
|
6
|
+
"classic": "_classic_18iupwn_24",
|
|
7
|
+
"rock": "_rock_18iupwn_27",
|
|
8
|
+
"sparse": "_sparse_18iupwn_31",
|
|
9
|
+
"short": "_short_18iupwn_35",
|
|
10
|
+
"wrapper": "_wrapper_18iupwn_39",
|
|
11
|
+
"scrollable": "_scrollable_18iupwn_49",
|
|
12
|
+
"arrow": "_arrow_18iupwn_78",
|
|
13
|
+
"shown": "_shown_18iupwn_98",
|
|
14
|
+
"arrowLeft": "_arrowLeft_18iupwn_106",
|
|
15
|
+
"arrowRight": "_arrowRight_18iupwn_111",
|
|
16
|
+
"withLeftArrow": "_withLeftArrow_18iupwn_117",
|
|
17
|
+
"withRightArrow": "_withRightArrow_18iupwn_126",
|
|
18
|
+
"arrowButton": "_arrowButton_18iupwn_147",
|
|
19
|
+
"tabsContainer": "_tabsContainer_18iupwn_151",
|
|
20
|
+
"indicator": "_indicator_18iupwn_157",
|
|
21
|
+
"isIndicatorHidden": "_isIndicatorHidden_18iupwn_172",
|
|
22
|
+
"iconLeft": "_iconLeft_18iupwn_178",
|
|
23
|
+
"iconRight": "_iconRight_18iupwn_181",
|
|
24
|
+
"tab": "_tab_18iupwn_151",
|
|
25
|
+
"selected": "_selected_18iupwn_272",
|
|
26
|
+
"icon": "_icon_18iupwn_178"
|
|
27
27
|
};
|
|
28
28
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/tab-list",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -17,8 +17,8 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
20
|
-
"@rescui/button": "
|
|
21
|
-
"@rescui/use-resize-observer": "
|
|
20
|
+
"@rescui/button": "0.24.7-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
|
|
21
|
+
"@rescui/use-resize-observer": "0.3.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
|
|
22
22
|
"classnames": "^2.2.6"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
@@ -27,16 +27,16 @@
|
|
|
27
27
|
"react": ">=16.8.0 <20"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@rescui/colors": "
|
|
31
|
-
"@rescui/postcss-preset-library": "
|
|
32
|
-
"@rescui/scripts": "
|
|
33
|
-
"@rescui/typography": "
|
|
34
|
-
"@rescui/visual-regression": "
|
|
30
|
+
"@rescui/colors": "0.3.4-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
|
|
31
|
+
"@rescui/postcss-preset-library": "0.2.3",
|
|
32
|
+
"@rescui/scripts": "0.5.2",
|
|
33
|
+
"@rescui/typography": "0.27.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
|
|
34
|
+
"@rescui/visual-regression": "0.1.4"
|
|
35
35
|
},
|
|
36
36
|
"scripts": {
|
|
37
37
|
"build": "rescui-scripts build && yarn run build-pcss-api",
|
|
38
38
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
39
39
|
},
|
|
40
40
|
"nx": {},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "405b9fa40886b0ab6709c9185e8214599d2d792e"
|
|
42
42
|
}
|