@rescui/tab-list 0.6.0 → 0.6.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.
Files changed (7) hide show
  1. package/lib/index.css +97 -97
  2. package/lib/parts/separator.module.pcss.js +3 -3
  3. package/lib/parts/tab-list.module.pcss.js +18 -18
  4. package/lib/parts/with-scroll-arrows.d.ts +1 -1
  5. package/lib/parts/with-scroll-arrows.module.pcss.js +10 -10
  6. package/lib/tab-list.d.ts +1 -1
  7. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
- ._wrapper_1v89lst_9{
1
+ ._wrapper_1s4yhe8_9{
2
2
  position:relative;
3
3
  }
4
- ._tabsContainer_1v89lst_13{
4
+ ._tabsContainer_1s4yhe8_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_1v89lst_19{
13
+ ._indicator_1s4yhe8_19{
14
14
  position:absolute;
15
15
  z-index:3;
16
16
  bottom:0;
@@ -25,21 +25,21 @@
25
25
  width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
26
26
  will-change:left, width;
27
27
  }
28
- ._light_1v89lst_31._classic_1v89lst_31 ._indicator_1v89lst_19{
29
- background-color:#167DFF;
30
- background-color:var(--rs-color-primary-light-theme, #167DFF);
28
+ ._light_1s4yhe8_31._classic_1s4yhe8_31 ._indicator_1s4yhe8_19{
29
+ background-color:#6B57FF;
30
+ background-color:var(--rs-color-primary-light-theme, #6B57FF);
31
31
  }
32
- ._dark_1v89lst_35._classic_1v89lst_31 ._indicator_1v89lst_19{
33
- background-color:#4CA6ff;
34
- background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
32
+ ._dark_1s4yhe8_35._classic_1s4yhe8_31 ._indicator_1s4yhe8_19{
33
+ background-color:#8473FF;
34
+ background-color:var(--rs-color-primary-dark-theme, #8473FF);
35
35
  }
36
- ._light_1v89lst_31._rock_1v89lst_39 ._indicator_1v89lst_19{
36
+ ._light_1s4yhe8_31._rock_1s4yhe8_39 ._indicator_1s4yhe8_19{
37
37
  background-color:#19191C;
38
38
  }
39
- ._dark_1v89lst_35._rock_1v89lst_39 ._indicator_1v89lst_19{
39
+ ._dark_1s4yhe8_35._rock_1s4yhe8_39 ._indicator_1s4yhe8_19{
40
40
  background-color:#FFFFFF;
41
41
  }
42
- ._tab_1v89lst_13{
42
+ ._tab_1s4yhe8_13{
43
43
  position:relative;
44
44
 
45
45
  display:-webkit-box;
@@ -66,14 +66,14 @@
66
66
  cursor:pointer;
67
67
  white-space:nowrap;
68
68
  }
69
- ._tab_1v89lst_13:hover,
70
- ._tab_1v89lst_13:active,
71
- ._tab_1v89lst_13:focus{
69
+ ._tab_1s4yhe8_13:hover,
70
+ ._tab_1s4yhe8_13:active,
71
+ ._tab_1s4yhe8_13:focus{
72
72
  outline:none;
73
73
 
74
74
  text-decoration:none;
75
75
  }
76
- ._tab_1v89lst_13:after{
76
+ ._tab_1s4yhe8_13:after{
77
77
  position:absolute;
78
78
  bottom:0;
79
79
  left:0;
@@ -85,13 +85,13 @@
85
85
 
86
86
  background-color:transparent;
87
87
  }
88
- ._tab_1v89lst_13:after:focus[data-focus-method='key']{
88
+ ._tab_1s4yhe8_13:after:focus[data-focus-method='key']{
89
89
  opacity:0;
90
90
  }
91
- ._tab_1v89lst_13:hover:after{
91
+ ._tab_1s4yhe8_13:hover:after{
92
92
  height:1px;
93
93
  }
94
- ._sizeM_1v89lst_99 ._tab_1v89lst_13{
94
+ ._sizeM_1s4yhe8_99 ._tab_1s4yhe8_13{
95
95
  letter-spacing:0.0015em;
96
96
  color:rgba(25,25,28,0.7);
97
97
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
@@ -103,13 +103,13 @@
103
103
  line-height:24px;
104
104
  line-height:var(--rs-text-2-line-height, 24px);
105
105
  }
106
- ._rs-reset-letter-spacing_1v89lst_1 ._sizeM_1v89lst_99 ._tab_1v89lst_13{
106
+ ._rs-reset-letter-spacing_1s4yhe8_1 ._sizeM_1s4yhe8_99 ._tab_1s4yhe8_13{
107
107
  letter-spacing:normal;
108
108
  }
109
- ._sizeM_1v89lst_99 ._tab_1v89lst_13 {
109
+ ._sizeM_1s4yhe8_99 ._tab_1s4yhe8_13 {
110
110
  padding:8px 0;
111
111
  }
112
- ._sizeL_1v89lst_104 ._tab_1v89lst_13{
112
+ ._sizeL_1s4yhe8_104 ._tab_1s4yhe8_13{
113
113
  color:rgba(25,25,28,0.7);
114
114
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
115
115
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -121,37 +121,37 @@
121
121
  line-height:var(--rs-text-1-line-height, 28px);
122
122
  padding:12px 0;
123
123
  }
124
- ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13{
124
+ ._innerOffsetM_1s4yhe8_109 ._tab_1s4yhe8_13{
125
125
  margin-left:24px;
126
126
  }
127
127
  @media screen and (max-width: 640px){
128
- ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13{
128
+ ._innerOffsetM_1s4yhe8_109 ._tab_1s4yhe8_13{
129
129
  margin-left:16px
130
130
  }
131
131
  }
132
- ._innerOffsetL_1v89lst_117 ._tab_1v89lst_13{
132
+ ._innerOffsetL_1s4yhe8_117 ._tab_1s4yhe8_13{
133
133
  margin-left:32px;
134
134
  }
135
135
  @media screen and (max-width: 640px){
136
- ._innerOffsetL_1v89lst_117 ._tab_1v89lst_13{
136
+ ._innerOffsetL_1s4yhe8_117 ._tab_1s4yhe8_13{
137
137
  margin-left:24px
138
138
  }
139
139
  }
140
- ._light_1v89lst_31 ._tab_1v89lst_13{
140
+ ._light_1s4yhe8_31 ._tab_1s4yhe8_13{
141
141
  color:rgba(25,25,28,0.7);
142
142
  }
143
- ._dark_1v89lst_35 ._tab_1v89lst_13{
143
+ ._dark_1s4yhe8_35 ._tab_1s4yhe8_13{
144
144
  color:rgba(255,255,255,0.7);
145
145
  }
146
- ._light_1v89lst_31 ._tab_1v89lst_13._short_1v89lst_133{
146
+ ._light_1s4yhe8_31 ._tab_1s4yhe8_13._short_1s4yhe8_133{
147
147
  -webkit-box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
148
148
  box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
149
149
  }
150
- ._dark_1v89lst_35 ._tab_1v89lst_13._short_1v89lst_133{
150
+ ._dark_1s4yhe8_35 ._tab_1s4yhe8_13._short_1s4yhe8_133{
151
151
  -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
152
152
  box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
153
153
  }
154
- ._tab_1v89lst_13._selected_1v89lst_141{
154
+ ._tab_1s4yhe8_13._selected_1s4yhe8_141{
155
155
  z-index:1;
156
156
 
157
157
  cursor:default;
@@ -160,110 +160,110 @@
160
160
 
161
161
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
162
162
  }
163
- ._tab_1v89lst_13._selected_1v89lst_141:after{
163
+ ._tab_1s4yhe8_13._selected_1s4yhe8_141:after{
164
164
  height:2px;
165
165
 
166
166
  -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
167
167
 
168
168
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
169
169
  }
170
- ._light_1v89lst_31 ._tab_1v89lst_13:hover{
170
+ ._light_1s4yhe8_31 ._tab_1s4yhe8_13:hover{
171
171
  color:#19191C;
172
172
  }
173
- ._light_1v89lst_31 ._tab_1v89lst_13:hover:after{
173
+ ._light_1s4yhe8_31 ._tab_1s4yhe8_13:hover:after{
174
174
  background-color:#19191C;
175
175
  }
176
- ._dark_1v89lst_35 ._tab_1v89lst_13:hover{
176
+ ._dark_1s4yhe8_35 ._tab_1s4yhe8_13:hover{
177
177
  color:#FFFFFF;
178
178
  }
179
- ._dark_1v89lst_35 ._tab_1v89lst_13:hover:after{
179
+ ._dark_1s4yhe8_35 ._tab_1s4yhe8_13:hover:after{
180
180
  background-color:#FFFFFF;
181
181
  }
182
- ._light_1v89lst_31._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141{
182
+ ._light_1s4yhe8_31._rock_1s4yhe8_39 ._tab_1s4yhe8_13._selected_1s4yhe8_141{
183
183
  color:#19191C;
184
184
  }
185
- ._light_1v89lst_31._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141:after{
185
+ ._light_1s4yhe8_31._rock_1s4yhe8_39 ._tab_1s4yhe8_13._selected_1s4yhe8_141:after{
186
186
  background-color:#19191C;
187
187
  }
188
- ._dark_1v89lst_35._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141{
188
+ ._dark_1s4yhe8_35._rock_1s4yhe8_39 ._tab_1s4yhe8_13._selected_1s4yhe8_141{
189
189
  color:#FFFFFF;
190
190
  }
191
- ._dark_1v89lst_35._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141:after{
191
+ ._dark_1s4yhe8_35._rock_1s4yhe8_39 ._tab_1s4yhe8_13._selected_1s4yhe8_141:after{
192
192
  background-color:#FFFFFF;
193
193
  }
194
- ._light_1v89lst_31._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141{
195
- color:#167DFF;
196
- color:var(--rs-color-primary-light-theme, #167DFF);
194
+ ._light_1s4yhe8_31._classic_1s4yhe8_31 ._tab_1s4yhe8_13._selected_1s4yhe8_141{
195
+ color:#6B57FF;
196
+ color:var(--rs-color-primary-light-theme, #6B57FF);
197
197
  }
198
- ._light_1v89lst_31._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141:after{
199
- background-color:#167DFF;
200
- background-color:var(--rs-color-primary-light-theme, #167DFF);
198
+ ._light_1s4yhe8_31._classic_1s4yhe8_31 ._tab_1s4yhe8_13._selected_1s4yhe8_141:after{
199
+ background-color:#6B57FF;
200
+ background-color:var(--rs-color-primary-light-theme, #6B57FF);
201
201
  }
202
- ._dark_1v89lst_35._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141{
203
- color:#4CA6ff;
204
- color:var(--rs-color-primary-dark-theme, #4CA6ff);
202
+ ._dark_1s4yhe8_35._classic_1s4yhe8_31 ._tab_1s4yhe8_13._selected_1s4yhe8_141{
203
+ color:#8473FF;
204
+ color:var(--rs-color-primary-dark-theme, #8473FF);
205
205
  }
206
- ._dark_1v89lst_35._classic_1v89lst_31 ._tab_1v89lst_13._selected_1v89lst_141:after{
207
- background-color:#4CA6ff;
208
- background-color:var(--rs-color-primary-dark-theme, #4CA6ff);
206
+ ._dark_1s4yhe8_35._classic_1s4yhe8_31 ._tab_1s4yhe8_13._selected_1s4yhe8_141:after{
207
+ background-color:#8473FF;
208
+ background-color:var(--rs-color-primary-dark-theme, #8473FF);
209
209
  }
210
- ._light_1v89lst_31 ._tab_1v89lst_13:focus[data-focus-method='key']{
211
- -webkit-box-shadow:inset #4597ff 0 -4px 0 0, inset #4597ff 0 4px 0 0, #4597ff -4px 0 0 0, #4597ff 4px 0 0 0;
212
- -webkit-box-shadow:inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) 4px 0 0 0;
213
- box-shadow:inset #4597ff 0 -4px 0 0, inset #4597ff 0 4px 0 0, #4597ff -4px 0 0 0, #4597ff 4px 0 0 0;
214
- box-shadow:inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 -4px 0 0, inset var(--rs-color-primary-dim-light-theme, #4597ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) -4px 0 0 0, var(--rs-color-primary-dim-light-theme, #4597ff) 4px 0 0 0;
210
+ ._light_1s4yhe8_31 ._tab_1s4yhe8_13:focus[data-focus-method='key']{
211
+ -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;
212
+ -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;
213
+ box-shadow:inset #8979ff 0 -4px 0 0, inset #8979ff 0 4px 0 0, #8979ff -4px 0 0 0, #8979ff 4px 0 0 0;
214
+ 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;
215
215
  }
216
- ._light_1v89lst_31 ._tab_1v89lst_13:focus[data-focus-method='key']:after{
216
+ ._light_1s4yhe8_31 ._tab_1s4yhe8_13:focus[data-focus-method='key']:after{
217
217
  opacity:0;
218
218
  }
219
- ._dark_1v89lst_35 ._tab_1v89lst_13:focus[data-focus-method='key']{
220
- -webkit-box-shadow:inset #428ad2 0 -4px 0 0, inset #428ad2 0 4px 0 0, #428ad2 -4px 0 0 0, #428ad2 4px 0 0 0;
221
- -webkit-box-shadow:inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) 4px 0 0 0;
222
- box-shadow:inset #428ad2 0 -4px 0 0, inset #428ad2 0 4px 0 0, #428ad2 -4px 0 0 0, #428ad2 4px 0 0 0;
223
- box-shadow:inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 -4px 0 0, inset var(--rs-color-primary-dim-dark-theme, #428ad2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) -4px 0 0 0, var(--rs-color-primary-dim-dark-theme, #428ad2) 4px 0 0 0;
219
+ ._dark_1s4yhe8_35 ._tab_1s4yhe8_13:focus[data-focus-method='key']{
220
+ -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;
221
+ -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;
222
+ box-shadow:inset #6f61d2 0 -4px 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 -4px 0 0 0, #6f61d2 4px 0 0 0;
223
+ 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;
224
224
  }
225
- ._dark_1v89lst_35 ._tab_1v89lst_13:focus[data-focus-method='key']:after{
225
+ ._dark_1s4yhe8_35 ._tab_1s4yhe8_13:focus[data-focus-method='key']:after{
226
226
  opacity:0;
227
227
  }
228
- ._innerOffsetL_1v89lst_117 ._tab_1v89lst_13:first-of-type,
229
- ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13:first-of-type{
228
+ ._innerOffsetL_1s4yhe8_117 ._tab_1s4yhe8_13:first-of-type,
229
+ ._innerOffsetM_1s4yhe8_109 ._tab_1s4yhe8_13:first-of-type{
230
230
  margin-left:0;
231
231
  }
232
232
  @media screen and (max-width: 640px){
233
- ._innerOffsetL_1v89lst_117 ._tab_1v89lst_13:first-of-type,
234
- ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13:first-of-type{
233
+ ._innerOffsetL_1s4yhe8_117 ._tab_1s4yhe8_13:first-of-type,
234
+ ._innerOffsetM_1s4yhe8_109 ._tab_1s4yhe8_13:first-of-type{
235
235
  margin-left:0
236
236
  }
237
237
  }
238
- ._icon_1v89lst_239{
238
+ ._icon_1s4yhe8_239{
239
239
  -webkit-box-flex:0;
240
240
  -ms-flex:0 0;
241
241
  flex:0 0;
242
242
  -ms-flex-preferred-size:auto;
243
243
  flex-basis:auto;
244
244
  }
245
- ._sizeM_1v89lst_99 ._icon_1v89lst_239{
245
+ ._sizeM_1s4yhe8_99 ._icon_1s4yhe8_239{
246
246
  width:24px;
247
247
  height:24px;
248
248
  }
249
- ._sizeL_1v89lst_104 ._icon_1v89lst_239{
249
+ ._sizeL_1s4yhe8_104 ._icon_1s4yhe8_239{
250
250
  width:28px;
251
251
  height:28px;
252
252
  }
253
- ._sizeM_1v89lst_99 ._icon_1v89lst_239._iconLeft_1v89lst_253{
253
+ ._sizeM_1s4yhe8_99 ._icon_1s4yhe8_239._iconLeft_1s4yhe8_253{
254
254
  margin-right:4px;
255
255
  }
256
- ._sizeL_1v89lst_104 ._icon_1v89lst_239._iconLeft_1v89lst_253{
256
+ ._sizeL_1s4yhe8_104 ._icon_1s4yhe8_239._iconLeft_1s4yhe8_253{
257
257
  margin-right:8px;
258
258
  }
259
- ._sizeM_1v89lst_99 ._icon_1v89lst_239._iconRight_1v89lst_261{
259
+ ._sizeM_1s4yhe8_99 ._icon_1s4yhe8_239._iconRight_1s4yhe8_261{
260
260
  margin-left:4px;
261
261
  }
262
- ._sizeL_1v89lst_104 ._icon_1v89lst_239._iconRight_1v89lst_261{
262
+ ._sizeL_1s4yhe8_104 ._icon_1s4yhe8_239._iconRight_1s4yhe8_261{
263
263
  margin-left:8px;
264
264
  }
265
265
 
266
- ._wrapper_12klgsx_4{
266
+ ._wrapper_6hvvng_4{
267
267
  position:relative;
268
268
 
269
269
  display:-webkit-box;
@@ -272,7 +272,7 @@
272
272
 
273
273
  display:flex;
274
274
  }
275
- ._scrollable_12klgsx_10{
275
+ ._scrollable_6hvvng_10{
276
276
  display:-webkit-box;
277
277
  display:-ms-flexbox;
278
278
  display:flex;
@@ -281,7 +281,7 @@
281
281
  margin:-4px;
282
282
  padding:4px;
283
283
  }
284
- ._scrollable_12klgsx_10::after{
284
+ ._scrollable_6hvvng_10::after{
285
285
  display:block;
286
286
 
287
287
  height:100%;
@@ -290,15 +290,15 @@
290
290
 
291
291
  content:'';
292
292
  }
293
- ._scrollable_12klgsx_10 {
293
+ ._scrollable_6hvvng_10 {
294
294
 
295
295
  -ms-overflow-style:none;
296
296
  scrollbar-width:none;
297
297
  }
298
- ._scrollable_12klgsx_10::-webkit-scrollbar{
298
+ ._scrollable_6hvvng_10::-webkit-scrollbar{
299
299
  display:none;
300
300
  }
301
- ._arrowShadow_12klgsx_39{
301
+ ._arrowShadow_6hvvng_39{
302
302
  position:absolute;
303
303
  top:0;
304
304
 
@@ -308,7 +308,7 @@
308
308
 
309
309
  pointer-events:none;
310
310
  }
311
- ._arrowShadow_12klgsx_39::before{
311
+ ._arrowShadow_6hvvng_39::before{
312
312
  position:absolute;
313
313
 
314
314
  display:block;
@@ -322,7 +322,7 @@
322
322
 
323
323
  box-shadow:0 0 12px 12px currentColor;
324
324
  }
325
- ._arrow_12klgsx_39{
325
+ ._arrow_6hvvng_39{
326
326
  position:absolute;
327
327
  z-index:2;
328
328
  top:50%;
@@ -348,15 +348,15 @@
348
348
  -webkit-transform:translateY(-50%);
349
349
  transform:translateY(-50%);
350
350
  }
351
- ._light_12klgsx_82 ._arrow_12klgsx_39{
351
+ ._light_6hvvng_82 ._arrow_6hvvng_39{
352
352
  color:#FFFFFF;
353
353
  background-color:#FFFFFF;
354
354
  }
355
- ._dark_12klgsx_86 ._arrow_12klgsx_39{
355
+ ._dark_6hvvng_86 ._arrow_6hvvng_39{
356
356
  color:#19191C;
357
357
  background-color:#19191C;
358
358
  }
359
- ._arrow_12klgsx_39._shown_12klgsx_91{
359
+ ._arrow_6hvvng_39._shown_6hvvng_91{
360
360
  opacity:1;
361
361
 
362
362
  pointer-events:auto;
@@ -365,36 +365,36 @@
365
365
 
366
366
  transition:opacity 0.15s ease-in;
367
367
  }
368
- ._arrow_12klgsx_39._arrowLeft_12klgsx_99{
368
+ ._arrow_6hvvng_39._arrowLeft_6hvvng_99{
369
369
  left:-5px;
370
370
  }
371
- ._arrow_12klgsx_39._arrowLeft_12klgsx_99 ._arrowShadow_12klgsx_39{
371
+ ._arrow_6hvvng_39._arrowLeft_6hvvng_99 ._arrowShadow_6hvvng_39{
372
372
  right:-24px;
373
373
  }
374
- ._arrow_12klgsx_39._arrowLeft_12klgsx_99 ._arrowShadow_12klgsx_39::before{
374
+ ._arrow_6hvvng_39._arrowLeft_6hvvng_99 ._arrowShadow_6hvvng_39::before{
375
375
  left:-100%;
376
376
  }
377
- ._arrow_12klgsx_39._arrowRight_12klgsx_112{
377
+ ._arrow_6hvvng_39._arrowRight_6hvvng_112{
378
378
  right:-5px;
379
379
  }
380
- ._arrow_12klgsx_39._arrowRight_12klgsx_112 ._arrowShadow_12klgsx_39{
380
+ ._arrow_6hvvng_39._arrowRight_6hvvng_112 ._arrowShadow_6hvvng_39{
381
381
  left:-24px;
382
382
  }
383
- ._arrow_12klgsx_39._arrowRight_12klgsx_112 ._arrowShadow_12klgsx_39::before{
383
+ ._arrow_6hvvng_39._arrowRight_6hvvng_112 ._arrowShadow_6hvvng_39::before{
384
384
  right:-100%;
385
385
  }
386
- ._arrowButton_12klgsx_126{
386
+ ._arrowButton_6hvvng_126{
387
387
  cursor:pointer;
388
388
  }
389
389
 
390
- ._separator_lvjb12_3{
390
+ ._separator_10b6l7_3{
391
391
  position:relative;
392
392
  z-index:2;
393
393
 
394
394
  width:100%;
395
395
  }
396
396
 
397
- ._separator_lvjb12_3:after{
397
+ ._separator_10b6l7_3:after{
398
398
  position:absolute;
399
399
  right:0;
400
400
  bottom:0;
@@ -404,9 +404,9 @@
404
404
 
405
405
  content:'';
406
406
  }
407
- ._light_lvjb12_22:after{
407
+ ._light_10b6l7_22:after{
408
408
  background-color:rgba(25,25,28,0.3);
409
409
  }
410
- ._dark_lvjb12_28:after{
410
+ ._dark_10b6l7_28:after{
411
411
  background-color:rgba(255,255,255,0.4);
412
412
  }
package/lib/parts/separator.module.pcss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "separator": "_separator_lvjb12_3",
3
- "light": "_light_lvjb12_22",
4
- "dark": "_dark_lvjb12_28"
2
+ "separator": "_separator_10b6l7_3",
3
+ "light": "_light_10b6l7_22",
4
+ "dark": "_dark_10b6l7_28"
5
5
  };
6
6
  export default styles;
package/lib/parts/tab-list.module.pcss.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_1v89lst_9",
3
- "tabsContainer": "_tabsContainer_1v89lst_13",
4
- "indicator": "_indicator_1v89lst_19",
5
- "light": "_light_1v89lst_31",
6
- "classic": "_classic_1v89lst_31",
7
- "dark": "_dark_1v89lst_35",
8
- "rock": "_rock_1v89lst_39",
9
- "tab": "_tab_1v89lst_13",
10
- "sizeM": "_sizeM_1v89lst_99",
11
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1v89lst_1",
12
- "sizeL": "_sizeL_1v89lst_104",
13
- "innerOffsetM": "_innerOffsetM_1v89lst_109",
14
- "innerOffsetL": "_innerOffsetL_1v89lst_117",
15
- "short": "_short_1v89lst_133",
16
- "selected": "_selected_1v89lst_141",
17
- "icon": "_icon_1v89lst_239",
18
- "iconLeft": "_iconLeft_1v89lst_253",
19
- "iconRight": "_iconRight_1v89lst_261"
2
+ "wrapper": "_wrapper_1s4yhe8_9",
3
+ "tabsContainer": "_tabsContainer_1s4yhe8_13",
4
+ "indicator": "_indicator_1s4yhe8_19",
5
+ "light": "_light_1s4yhe8_31",
6
+ "classic": "_classic_1s4yhe8_31",
7
+ "dark": "_dark_1s4yhe8_35",
8
+ "rock": "_rock_1s4yhe8_39",
9
+ "tab": "_tab_1s4yhe8_13",
10
+ "sizeM": "_sizeM_1s4yhe8_99",
11
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1s4yhe8_1",
12
+ "sizeL": "_sizeL_1s4yhe8_104",
13
+ "innerOffsetM": "_innerOffsetM_1s4yhe8_109",
14
+ "innerOffsetL": "_innerOffsetL_1s4yhe8_117",
15
+ "short": "_short_1s4yhe8_133",
16
+ "selected": "_selected_1s4yhe8_141",
17
+ "icon": "_icon_1s4yhe8_239",
18
+ "iconLeft": "_iconLeft_1s4yhe8_253",
19
+ "iconRight": "_iconRight_1s4yhe8_261"
20
20
  };
21
21
  export default styles;
package/lib/parts/with-scroll-arrows.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare type WithScrollArrowsWrappedComponentProps<T> = {
18
18
  value: T;
19
19
  onChange: (value: T) => void;
20
20
  children: React.ReactNode;
21
- theme: Theme;
21
+ theme?: Theme;
22
22
  containerRef?: React.MutableRefObject<HTMLElement>;
23
23
  };
24
24
  declare type OmittedWrappedComponentProps<P, T> = Omit<P, keyof WithScrollArrowsWrappedComponentProps<T>>;
package/lib/parts/with-scroll-arrows.module.pcss.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_12klgsx_4",
3
- "scrollable": "_scrollable_12klgsx_10",
4
- "arrowShadow": "_arrowShadow_12klgsx_39",
5
- "arrow": "_arrow_12klgsx_39",
6
- "light": "_light_12klgsx_82",
7
- "dark": "_dark_12klgsx_86",
8
- "shown": "_shown_12klgsx_91",
9
- "arrowLeft": "_arrowLeft_12klgsx_99",
10
- "arrowRight": "_arrowRight_12klgsx_112",
11
- "arrowButton": "_arrowButton_12klgsx_126"
2
+ "wrapper": "_wrapper_6hvvng_4",
3
+ "scrollable": "_scrollable_6hvvng_10",
4
+ "arrowShadow": "_arrowShadow_6hvvng_39",
5
+ "arrow": "_arrow_6hvvng_39",
6
+ "light": "_light_6hvvng_82",
7
+ "dark": "_dark_6hvvng_86",
8
+ "shown": "_shown_6hvvng_91",
9
+ "arrowLeft": "_arrowLeft_6hvvng_99",
10
+ "arrowRight": "_arrowRight_6hvvng_112",
11
+ "arrowButton": "_arrowButton_6hvvng_126"
12
12
  };
13
13
  export default styles;
package/lib/tab-list.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare type InnerTabListProps = {
8
8
  size?: TabListSizeType;
9
9
  /** Increase inner horizontal offset between the tabs. */
10
10
  sparse?: boolean;
11
- theme: Theme;
11
+ theme?: Theme;
12
12
  mode?: TabListModeType;
13
13
  short?: boolean;
14
14
  value: TabListValueType;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
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.5.0",
21
- "@rescui/icons": "^0.5.1",
20
+ "@rescui/button": "^0.5.1",
21
+ "@rescui/icons": "^0.5.2",
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.0.6",
31
+ "@rescui/colors": "^0.1.0",
32
32
  "@rescui/postcss-preset-library": "^0.0.4",
33
33
  "@rescui/scripts": "^0.1.4",
34
- "@rescui/typography": "^0.5.0",
34
+ "@rescui/typography": "^0.5.1",
35
35
  "@rescui/visual-regression": "^0.0.1"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "0303dab2dea78cc6ba3a4970148de62fca11a225"
40
+ "gitHead": "24a3fbe87179468f1dc804374864b21042fa2dbe"
41
41
  }