@rescui/tab-list 0.16.3 → 0.16.4-RUI-285-Support-blur-for-glow-hover-6f393bc1.1
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.
|
@@ -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_16arlmh_4",
|
|
3
|
+
"sizeXS": "_sizeXS_16arlmh_14",
|
|
4
|
+
"sizeS": "_sizeS_16arlmh_18",
|
|
5
|
+
"sizeM": "_sizeM_16arlmh_22",
|
|
6
|
+
"sizeL": "_sizeL_16arlmh_26",
|
|
7
|
+
"light": "_light_16arlmh_30",
|
|
8
|
+
"dark": "_dark_16arlmh_34",
|
|
9
|
+
"allVariants": "_allVariants_16arlmh_48",
|
|
10
|
+
"variant16": "_variant16_16arlmh_53",
|
|
11
|
+
"variant20": "_variant20_16arlmh_54",
|
|
12
|
+
"variant24": "_variant24_16arlmh_55",
|
|
13
|
+
"variant28": "_variant28_16arlmh_58"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
package/lib/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._icon_16arlmh_4{
|
|
2
2
|
--_rs-theme-dark:var(
|
|
3
3
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
4
4
|
var(--rs-theme-dark, 0)
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
9
9
|
}
|
|
10
10
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
11
|
-
.
|
|
11
|
+
._icon_16arlmh_4{
|
|
12
12
|
--_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)));
|
|
13
13
|
--_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)));
|
|
14
14
|
--_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)));
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
20
|
-
.
|
|
20
|
+
._icon_16arlmh_4{
|
|
21
21
|
--_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);
|
|
22
22
|
--_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));
|
|
23
23
|
--_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));
|
|
@@ -25,30 +25,30 @@
|
|
|
25
25
|
--_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));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
._icon_16arlmh_4{
|
|
29
29
|
|
|
30
30
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
31
31
|
|
|
32
32
|
width:var(--rs-icons-width, auto);
|
|
33
33
|
height:var(--rs-icons-height, var(--_rs-icons-height));
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
._sizeXS_16arlmh_14{
|
|
36
36
|
--_rs-icons-height:16px;
|
|
37
37
|
}
|
|
38
|
-
.
|
|
38
|
+
._sizeS_16arlmh_18{
|
|
39
39
|
--_rs-icons-height:20px;
|
|
40
40
|
}
|
|
41
|
-
.
|
|
41
|
+
._sizeM_16arlmh_22{
|
|
42
42
|
--_rs-icons-height:24px;
|
|
43
43
|
}
|
|
44
|
-
.
|
|
44
|
+
._sizeL_16arlmh_26{
|
|
45
45
|
--_rs-icons-height:28px;
|
|
46
46
|
}
|
|
47
|
-
.
|
|
47
|
+
._light_16arlmh_30{
|
|
48
48
|
--rs-theme-dark:0;
|
|
49
49
|
--_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));
|
|
50
50
|
}
|
|
51
|
-
.
|
|
51
|
+
._dark_16arlmh_34{
|
|
52
52
|
--rs-theme-dark:1;
|
|
53
53
|
--_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));
|
|
54
54
|
}
|
|
@@ -60,54 +60,54 @@
|
|
|
60
60
|
transform:rotate(360deg);
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
.
|
|
63
|
+
._allVariants_16arlmh_48{
|
|
64
64
|
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
65
65
|
container:rs-icon / size;
|
|
66
66
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
67
|
+
._variant16_16arlmh_53,
|
|
68
|
+
._variant20_16arlmh_54,
|
|
69
|
+
._variant24_16arlmh_55{
|
|
70
70
|
display:none;
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
._variant28_16arlmh_58{
|
|
73
73
|
display:block;
|
|
74
74
|
}
|
|
75
75
|
@container rs-icon (max-height: 24px){
|
|
76
|
-
.
|
|
76
|
+
._variant24_16arlmh_55{
|
|
77
77
|
display:block;
|
|
78
78
|
}
|
|
79
|
-
.
|
|
79
|
+
._variant28_16arlmh_58{
|
|
80
80
|
display:none;
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
@container rs-icon (max-height: 20px){
|
|
84
|
-
.
|
|
84
|
+
._variant20_16arlmh_54{
|
|
85
85
|
display:block;
|
|
86
86
|
}
|
|
87
|
-
.
|
|
87
|
+
._variant24_16arlmh_55{
|
|
88
88
|
display:none;
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
@container rs-icon (max-height: 16px){
|
|
92
|
-
.
|
|
92
|
+
._variant16_16arlmh_53{
|
|
93
93
|
display:block;
|
|
94
94
|
}
|
|
95
|
-
.
|
|
95
|
+
._variant20_16arlmh_54{
|
|
96
96
|
display:none;
|
|
97
97
|
}
|
|
98
98
|
}
|
|
99
|
-
.
|
|
99
|
+
._light_1vutr84_7{
|
|
100
100
|
--rs-theme-dark:0;
|
|
101
101
|
}
|
|
102
|
-
.
|
|
102
|
+
._dark_1vutr84_10{
|
|
103
103
|
--rs-theme-dark:1;
|
|
104
104
|
}
|
|
105
|
-
.
|
|
105
|
+
._sizeM_1vutr84_14{
|
|
106
106
|
--_rs-tab-list-tab-vertical-padding:8px;
|
|
107
107
|
--_rs-tab-list-icon-size:24px;
|
|
108
108
|
--_rs-tab-list-icon-offset:4px;
|
|
109
109
|
}
|
|
110
|
-
.
|
|
110
|
+
._sizeM_1vutr84_14 [data-rs-internal='tab-list__tab']{
|
|
111
111
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
112
112
|
--_rs-typography-text-transform:initial;
|
|
113
113
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -145,16 +145,16 @@
|
|
|
145
145
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
146
146
|
}
|
|
147
147
|
@media screen and (max-width: 640px){
|
|
148
|
-
.
|
|
148
|
+
._sizeM_1vutr84_14 [data-rs-internal='tab-list__tab']{
|
|
149
149
|
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
150
150
|
}
|
|
151
151
|
}
|
|
152
|
-
.
|
|
152
|
+
._sizeL_1vutr84_17{
|
|
153
153
|
--_rs-tab-list-tab-vertical-padding:12px;
|
|
154
154
|
--_rs-tab-list-icon-size:28px;
|
|
155
155
|
--_rs-tab-list-icon-offset:8px;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
._sizeL_1vutr84_17 [data-rs-internal='tab-list__tab']{
|
|
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,28 +192,28 @@
|
|
|
192
192
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
193
193
|
}
|
|
194
194
|
@media screen and (max-width: 640px){
|
|
195
|
-
.
|
|
195
|
+
._sizeL_1vutr84_17 [data-rs-internal='tab-list__tab']{
|
|
196
196
|
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
|
-
.
|
|
199
|
+
._classic_1vutr84_21{
|
|
200
200
|
--_rs-tab-list-indicator-background:var(--_rs-color-primary);
|
|
201
201
|
}
|
|
202
|
-
.
|
|
202
|
+
._rock_1vutr84_24{
|
|
203
203
|
--_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));
|
|
204
204
|
}
|
|
205
|
-
.
|
|
205
|
+
._sparse_1vutr84_28{
|
|
206
206
|
--_rs-tab-list-tab-margin-left-or-initial:32px;
|
|
207
207
|
}
|
|
208
208
|
@media screen and (max-width: 640px){
|
|
209
|
-
.
|
|
209
|
+
._sparse_1vutr84_28{
|
|
210
210
|
--_rs-tab-list-tab-margin-left-or-initial:24px;
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
|
-
.
|
|
213
|
+
._short_1vutr84_32{
|
|
214
214
|
--_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));
|
|
215
215
|
}
|
|
216
|
-
.
|
|
216
|
+
._tabsContainer_1vutr84_36{
|
|
217
217
|
--_rs-theme-dark:var(
|
|
218
218
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
219
219
|
var(--rs-theme-dark, 0)
|
|
@@ -223,7 +223,7 @@
|
|
|
223
223
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
224
224
|
}
|
|
225
225
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
226
|
-
.
|
|
226
|
+
._tabsContainer_1vutr84_36{
|
|
227
227
|
--_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)));
|
|
228
228
|
--_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)));
|
|
229
229
|
--_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)));
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
235
|
-
.
|
|
235
|
+
._tabsContainer_1vutr84_36{
|
|
236
236
|
--_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);
|
|
237
237
|
--_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));
|
|
238
238
|
--_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));
|
|
@@ -240,15 +240,15 @@
|
|
|
240
240
|
--_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));
|
|
241
241
|
}
|
|
242
242
|
}
|
|
243
|
-
.
|
|
243
|
+
._tabsContainer_1vutr84_36 {
|
|
244
244
|
--_rs-tab-list-tab-base-margin-left:24px;
|
|
245
245
|
}
|
|
246
246
|
@media screen and (max-width: 640px){
|
|
247
|
-
.
|
|
247
|
+
._tabsContainer_1vutr84_36{
|
|
248
248
|
--_rs-tab-list-tab-base-margin-left:16px;
|
|
249
249
|
}
|
|
250
250
|
}
|
|
251
|
-
.
|
|
251
|
+
._tabsContainer_1vutr84_36 {
|
|
252
252
|
--_rs-tab-list-tab-margin-left:var(
|
|
253
253
|
--_rs-tab-list-tab-margin-left-or-initial,
|
|
254
254
|
var(--_rs-tab-list-tab-base-margin-left)
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
|
|
259
259
|
display:flex;
|
|
260
260
|
}
|
|
261
|
-
.
|
|
261
|
+
._indicator_1vutr84_46{
|
|
262
262
|
position:absolute;
|
|
263
263
|
z-index:3;
|
|
264
264
|
bottom:0;
|
|
@@ -271,17 +271,17 @@
|
|
|
271
271
|
transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
272
272
|
will-change:left, width;
|
|
273
273
|
}
|
|
274
|
-
.
|
|
275
|
-
[data-calculating-scrollable="true"] .
|
|
274
|
+
._isIndicatorHidden_1vutr84_60 ._indicator_1vutr84_46,
|
|
275
|
+
[data-calculating-scrollable="true"] ._indicator_1vutr84_46{
|
|
276
276
|
display:none;
|
|
277
277
|
}
|
|
278
|
-
.
|
|
278
|
+
._iconLeft_1vutr84_66{
|
|
279
279
|
--_rs-tab-list-tab-flex-direction:row;
|
|
280
280
|
}
|
|
281
|
-
.
|
|
281
|
+
._iconRight_1vutr84_69{
|
|
282
282
|
--_rs-tab-list-tab-flex-direction:row-reverse;
|
|
283
283
|
}
|
|
284
|
-
.
|
|
284
|
+
._tab_1vutr84_36{
|
|
285
285
|
--_rs-theme-dark:var(
|
|
286
286
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
287
287
|
var(--rs-theme-dark, 0)
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
292
292
|
}
|
|
293
293
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
294
|
-
.
|
|
294
|
+
._tab_1vutr84_36{
|
|
295
295
|
--_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)));
|
|
296
296
|
--_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)));
|
|
297
297
|
--_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)));
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
}
|
|
301
301
|
}
|
|
302
302
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
303
|
-
.
|
|
303
|
+
._tab_1vutr84_36{
|
|
304
304
|
--_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);
|
|
305
305
|
--_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));
|
|
306
306
|
--_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));
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
--_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));
|
|
309
309
|
}
|
|
310
310
|
}
|
|
311
|
-
.
|
|
311
|
+
._tab_1vutr84_36 {
|
|
312
312
|
letter-spacing:var(
|
|
313
313
|
--rs-text-base-letter-spacing,
|
|
314
314
|
var(--_rs-typography-letter-spacing)
|
|
@@ -352,19 +352,19 @@
|
|
|
352
352
|
-moz-osx-font-smoothing:inherit;
|
|
353
353
|
-webkit-appearance:none;
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
._tab_1vutr84_36::-moz-focus-inner{
|
|
356
356
|
padding:0;
|
|
357
357
|
|
|
358
358
|
border:none;
|
|
359
359
|
}
|
|
360
|
-
.
|
|
361
|
-
.
|
|
362
|
-
.
|
|
360
|
+
._tab_1vutr84_36:hover,
|
|
361
|
+
._tab_1vutr84_36:active,
|
|
362
|
+
._tab_1vutr84_36:focus{
|
|
363
363
|
outline:none;
|
|
364
364
|
|
|
365
365
|
text-decoration:none;
|
|
366
366
|
}
|
|
367
|
-
.
|
|
367
|
+
._tab_1vutr84_36:after{
|
|
368
368
|
position:absolute;
|
|
369
369
|
bottom:0;
|
|
370
370
|
left:0;
|
|
@@ -377,18 +377,18 @@
|
|
|
377
377
|
|
|
378
378
|
background-color:transparent;
|
|
379
379
|
}
|
|
380
|
-
.
|
|
380
|
+
._tab_1vutr84_36:focus[data-focus-method='key']:after{
|
|
381
381
|
opacity:0;
|
|
382
382
|
}
|
|
383
|
-
.
|
|
383
|
+
._tab_1vutr84_36:hover{
|
|
384
384
|
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));
|
|
385
385
|
}
|
|
386
|
-
.
|
|
386
|
+
._tab_1vutr84_36:hover:after{
|
|
387
387
|
height:1px;
|
|
388
388
|
|
|
389
389
|
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));
|
|
390
390
|
}
|
|
391
|
-
.
|
|
391
|
+
._tab_1vutr84_36._selected_1vutr84_160{
|
|
392
392
|
z-index:1;
|
|
393
393
|
|
|
394
394
|
cursor:default;
|
|
@@ -397,20 +397,20 @@
|
|
|
397
397
|
|
|
398
398
|
transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
399
399
|
}
|
|
400
|
-
.
|
|
400
|
+
._tab_1vutr84_36._selected_1vutr84_160:after{
|
|
401
401
|
height:2px;
|
|
402
402
|
|
|
403
403
|
background-color:var(--_rs-tab-list-indicator-background);
|
|
404
404
|
|
|
405
405
|
transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
|
|
406
406
|
}
|
|
407
|
-
.
|
|
407
|
+
._tab_1vutr84_36:focus[data-focus-method='key']{
|
|
408
408
|
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;
|
|
409
409
|
}
|
|
410
|
-
.
|
|
410
|
+
._tab_1vutr84_36:first-child{
|
|
411
411
|
margin-left:0;
|
|
412
412
|
}
|
|
413
|
-
.
|
|
413
|
+
._tab_1vutr84_36 ._icon_1vutr84_66{
|
|
414
414
|
flex:0 0;
|
|
415
415
|
flex-basis:auto;
|
|
416
416
|
|
|
@@ -418,13 +418,13 @@
|
|
|
418
418
|
height:var(--_rs-tab-list-icon-size);
|
|
419
419
|
}
|
|
420
420
|
|
|
421
|
-
.
|
|
421
|
+
._light_1pcypbt_9{
|
|
422
422
|
--rs-theme-dark:0;
|
|
423
423
|
}
|
|
424
|
-
.
|
|
424
|
+
._dark_1pcypbt_12{
|
|
425
425
|
--rs-theme-dark:1;
|
|
426
426
|
}
|
|
427
|
-
.
|
|
427
|
+
._wrapper_1pcypbt_16{
|
|
428
428
|
--_rs-theme-dark:var(
|
|
429
429
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
430
430
|
var(--rs-theme-dark, 0)
|
|
@@ -436,14 +436,14 @@
|
|
|
436
436
|
|
|
437
437
|
display:flex;
|
|
438
438
|
}
|
|
439
|
-
.
|
|
439
|
+
._scrollable_1pcypbt_23{
|
|
440
440
|
display:flex;
|
|
441
441
|
overflow-x:scroll;
|
|
442
442
|
|
|
443
443
|
margin:-4px;
|
|
444
444
|
padding:4px;
|
|
445
445
|
}
|
|
446
|
-
.
|
|
446
|
+
._scrollable_1pcypbt_23::after{
|
|
447
447
|
display:block;
|
|
448
448
|
|
|
449
449
|
height:100%;
|
|
@@ -452,15 +452,15 @@
|
|
|
452
452
|
|
|
453
453
|
content:'';
|
|
454
454
|
}
|
|
455
|
-
.
|
|
455
|
+
._scrollable_1pcypbt_23 {
|
|
456
456
|
|
|
457
457
|
-ms-overflow-style:none;
|
|
458
458
|
scrollbar-width:none;
|
|
459
459
|
}
|
|
460
|
-
.
|
|
460
|
+
._scrollable_1pcypbt_23::-webkit-scrollbar{
|
|
461
461
|
display:none;
|
|
462
462
|
}
|
|
463
|
-
.
|
|
463
|
+
._arrow_1pcypbt_52{
|
|
464
464
|
position:absolute;
|
|
465
465
|
z-index:2;
|
|
466
466
|
top:50%;
|
|
@@ -480,20 +480,20 @@
|
|
|
480
480
|
transition:opacity 0.15s ease-out;
|
|
481
481
|
transform:translateY(-50%);
|
|
482
482
|
}
|
|
483
|
-
.
|
|
483
|
+
._arrow_1pcypbt_52._shown_1pcypbt_72{
|
|
484
484
|
opacity:1;
|
|
485
485
|
|
|
486
486
|
pointer-events:auto;
|
|
487
487
|
|
|
488
488
|
transition:opacity 0.15s ease-in;
|
|
489
489
|
}
|
|
490
|
-
.
|
|
490
|
+
._arrow_1pcypbt_52._arrowLeft_1pcypbt_80{
|
|
491
491
|
left:-5px;
|
|
492
492
|
}
|
|
493
|
-
.
|
|
493
|
+
._arrow_1pcypbt_52._arrowRight_1pcypbt_85{
|
|
494
494
|
right:-5px;
|
|
495
495
|
}
|
|
496
|
-
.
|
|
496
|
+
._withLeftArrow_1pcypbt_91{
|
|
497
497
|
-webkit-mask-image:linear-gradient(
|
|
498
498
|
to right,
|
|
499
499
|
rgba(0, 0, 0, 0) 0%,
|
|
@@ -507,7 +507,7 @@
|
|
|
507
507
|
black 56px
|
|
508
508
|
);
|
|
509
509
|
}
|
|
510
|
-
.
|
|
510
|
+
._withRightArrow_1pcypbt_100{
|
|
511
511
|
-webkit-mask-image:linear-gradient(
|
|
512
512
|
to left,
|
|
513
513
|
rgba(0, 0, 0, 0) 0%,
|
|
@@ -521,7 +521,7 @@
|
|
|
521
521
|
black 56px
|
|
522
522
|
);
|
|
523
523
|
}
|
|
524
|
-
.
|
|
524
|
+
._withLeftArrow_1pcypbt_91._withRightArrow_1pcypbt_100{
|
|
525
525
|
-webkit-mask-image:linear-gradient(
|
|
526
526
|
to right,
|
|
527
527
|
rgba(0, 0, 0, 0) 0%,
|
|
@@ -541,17 +541,17 @@
|
|
|
541
541
|
rgba(0, 0, 0, 0) 100%
|
|
542
542
|
);
|
|
543
543
|
}
|
|
544
|
-
.
|
|
544
|
+
._arrowButton_1pcypbt_121{
|
|
545
545
|
cursor:pointer;
|
|
546
546
|
}
|
|
547
547
|
|
|
548
|
-
.
|
|
548
|
+
._light_16ffaxt_4{
|
|
549
549
|
--rs-theme-dark:0;
|
|
550
550
|
}
|
|
551
|
-
.
|
|
551
|
+
._dark_16ffaxt_7{
|
|
552
552
|
--rs-theme-dark:1;
|
|
553
553
|
}
|
|
554
|
-
.
|
|
554
|
+
._separator_16ffaxt_11{
|
|
555
555
|
--_rs-theme-dark:var(
|
|
556
556
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
557
557
|
var(--rs-theme-dark, 0)
|
|
@@ -565,7 +565,7 @@
|
|
|
565
565
|
|
|
566
566
|
width:100%;
|
|
567
567
|
}
|
|
568
|
-
.
|
|
568
|
+
._separator_16ffaxt_11:after{
|
|
569
569
|
position:absolute;
|
|
570
570
|
right:0;
|
|
571
571
|
bottom:0;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"light": "
|
|
3
|
-
"dark": "
|
|
4
|
-
"sizeM": "
|
|
5
|
-
"sizeL": "
|
|
6
|
-
"classic": "
|
|
7
|
-
"rock": "
|
|
8
|
-
"sparse": "
|
|
9
|
-
"short": "
|
|
10
|
-
"tabsContainer": "
|
|
11
|
-
"indicator": "
|
|
12
|
-
"isIndicatorHidden": "
|
|
13
|
-
"iconLeft": "
|
|
14
|
-
"iconRight": "
|
|
15
|
-
"tab": "
|
|
16
|
-
"selected": "
|
|
17
|
-
"icon": "
|
|
2
|
+
"light": "_light_1vutr84_7",
|
|
3
|
+
"dark": "_dark_1vutr84_10",
|
|
4
|
+
"sizeM": "_sizeM_1vutr84_14",
|
|
5
|
+
"sizeL": "_sizeL_1vutr84_17",
|
|
6
|
+
"classic": "_classic_1vutr84_21",
|
|
7
|
+
"rock": "_rock_1vutr84_24",
|
|
8
|
+
"sparse": "_sparse_1vutr84_28",
|
|
9
|
+
"short": "_short_1vutr84_32",
|
|
10
|
+
"tabsContainer": "_tabsContainer_1vutr84_36",
|
|
11
|
+
"indicator": "_indicator_1vutr84_46",
|
|
12
|
+
"isIndicatorHidden": "_isIndicatorHidden_1vutr84_60",
|
|
13
|
+
"iconLeft": "_iconLeft_1vutr84_66",
|
|
14
|
+
"iconRight": "_iconRight_1vutr84_69",
|
|
15
|
+
"tab": "_tab_1vutr84_36",
|
|
16
|
+
"selected": "_selected_1vutr84_160",
|
|
17
|
+
"icon": "_icon_1vutr84_66"
|
|
18
18
|
};
|
|
19
19
|
export { styles as default };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"light": "
|
|
3
|
-
"dark": "
|
|
4
|
-
"wrapper": "
|
|
5
|
-
"scrollable": "
|
|
6
|
-
"arrow": "
|
|
7
|
-
"shown": "
|
|
8
|
-
"arrowLeft": "
|
|
9
|
-
"arrowRight": "
|
|
10
|
-
"withLeftArrow": "
|
|
11
|
-
"withRightArrow": "
|
|
12
|
-
"arrowButton": "
|
|
2
|
+
"light": "_light_1pcypbt_9",
|
|
3
|
+
"dark": "_dark_1pcypbt_12",
|
|
4
|
+
"wrapper": "_wrapper_1pcypbt_16",
|
|
5
|
+
"scrollable": "_scrollable_1pcypbt_23",
|
|
6
|
+
"arrow": "_arrow_1pcypbt_52",
|
|
7
|
+
"shown": "_shown_1pcypbt_72",
|
|
8
|
+
"arrowLeft": "_arrowLeft_1pcypbt_80",
|
|
9
|
+
"arrowRight": "_arrowRight_1pcypbt_85",
|
|
10
|
+
"withLeftArrow": "_withLeftArrow_1pcypbt_91",
|
|
11
|
+
"withRightArrow": "_withRightArrow_1pcypbt_100",
|
|
12
|
+
"arrowButton": "_arrowButton_1pcypbt_121"
|
|
13
13
|
};
|
|
14
14
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/tab-list",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.4-RUI-285-Support-blur-for-glow-hover-6f393bc1.1+6f393bc1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
19
|
-
"@rescui/button": "
|
|
20
|
-
"@rescui/use-resize-observer": "
|
|
19
|
+
"@rescui/button": "0.23.4-RUI-285-Support-blur-for-glow-hover-6f393bc1.1+6f393bc1",
|
|
20
|
+
"@rescui/use-resize-observer": "0.3.1-RUI-285-Support-blur-for-glow-hover-6f393bc1.96+6f393bc1",
|
|
21
21
|
"classnames": "^2.2.6"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
@@ -26,16 +26,16 @@
|
|
|
26
26
|
"react": ">=16.8.0 <20"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@rescui/colors": "
|
|
30
|
-
"@rescui/postcss-preset-library": "
|
|
31
|
-
"@rescui/scripts": "
|
|
32
|
-
"@rescui/typography": "
|
|
33
|
-
"@rescui/visual-regression": "
|
|
29
|
+
"@rescui/colors": "0.2.13-RUI-285-Support-blur-for-glow-hover-6f393bc1.50+6f393bc1",
|
|
30
|
+
"@rescui/postcss-preset-library": "0.2.2",
|
|
31
|
+
"@rescui/scripts": "0.5.1",
|
|
32
|
+
"@rescui/typography": "0.24.4-RUI-285-Support-blur-for-glow-hover-6f393bc1.1+6f393bc1",
|
|
33
|
+
"@rescui/visual-regression": "0.1.4"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "rescui-scripts build && yarn run build-pcss-api",
|
|
37
37
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
38
38
|
},
|
|
39
39
|
"nx": {},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "6f393bc1b7394a744b9737ba9fe13126c3163219"
|
|
41
41
|
}
|