@rescui/tab-list 0.9.4 → 0.10.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 (8) hide show
  1. package/lib/index.css +75 -75
  2. package/lib/index.d.ts +3 -0
  3. package/lib/parts/separator.p.module.css.js +3 -3
  4. package/lib/parts/tab-list.p.module.css.js +18 -18
  5. package/lib/parts/with-scroll-arrows.js +1 -1
  6. package/lib/parts/with-scroll-arrows.p.module.css.js +11 -11
  7. package/lib/tab-list.d.ts +1 -0
  8. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
- ._wrapper_18ipbgd_9{
1
+ ._wrapper_10v5h51_9{
2
2
  position:relative;
3
3
  }
4
- ._tabsContainer_18ipbgd_13{
4
+ ._tabsContainer_10v5h51_13{
5
5
  position:relative;
6
6
 
7
7
  display:-webkit-box;
@@ -10,7 +10,7 @@
10
10
 
11
11
  display:flex;
12
12
  }
13
- ._indicator_18ipbgd_19{
13
+ ._indicator_10v5h51_19{
14
14
  position:absolute;
15
15
  z-index:3;
16
16
  bottom:0;
@@ -23,21 +23,21 @@
23
23
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
24
24
  will-change:left, width;
25
25
  }
26
- ._light_18ipbgd_31._classic_18ipbgd_31 ._indicator_18ipbgd_19{
26
+ ._light_10v5h51_31._classic_10v5h51_31 ._indicator_10v5h51_19{
27
27
  background-color:#6B57FF;
28
28
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
29
29
  }
30
- ._dark_18ipbgd_35._classic_18ipbgd_31 ._indicator_18ipbgd_19{
30
+ ._dark_10v5h51_35._classic_10v5h51_31 ._indicator_10v5h51_19{
31
31
  background-color:#8473FF;
32
32
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
33
33
  }
34
- ._light_18ipbgd_31._rock_18ipbgd_39 ._indicator_18ipbgd_19{
34
+ ._light_10v5h51_31._rock_10v5h51_39 ._indicator_10v5h51_19{
35
35
  background-color:#19191C;
36
36
  }
37
- ._dark_18ipbgd_35._rock_18ipbgd_39 ._indicator_18ipbgd_19{
37
+ ._dark_10v5h51_35._rock_10v5h51_39 ._indicator_10v5h51_19{
38
38
  background-color:#FFFFFF;
39
39
  }
40
- ._tab_18ipbgd_13{
40
+ ._tab_10v5h51_13{
41
41
  position:relative;
42
42
 
43
43
  display:-webkit-box;
@@ -81,19 +81,19 @@
81
81
  -moz-osx-font-smoothing:inherit;
82
82
  -webkit-appearance:none;
83
83
  }
84
- ._tab_18ipbgd_13::-moz-focus-inner{
84
+ ._tab_10v5h51_13::-moz-focus-inner{
85
85
  padding:0;
86
86
 
87
87
  border:none;
88
88
  }
89
- ._tab_18ipbgd_13:hover,
90
- ._tab_18ipbgd_13:active,
91
- ._tab_18ipbgd_13:focus{
89
+ ._tab_10v5h51_13:hover,
90
+ ._tab_10v5h51_13:active,
91
+ ._tab_10v5h51_13:focus{
92
92
  outline:none;
93
93
 
94
94
  text-decoration:none;
95
95
  }
96
- ._tab_18ipbgd_13:after{
96
+ ._tab_10v5h51_13:after{
97
97
  position:absolute;
98
98
  bottom:0;
99
99
  left:0;
@@ -105,13 +105,13 @@
105
105
 
106
106
  background-color:transparent;
107
107
  }
108
- ._tab_18ipbgd_13:after:focus[data-focus-method='key']{
108
+ ._tab_10v5h51_13:after:focus[data-focus-method='key']{
109
109
  opacity:0;
110
110
  }
111
- ._tab_18ipbgd_13:hover:after{
111
+ ._tab_10v5h51_13:hover:after{
112
112
  height:1px;
113
113
  }
114
- ._sizeM_18ipbgd_125 ._tab_18ipbgd_13{
114
+ ._sizeM_10v5h51_125 ._tab_10v5h51_13{
115
115
  letter-spacing:0.0015em;
116
116
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
117
117
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -123,13 +123,13 @@
123
123
  line-height:24px;
124
124
  line-height:var(--rs-text-2-line-height, 24px);
125
125
  }
126
- ._rs-reset-letter-spacing_18ipbgd_1 ._sizeM_18ipbgd_125 ._tab_18ipbgd_13{
126
+ ._rs-reset-letter-spacing_10v5h51_1 ._sizeM_10v5h51_125 ._tab_10v5h51_13{
127
127
  letter-spacing:normal;
128
128
  }
129
- ._sizeM_18ipbgd_125 ._tab_18ipbgd_13 {
129
+ ._sizeM_10v5h51_125 ._tab_10v5h51_13 {
130
130
  padding:8px 0;
131
131
  }
132
- ._sizeL_18ipbgd_130 ._tab_18ipbgd_13{
132
+ ._sizeL_10v5h51_130 ._tab_10v5h51_13{
133
133
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
134
134
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
135
135
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -141,37 +141,37 @@
141
141
  line-height:var(--rs-text-1-line-height, 28px);
142
142
  padding:12px 0;
143
143
  }
144
- ._innerOffsetM_18ipbgd_135 ._tab_18ipbgd_13{
144
+ ._innerOffsetM_10v5h51_135 ._tab_10v5h51_13{
145
145
  margin-left:24px;
146
146
  }
147
147
  @media screen and (max-width: 640px){
148
- ._innerOffsetM_18ipbgd_135 ._tab_18ipbgd_13{
148
+ ._innerOffsetM_10v5h51_135 ._tab_10v5h51_13{
149
149
  margin-left:16px
150
150
  }
151
151
  }
152
- ._innerOffsetL_18ipbgd_143 ._tab_18ipbgd_13{
152
+ ._innerOffsetL_10v5h51_143 ._tab_10v5h51_13{
153
153
  margin-left:32px;
154
154
  }
155
155
  @media screen and (max-width: 640px){
156
- ._innerOffsetL_18ipbgd_143 ._tab_18ipbgd_13{
156
+ ._innerOffsetL_10v5h51_143 ._tab_10v5h51_13{
157
157
  margin-left:24px
158
158
  }
159
159
  }
160
- ._light_18ipbgd_31 ._tab_18ipbgd_13{
160
+ ._light_10v5h51_31 ._tab_10v5h51_13{
161
161
  color:rgba(25,25,28,0.7);
162
162
  }
163
- ._dark_18ipbgd_35 ._tab_18ipbgd_13{
163
+ ._dark_10v5h51_35 ._tab_10v5h51_13{
164
164
  color:rgba(255,255,255,0.7);
165
165
  }
166
- ._light_18ipbgd_31 ._tab_18ipbgd_13._short_18ipbgd_159{
166
+ ._light_10v5h51_31 ._tab_10v5h51_13._short_10v5h51_159{
167
167
  -webkit-box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
168
168
  box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
169
169
  }
170
- ._dark_18ipbgd_35 ._tab_18ipbgd_13._short_18ipbgd_159{
170
+ ._dark_10v5h51_35 ._tab_10v5h51_13._short_10v5h51_159{
171
171
  -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
172
172
  box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
173
173
  }
174
- ._tab_18ipbgd_13._selected_18ipbgd_167{
174
+ ._tab_10v5h51_13._selected_10v5h51_167{
175
175
  z-index:1;
176
176
 
177
177
  cursor:default;
@@ -180,110 +180,110 @@
180
180
 
181
181
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
182
182
  }
183
- ._tab_18ipbgd_13._selected_18ipbgd_167:after{
183
+ ._tab_10v5h51_13._selected_10v5h51_167:after{
184
184
  height:2px;
185
185
 
186
186
  -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
187
187
 
188
188
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
189
189
  }
190
- ._light_18ipbgd_31 ._tab_18ipbgd_13:hover{
190
+ ._light_10v5h51_31 ._tab_10v5h51_13:hover{
191
191
  color:#19191C;
192
192
  }
193
- ._light_18ipbgd_31 ._tab_18ipbgd_13:hover:after{
193
+ ._light_10v5h51_31 ._tab_10v5h51_13:hover:after{
194
194
  background-color:#19191C;
195
195
  }
196
- ._dark_18ipbgd_35 ._tab_18ipbgd_13:hover{
196
+ ._dark_10v5h51_35 ._tab_10v5h51_13:hover{
197
197
  color:#FFFFFF;
198
198
  }
199
- ._dark_18ipbgd_35 ._tab_18ipbgd_13:hover:after{
199
+ ._dark_10v5h51_35 ._tab_10v5h51_13:hover:after{
200
200
  background-color:#FFFFFF;
201
201
  }
202
- ._light_18ipbgd_31._rock_18ipbgd_39 ._tab_18ipbgd_13._selected_18ipbgd_167{
202
+ ._light_10v5h51_31._rock_10v5h51_39 ._tab_10v5h51_13._selected_10v5h51_167{
203
203
  color:#19191C;
204
204
  }
205
- ._light_18ipbgd_31._rock_18ipbgd_39 ._tab_18ipbgd_13._selected_18ipbgd_167:after{
205
+ ._light_10v5h51_31._rock_10v5h51_39 ._tab_10v5h51_13._selected_10v5h51_167:after{
206
206
  background-color:#19191C;
207
207
  }
208
- ._dark_18ipbgd_35._rock_18ipbgd_39 ._tab_18ipbgd_13._selected_18ipbgd_167{
208
+ ._dark_10v5h51_35._rock_10v5h51_39 ._tab_10v5h51_13._selected_10v5h51_167{
209
209
  color:#FFFFFF;
210
210
  }
211
- ._dark_18ipbgd_35._rock_18ipbgd_39 ._tab_18ipbgd_13._selected_18ipbgd_167:after{
211
+ ._dark_10v5h51_35._rock_10v5h51_39 ._tab_10v5h51_13._selected_10v5h51_167:after{
212
212
  background-color:#FFFFFF;
213
213
  }
214
- ._light_18ipbgd_31._classic_18ipbgd_31 ._tab_18ipbgd_13._selected_18ipbgd_167{
214
+ ._light_10v5h51_31._classic_10v5h51_31 ._tab_10v5h51_13._selected_10v5h51_167{
215
215
  color:#6B57FF;
216
216
  color:var(--rs-color-primary-light-theme, #6B57FF);
217
217
  }
218
- ._light_18ipbgd_31._classic_18ipbgd_31 ._tab_18ipbgd_13._selected_18ipbgd_167:after{
218
+ ._light_10v5h51_31._classic_10v5h51_31 ._tab_10v5h51_13._selected_10v5h51_167:after{
219
219
  background-color:#6B57FF;
220
220
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
221
221
  }
222
- ._dark_18ipbgd_35._classic_18ipbgd_31 ._tab_18ipbgd_13._selected_18ipbgd_167{
222
+ ._dark_10v5h51_35._classic_10v5h51_31 ._tab_10v5h51_13._selected_10v5h51_167{
223
223
  color:#8473FF;
224
224
  color:var(--rs-color-primary-dark-theme, #8473FF);
225
225
  }
226
- ._dark_18ipbgd_35._classic_18ipbgd_31 ._tab_18ipbgd_13._selected_18ipbgd_167:after{
226
+ ._dark_10v5h51_35._classic_10v5h51_31 ._tab_10v5h51_13._selected_10v5h51_167:after{
227
227
  background-color:#8473FF;
228
228
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
229
229
  }
230
- ._light_18ipbgd_31 ._tab_18ipbgd_13:focus[data-focus-method='key']{
230
+ ._light_10v5h51_31 ._tab_10v5h51_13:focus[data-focus-method='key']{
231
231
  -webkit-box-shadow:inset #8979ff 0 -4px 0 0, inset #8979ff 0 4px 0 0, #8979ff -4px 0 0 0, #8979ff 4px 0 0 0;
232
232
  -webkit-box-shadow:inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) 4px 0 0 0;
233
233
  box-shadow:inset #8979ff 0 -4px 0 0, inset #8979ff 0 4px 0 0, #8979ff -4px 0 0 0, #8979ff 4px 0 0 0;
234
234
  box-shadow:inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) 4px 0 0 0;
235
235
  }
236
- ._light_18ipbgd_31 ._tab_18ipbgd_13:focus[data-focus-method='key']:after{
236
+ ._light_10v5h51_31 ._tab_10v5h51_13:focus[data-focus-method='key']:after{
237
237
  opacity:0;
238
238
  }
239
- ._dark_18ipbgd_35 ._tab_18ipbgd_13:focus[data-focus-method='key']{
239
+ ._dark_10v5h51_35 ._tab_10v5h51_13:focus[data-focus-method='key']{
240
240
  -webkit-box-shadow:inset #6f61d2 0 -4px 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 -4px 0 0 0, #6f61d2 4px 0 0 0;
241
241
  -webkit-box-shadow:inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) 4px 0 0 0;
242
242
  box-shadow:inset #6f61d2 0 -4px 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 -4px 0 0 0, #6f61d2 4px 0 0 0;
243
243
  box-shadow:inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) 4px 0 0 0;
244
244
  }
245
- ._dark_18ipbgd_35 ._tab_18ipbgd_13:focus[data-focus-method='key']:after{
245
+ ._dark_10v5h51_35 ._tab_10v5h51_13:focus[data-focus-method='key']:after{
246
246
  opacity:0;
247
247
  }
248
- ._innerOffsetL_18ipbgd_143 ._tab_18ipbgd_13:first-child,
249
- ._innerOffsetM_18ipbgd_135 ._tab_18ipbgd_13:first-child{
248
+ ._innerOffsetL_10v5h51_143 ._tab_10v5h51_13:first-child,
249
+ ._innerOffsetM_10v5h51_135 ._tab_10v5h51_13:first-child{
250
250
  margin-left:0;
251
251
  }
252
252
  @media screen and (max-width: 640px){
253
- ._innerOffsetL_18ipbgd_143 ._tab_18ipbgd_13:first-child,
254
- ._innerOffsetM_18ipbgd_135 ._tab_18ipbgd_13:first-child{
253
+ ._innerOffsetL_10v5h51_143 ._tab_10v5h51_13:first-child,
254
+ ._innerOffsetM_10v5h51_135 ._tab_10v5h51_13:first-child{
255
255
  margin-left:0
256
256
  }
257
257
  }
258
- ._icon_18ipbgd_269{
258
+ ._icon_10v5h51_269{
259
259
  -webkit-box-flex:0;
260
260
  -ms-flex:0 0;
261
261
  flex:0 0;
262
262
  -ms-flex-preferred-size:auto;
263
263
  flex-basis:auto;
264
264
  }
265
- ._sizeM_18ipbgd_125 ._icon_18ipbgd_269{
265
+ ._sizeM_10v5h51_125 ._icon_10v5h51_269{
266
266
  width:24px;
267
267
  height:24px;
268
268
  }
269
- ._sizeL_18ipbgd_130 ._icon_18ipbgd_269{
269
+ ._sizeL_10v5h51_130 ._icon_10v5h51_269{
270
270
  width:28px;
271
271
  height:28px;
272
272
  }
273
- ._sizeM_18ipbgd_125 ._icon_18ipbgd_269._iconLeft_18ipbgd_283{
273
+ ._sizeM_10v5h51_125 ._icon_10v5h51_269._iconLeft_10v5h51_283{
274
274
  margin-right:4px;
275
275
  }
276
- ._sizeL_18ipbgd_130 ._icon_18ipbgd_269._iconLeft_18ipbgd_283{
276
+ ._sizeL_10v5h51_130 ._icon_10v5h51_269._iconLeft_10v5h51_283{
277
277
  margin-right:8px;
278
278
  }
279
- ._sizeM_18ipbgd_125 ._icon_18ipbgd_269._iconRight_18ipbgd_291{
279
+ ._sizeM_10v5h51_125 ._icon_10v5h51_269._iconRight_10v5h51_291{
280
280
  margin-left:4px;
281
281
  }
282
- ._sizeL_18ipbgd_130 ._icon_18ipbgd_269._iconRight_18ipbgd_291{
282
+ ._sizeL_10v5h51_130 ._icon_10v5h51_269._iconRight_10v5h51_291{
283
283
  margin-left:8px;
284
284
  }
285
285
 
286
- ._wrapper_iw2wds_4{
286
+ ._wrapper_1qu39vs_4{
287
287
  position:relative;
288
288
 
289
289
  display:-webkit-box;
@@ -292,7 +292,7 @@
292
292
 
293
293
  display:flex;
294
294
  }
295
- ._scrollable_iw2wds_10{
295
+ ._scrollable_1qu39vs_10{
296
296
  display:-webkit-box;
297
297
  display:-ms-flexbox;
298
298
  display:flex;
@@ -301,7 +301,7 @@
301
301
  margin:-4px;
302
302
  padding:4px;
303
303
  }
304
- ._scrollable_iw2wds_10::after{
304
+ ._scrollable_1qu39vs_10::after{
305
305
  display:block;
306
306
 
307
307
  height:100%;
@@ -310,15 +310,15 @@
310
310
 
311
311
  content:'';
312
312
  }
313
- ._scrollable_iw2wds_10 {
313
+ ._scrollable_1qu39vs_10 {
314
314
 
315
315
  -ms-overflow-style:none;
316
316
  scrollbar-width:none;
317
317
  }
318
- ._scrollable_iw2wds_10::-webkit-scrollbar{
318
+ ._scrollable_1qu39vs_10::-webkit-scrollbar{
319
319
  display:none;
320
320
  }
321
- ._arrow_iw2wds_39{
321
+ ._arrow_1qu39vs_39{
322
322
  position:absolute;
323
323
  z-index:2;
324
324
  top:50%;
@@ -346,13 +346,13 @@
346
346
  -webkit-transform:translateY(-50%);
347
347
  transform:translateY(-50%);
348
348
  }
349
- ._light_iw2wds_58 ._arrow_iw2wds_39{
349
+ ._light_1qu39vs_58 ._arrow_1qu39vs_39{
350
350
  color:#FFFFFF;
351
351
  }
352
- ._dark_iw2wds_61 ._arrow_iw2wds_39{
352
+ ._dark_1qu39vs_61 ._arrow_1qu39vs_39{
353
353
  color:#19191C;
354
354
  }
355
- ._arrow_iw2wds_39._shown_iw2wds_65{
355
+ ._arrow_1qu39vs_39._shown_1qu39vs_65{
356
356
  opacity:1;
357
357
 
358
358
  pointer-events:auto;
@@ -361,13 +361,13 @@
361
361
 
362
362
  transition:opacity 0.15s ease-in;
363
363
  }
364
- ._arrow_iw2wds_39._arrowLeft_iw2wds_73{
364
+ ._arrow_1qu39vs_39._arrowLeft_1qu39vs_73{
365
365
  left:-5px;
366
366
  }
367
- ._arrow_iw2wds_39._arrowRight_iw2wds_78{
367
+ ._arrow_1qu39vs_39._arrowRight_1qu39vs_78{
368
368
  right:-5px;
369
369
  }
370
- ._withLeftArrow_iw2wds_84{
370
+ ._withLeftArrow_1qu39vs_84{
371
371
  -webkit-mask-image:-webkit-gradient(
372
372
  linear,
373
373
  left top, right top,
@@ -395,7 +395,7 @@
395
395
  black 56px
396
396
  );
397
397
  }
398
- ._withRightArrow_iw2wds_93{
398
+ ._withRightArrow_1qu39vs_93{
399
399
  -webkit-mask-image:-webkit-gradient(
400
400
  linear,
401
401
  right top, left top,
@@ -423,7 +423,7 @@
423
423
  black 56px
424
424
  );
425
425
  }
426
- ._withLeftArrow_iw2wds_84._withRightArrow_iw2wds_93{
426
+ ._withLeftArrow_1qu39vs_84._withRightArrow_1qu39vs_93{
427
427
  -webkit-mask-image:-webkit-gradient(
428
428
  linear,
429
429
  left top, right top,
@@ -463,18 +463,18 @@
463
463
  rgba(0, 0, 0, 0) 100%
464
464
  );
465
465
  }
466
- ._arrowButton_iw2wds_114{
466
+ ._arrowButton_1qu39vs_114{
467
467
  cursor:pointer;
468
468
  }
469
469
 
470
- ._separator_1o5g2mp_3{
470
+ ._separator_1jkn3xl_3{
471
471
  position:relative;
472
472
  z-index:2;
473
473
 
474
474
  width:100%;
475
475
  }
476
476
 
477
- ._separator_1o5g2mp_3:after{
477
+ ._separator_1jkn3xl_3:after{
478
478
  position:absolute;
479
479
  right:0;
480
480
  bottom:0;
@@ -484,9 +484,9 @@
484
484
 
485
485
  content:'';
486
486
  }
487
- ._light_1o5g2mp_22:after{
487
+ ._light_1jkn3xl_22:after{
488
488
  background-color:rgba(25,25,28,0.3);
489
489
  }
490
- ._dark_1o5g2mp_28:after{
490
+ ._dark_1jkn3xl_28:after{
491
491
  background-color:rgba(255,255,255,0.4);
492
492
  }
package/lib/index.d.ts CHANGED
@@ -1,3 +1,6 @@
1
1
  export { default as TabList } from './tab-list';
2
+ export type { TabListProps } from './tab-list';
2
3
  export { default as TabSeparator } from './parts/tab-separator';
4
+ export type { TabSeparatorProps } from './parts/tab-separator';
3
5
  export { default as Tab } from './parts/tab';
6
+ export type { TabProps } from './parts/tab';
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "separator": "_separator_1o5g2mp_3",
3
- "light": "_light_1o5g2mp_22",
4
- "dark": "_dark_1o5g2mp_28"
2
+ "separator": "_separator_1jkn3xl_3",
3
+ "light": "_light_1jkn3xl_22",
4
+ "dark": "_dark_1jkn3xl_28"
5
5
  };
6
6
  export { styles as default };
package/lib/parts/tab-list.p.module.css.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_18ipbgd_9",
3
- "tabsContainer": "_tabsContainer_18ipbgd_13",
4
- "indicator": "_indicator_18ipbgd_19",
5
- "light": "_light_18ipbgd_31",
6
- "classic": "_classic_18ipbgd_31",
7
- "dark": "_dark_18ipbgd_35",
8
- "rock": "_rock_18ipbgd_39",
9
- "tab": "_tab_18ipbgd_13",
10
- "sizeM": "_sizeM_18ipbgd_125",
11
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_18ipbgd_1",
12
- "sizeL": "_sizeL_18ipbgd_130",
13
- "innerOffsetM": "_innerOffsetM_18ipbgd_135",
14
- "innerOffsetL": "_innerOffsetL_18ipbgd_143",
15
- "short": "_short_18ipbgd_159",
16
- "selected": "_selected_18ipbgd_167",
17
- "icon": "_icon_18ipbgd_269",
18
- "iconLeft": "_iconLeft_18ipbgd_283",
19
- "iconRight": "_iconRight_18ipbgd_291"
2
+ "wrapper": "_wrapper_10v5h51_9",
3
+ "tabsContainer": "_tabsContainer_10v5h51_13",
4
+ "indicator": "_indicator_10v5h51_19",
5
+ "light": "_light_10v5h51_31",
6
+ "classic": "_classic_10v5h51_31",
7
+ "dark": "_dark_10v5h51_35",
8
+ "rock": "_rock_10v5h51_39",
9
+ "tab": "_tab_10v5h51_13",
10
+ "sizeM": "_sizeM_10v5h51_125",
11
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_10v5h51_1",
12
+ "sizeL": "_sizeL_10v5h51_130",
13
+ "innerOffsetM": "_innerOffsetM_10v5h51_135",
14
+ "innerOffsetL": "_innerOffsetL_10v5h51_143",
15
+ "short": "_short_10v5h51_159",
16
+ "selected": "_selected_10v5h51_167",
17
+ "icon": "_icon_10v5h51_269",
18
+ "iconLeft": "_iconLeft_10v5h51_283",
19
+ "iconRight": "_iconRight_10v5h51_291"
20
20
  };
21
21
  export { styles as default };
package/lib/parts/with-scroll-arrows.js CHANGED
@@ -16,7 +16,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
16
16
 
17
17
  import React from 'react';
18
18
  import cn from 'classnames';
19
- import Button from '@rescui/button';
19
+ import { Button } from '@rescui/button';
20
20
  import { LeftIcon, RightIcon } from '@rescui/icons';
21
21
  import { useTheme } from '@rescui/ui-contexts';
22
22
  import { useScrollableList } from './use-scrollable-list.js';
package/lib/parts/with-scroll-arrows.p.module.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_iw2wds_4",
3
- "scrollable": "_scrollable_iw2wds_10",
4
- "arrow": "_arrow_iw2wds_39",
5
- "light": "_light_iw2wds_58",
6
- "dark": "_dark_iw2wds_61",
7
- "shown": "_shown_iw2wds_65",
8
- "arrowLeft": "_arrowLeft_iw2wds_73",
9
- "arrowRight": "_arrowRight_iw2wds_78",
10
- "withLeftArrow": "_withLeftArrow_iw2wds_84",
11
- "withRightArrow": "_withRightArrow_iw2wds_93",
12
- "arrowButton": "_arrowButton_iw2wds_114"
2
+ "wrapper": "_wrapper_1qu39vs_4",
3
+ "scrollable": "_scrollable_1qu39vs_10",
4
+ "arrow": "_arrow_1qu39vs_39",
5
+ "light": "_light_1qu39vs_58",
6
+ "dark": "_dark_1qu39vs_61",
7
+ "shown": "_shown_1qu39vs_65",
8
+ "arrowLeft": "_arrowLeft_1qu39vs_73",
9
+ "arrowRight": "_arrowRight_1qu39vs_78",
10
+ "withLeftArrow": "_withLeftArrow_1qu39vs_84",
11
+ "withRightArrow": "_withRightArrow_1qu39vs_93",
12
+ "arrowButton": "_arrowButton_1qu39vs_114"
13
13
  };
14
14
  export { styles as default };
package/lib/tab-list.d.ts CHANGED
@@ -31,4 +31,5 @@ export declare const TabList: {
31
31
  }>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
32
32
  displayName: string;
33
33
  };
34
+ export declare type TabListProps = React.ComponentProps<typeof TabList>;
34
35
  export default TabList;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.9.4",
3
+ "version": "0.10.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,8 +17,8 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.14.0",
19
19
  "@juggle/resize-observer": "3.3.0",
20
- "@rescui/button": "^0.8.4",
21
- "@rescui/icons": "^0.10.4",
20
+ "@rescui/button": "^0.9.0",
21
+ "@rescui/icons": "^0.11.0",
22
22
  "classnames": "^2.2.6",
23
23
  "core-js": "^3.9.1"
24
24
  },
@@ -28,14 +28,14 @@
28
28
  "react": ">=16.8.0 <18"
29
29
  },
30
30
  "devDependencies": {
31
- "@rescui/colors": "^0.1.5",
31
+ "@rescui/colors": "^0.1.6",
32
32
  "@rescui/postcss-preset-library": "^0.1.0",
33
- "@rescui/scripts": "^0.1.7",
34
- "@rescui/typography": "^0.9.0",
33
+ "@rescui/scripts": "^0.2.0",
34
+ "@rescui/typography": "^0.10.0",
35
35
  "@rescui/visual-regression": "^0.0.4"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "dabdf725c89406ff04be3ac8148a70db22648e27"
40
+ "gitHead": "c87adfdebe07392a0aa67ce434ce465762d8fa95"
41
41
  }