@rescui/tab-list 0.6.0 → 0.7.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 -101
  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_zf5t4z_9{
2
2
  position:relative;
3
3
  }
4
- ._tabsContainer_1v89lst_13{
4
+ ._tabsContainer_zf5t4z_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_zf5t4z_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_zf5t4z_31._classic_zf5t4z_31 ._indicator_zf5t4z_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_zf5t4z_35._classic_zf5t4z_31 ._indicator_zf5t4z_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_zf5t4z_31._rock_zf5t4z_39 ._indicator_zf5t4z_19{
37
37
  background-color:#19191C;
38
38
  }
39
- ._dark_1v89lst_35._rock_1v89lst_39 ._indicator_1v89lst_19{
39
+ ._dark_zf5t4z_35._rock_zf5t4z_39 ._indicator_zf5t4z_19{
40
40
  background-color:#FFFFFF;
41
41
  }
42
- ._tab_1v89lst_13{
42
+ ._tab_zf5t4z_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_zf5t4z_13:hover,
70
+ ._tab_zf5t4z_13:active,
71
+ ._tab_zf5t4z_13:focus{
72
72
  outline:none;
73
73
 
74
74
  text-decoration:none;
75
75
  }
76
- ._tab_1v89lst_13:after{
76
+ ._tab_zf5t4z_13:after{
77
77
  position:absolute;
78
78
  bottom:0;
79
79
  left:0;
@@ -85,16 +85,14 @@
85
85
 
86
86
  background-color:transparent;
87
87
  }
88
- ._tab_1v89lst_13:after:focus[data-focus-method='key']{
88
+ ._tab_zf5t4z_13:after:focus[data-focus-method='key']{
89
89
  opacity:0;
90
90
  }
91
- ._tab_1v89lst_13:hover:after{
91
+ ._tab_zf5t4z_13:hover:after{
92
92
  height:1px;
93
93
  }
94
- ._sizeM_1v89lst_99 ._tab_1v89lst_13{
94
+ ._sizeM_zf5t4z_99 ._tab_zf5t4z_13{
95
95
  letter-spacing:0.0015em;
96
- color:rgba(25,25,28,0.7);
97
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
98
96
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
99
97
  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));
100
98
  font-size:16px;
@@ -103,15 +101,13 @@
103
101
  line-height:24px;
104
102
  line-height:var(--rs-text-2-line-height, 24px);
105
103
  }
106
- ._rs-reset-letter-spacing_1v89lst_1 ._sizeM_1v89lst_99 ._tab_1v89lst_13{
104
+ ._rs-reset-letter-spacing_zf5t4z_1 ._sizeM_zf5t4z_99 ._tab_zf5t4z_13{
107
105
  letter-spacing:normal;
108
106
  }
109
- ._sizeM_1v89lst_99 ._tab_1v89lst_13 {
107
+ ._sizeM_zf5t4z_99 ._tab_zf5t4z_13 {
110
108
  padding:8px 0;
111
109
  }
112
- ._sizeL_1v89lst_104 ._tab_1v89lst_13{
113
- color:rgba(25,25,28,0.7);
114
- color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
110
+ ._sizeL_zf5t4z_104 ._tab_zf5t4z_13{
115
111
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
116
112
  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));
117
113
  font-size:19px;
@@ -121,37 +117,37 @@
121
117
  line-height:var(--rs-text-1-line-height, 28px);
122
118
  padding:12px 0;
123
119
  }
124
- ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13{
120
+ ._innerOffsetM_zf5t4z_109 ._tab_zf5t4z_13{
125
121
  margin-left:24px;
126
122
  }
127
123
  @media screen and (max-width: 640px){
128
- ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13{
124
+ ._innerOffsetM_zf5t4z_109 ._tab_zf5t4z_13{
129
125
  margin-left:16px
130
126
  }
131
127
  }
132
- ._innerOffsetL_1v89lst_117 ._tab_1v89lst_13{
128
+ ._innerOffsetL_zf5t4z_117 ._tab_zf5t4z_13{
133
129
  margin-left:32px;
134
130
  }
135
131
  @media screen and (max-width: 640px){
136
- ._innerOffsetL_1v89lst_117 ._tab_1v89lst_13{
132
+ ._innerOffsetL_zf5t4z_117 ._tab_zf5t4z_13{
137
133
  margin-left:24px
138
134
  }
139
135
  }
140
- ._light_1v89lst_31 ._tab_1v89lst_13{
136
+ ._light_zf5t4z_31 ._tab_zf5t4z_13{
141
137
  color:rgba(25,25,28,0.7);
142
138
  }
143
- ._dark_1v89lst_35 ._tab_1v89lst_13{
139
+ ._dark_zf5t4z_35 ._tab_zf5t4z_13{
144
140
  color:rgba(255,255,255,0.7);
145
141
  }
146
- ._light_1v89lst_31 ._tab_1v89lst_13._short_1v89lst_133{
142
+ ._light_zf5t4z_31 ._tab_zf5t4z_13._short_zf5t4z_133{
147
143
  -webkit-box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
148
144
  box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
149
145
  }
150
- ._dark_1v89lst_35 ._tab_1v89lst_13._short_1v89lst_133{
146
+ ._dark_zf5t4z_35 ._tab_zf5t4z_13._short_zf5t4z_133{
151
147
  -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
152
148
  box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
153
149
  }
154
- ._tab_1v89lst_13._selected_1v89lst_141{
150
+ ._tab_zf5t4z_13._selected_zf5t4z_141{
155
151
  z-index:1;
156
152
 
157
153
  cursor:default;
@@ -160,110 +156,110 @@
160
156
 
161
157
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
162
158
  }
163
- ._tab_1v89lst_13._selected_1v89lst_141:after{
159
+ ._tab_zf5t4z_13._selected_zf5t4z_141:after{
164
160
  height:2px;
165
161
 
166
162
  -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
167
163
 
168
164
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
169
165
  }
170
- ._light_1v89lst_31 ._tab_1v89lst_13:hover{
166
+ ._light_zf5t4z_31 ._tab_zf5t4z_13:hover{
171
167
  color:#19191C;
172
168
  }
173
- ._light_1v89lst_31 ._tab_1v89lst_13:hover:after{
169
+ ._light_zf5t4z_31 ._tab_zf5t4z_13:hover:after{
174
170
  background-color:#19191C;
175
171
  }
176
- ._dark_1v89lst_35 ._tab_1v89lst_13:hover{
172
+ ._dark_zf5t4z_35 ._tab_zf5t4z_13:hover{
177
173
  color:#FFFFFF;
178
174
  }
179
- ._dark_1v89lst_35 ._tab_1v89lst_13:hover:after{
175
+ ._dark_zf5t4z_35 ._tab_zf5t4z_13:hover:after{
180
176
  background-color:#FFFFFF;
181
177
  }
182
- ._light_1v89lst_31._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141{
178
+ ._light_zf5t4z_31._rock_zf5t4z_39 ._tab_zf5t4z_13._selected_zf5t4z_141{
183
179
  color:#19191C;
184
180
  }
185
- ._light_1v89lst_31._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141:after{
181
+ ._light_zf5t4z_31._rock_zf5t4z_39 ._tab_zf5t4z_13._selected_zf5t4z_141:after{
186
182
  background-color:#19191C;
187
183
  }
188
- ._dark_1v89lst_35._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141{
184
+ ._dark_zf5t4z_35._rock_zf5t4z_39 ._tab_zf5t4z_13._selected_zf5t4z_141{
189
185
  color:#FFFFFF;
190
186
  }
191
- ._dark_1v89lst_35._rock_1v89lst_39 ._tab_1v89lst_13._selected_1v89lst_141:after{
187
+ ._dark_zf5t4z_35._rock_zf5t4z_39 ._tab_zf5t4z_13._selected_zf5t4z_141:after{
192
188
  background-color:#FFFFFF;
193
189
  }
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);
190
+ ._light_zf5t4z_31._classic_zf5t4z_31 ._tab_zf5t4z_13._selected_zf5t4z_141{
191
+ color:#6B57FF;
192
+ color:var(--rs-color-primary-light-theme, #6B57FF);
197
193
  }
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);
194
+ ._light_zf5t4z_31._classic_zf5t4z_31 ._tab_zf5t4z_13._selected_zf5t4z_141:after{
195
+ background-color:#6B57FF;
196
+ background-color:var(--rs-color-primary-light-theme, #6B57FF);
201
197
  }
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);
198
+ ._dark_zf5t4z_35._classic_zf5t4z_31 ._tab_zf5t4z_13._selected_zf5t4z_141{
199
+ color:#8473FF;
200
+ color:var(--rs-color-primary-dark-theme, #8473FF);
205
201
  }
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);
202
+ ._dark_zf5t4z_35._classic_zf5t4z_31 ._tab_zf5t4z_13._selected_zf5t4z_141:after{
203
+ background-color:#8473FF;
204
+ background-color:var(--rs-color-primary-dark-theme, #8473FF);
209
205
  }
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;
206
+ ._light_zf5t4z_31 ._tab_zf5t4z_13:focus[data-focus-method='key']{
207
+ -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;
208
+ -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;
209
+ box-shadow:inset #8979ff 0 -4px 0 0, inset #8979ff 0 4px 0 0, #8979ff -4px 0 0 0, #8979ff 4px 0 0 0;
210
+ 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
211
  }
216
- ._light_1v89lst_31 ._tab_1v89lst_13:focus[data-focus-method='key']:after{
212
+ ._light_zf5t4z_31 ._tab_zf5t4z_13:focus[data-focus-method='key']:after{
217
213
  opacity:0;
218
214
  }
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;
215
+ ._dark_zf5t4z_35 ._tab_zf5t4z_13:focus[data-focus-method='key']{
216
+ -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;
217
+ -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;
218
+ box-shadow:inset #6f61d2 0 -4px 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 -4px 0 0 0, #6f61d2 4px 0 0 0;
219
+ 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
220
  }
225
- ._dark_1v89lst_35 ._tab_1v89lst_13:focus[data-focus-method='key']:after{
221
+ ._dark_zf5t4z_35 ._tab_zf5t4z_13:focus[data-focus-method='key']:after{
226
222
  opacity:0;
227
223
  }
228
- ._innerOffsetL_1v89lst_117 ._tab_1v89lst_13:first-of-type,
229
- ._innerOffsetM_1v89lst_109 ._tab_1v89lst_13:first-of-type{
224
+ ._innerOffsetL_zf5t4z_117 ._tab_zf5t4z_13:first-of-type,
225
+ ._innerOffsetM_zf5t4z_109 ._tab_zf5t4z_13:first-of-type{
230
226
  margin-left:0;
231
227
  }
232
228
  @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{
229
+ ._innerOffsetL_zf5t4z_117 ._tab_zf5t4z_13:first-of-type,
230
+ ._innerOffsetM_zf5t4z_109 ._tab_zf5t4z_13:first-of-type{
235
231
  margin-left:0
236
232
  }
237
233
  }
238
- ._icon_1v89lst_239{
234
+ ._icon_zf5t4z_239{
239
235
  -webkit-box-flex:0;
240
236
  -ms-flex:0 0;
241
237
  flex:0 0;
242
238
  -ms-flex-preferred-size:auto;
243
239
  flex-basis:auto;
244
240
  }
245
- ._sizeM_1v89lst_99 ._icon_1v89lst_239{
241
+ ._sizeM_zf5t4z_99 ._icon_zf5t4z_239{
246
242
  width:24px;
247
243
  height:24px;
248
244
  }
249
- ._sizeL_1v89lst_104 ._icon_1v89lst_239{
245
+ ._sizeL_zf5t4z_104 ._icon_zf5t4z_239{
250
246
  width:28px;
251
247
  height:28px;
252
248
  }
253
- ._sizeM_1v89lst_99 ._icon_1v89lst_239._iconLeft_1v89lst_253{
249
+ ._sizeM_zf5t4z_99 ._icon_zf5t4z_239._iconLeft_zf5t4z_253{
254
250
  margin-right:4px;
255
251
  }
256
- ._sizeL_1v89lst_104 ._icon_1v89lst_239._iconLeft_1v89lst_253{
252
+ ._sizeL_zf5t4z_104 ._icon_zf5t4z_239._iconLeft_zf5t4z_253{
257
253
  margin-right:8px;
258
254
  }
259
- ._sizeM_1v89lst_99 ._icon_1v89lst_239._iconRight_1v89lst_261{
255
+ ._sizeM_zf5t4z_99 ._icon_zf5t4z_239._iconRight_zf5t4z_261{
260
256
  margin-left:4px;
261
257
  }
262
- ._sizeL_1v89lst_104 ._icon_1v89lst_239._iconRight_1v89lst_261{
258
+ ._sizeL_zf5t4z_104 ._icon_zf5t4z_239._iconRight_zf5t4z_261{
263
259
  margin-left:8px;
264
260
  }
265
261
 
266
- ._wrapper_12klgsx_4{
262
+ ._wrapper_1jqyfj_4{
267
263
  position:relative;
268
264
 
269
265
  display:-webkit-box;
@@ -272,7 +268,7 @@
272
268
 
273
269
  display:flex;
274
270
  }
275
- ._scrollable_12klgsx_10{
271
+ ._scrollable_1jqyfj_10{
276
272
  display:-webkit-box;
277
273
  display:-ms-flexbox;
278
274
  display:flex;
@@ -281,7 +277,7 @@
281
277
  margin:-4px;
282
278
  padding:4px;
283
279
  }
284
- ._scrollable_12klgsx_10::after{
280
+ ._scrollable_1jqyfj_10::after{
285
281
  display:block;
286
282
 
287
283
  height:100%;
@@ -290,15 +286,15 @@
290
286
 
291
287
  content:'';
292
288
  }
293
- ._scrollable_12klgsx_10 {
289
+ ._scrollable_1jqyfj_10 {
294
290
 
295
291
  -ms-overflow-style:none;
296
292
  scrollbar-width:none;
297
293
  }
298
- ._scrollable_12klgsx_10::-webkit-scrollbar{
294
+ ._scrollable_1jqyfj_10::-webkit-scrollbar{
299
295
  display:none;
300
296
  }
301
- ._arrowShadow_12klgsx_39{
297
+ ._arrowShadow_1jqyfj_39{
302
298
  position:absolute;
303
299
  top:0;
304
300
 
@@ -308,7 +304,7 @@
308
304
 
309
305
  pointer-events:none;
310
306
  }
311
- ._arrowShadow_12klgsx_39::before{
307
+ ._arrowShadow_1jqyfj_39::before{
312
308
  position:absolute;
313
309
 
314
310
  display:block;
@@ -322,7 +318,7 @@
322
318
 
323
319
  box-shadow:0 0 12px 12px currentColor;
324
320
  }
325
- ._arrow_12klgsx_39{
321
+ ._arrow_1jqyfj_39{
326
322
  position:absolute;
327
323
  z-index:2;
328
324
  top:50%;
@@ -348,15 +344,15 @@
348
344
  -webkit-transform:translateY(-50%);
349
345
  transform:translateY(-50%);
350
346
  }
351
- ._light_12klgsx_82 ._arrow_12klgsx_39{
347
+ ._light_1jqyfj_82 ._arrow_1jqyfj_39{
352
348
  color:#FFFFFF;
353
349
  background-color:#FFFFFF;
354
350
  }
355
- ._dark_12klgsx_86 ._arrow_12klgsx_39{
351
+ ._dark_1jqyfj_86 ._arrow_1jqyfj_39{
356
352
  color:#19191C;
357
353
  background-color:#19191C;
358
354
  }
359
- ._arrow_12klgsx_39._shown_12klgsx_91{
355
+ ._arrow_1jqyfj_39._shown_1jqyfj_91{
360
356
  opacity:1;
361
357
 
362
358
  pointer-events:auto;
@@ -365,36 +361,36 @@
365
361
 
366
362
  transition:opacity 0.15s ease-in;
367
363
  }
368
- ._arrow_12klgsx_39._arrowLeft_12klgsx_99{
364
+ ._arrow_1jqyfj_39._arrowLeft_1jqyfj_99{
369
365
  left:-5px;
370
366
  }
371
- ._arrow_12klgsx_39._arrowLeft_12klgsx_99 ._arrowShadow_12klgsx_39{
367
+ ._arrow_1jqyfj_39._arrowLeft_1jqyfj_99 ._arrowShadow_1jqyfj_39{
372
368
  right:-24px;
373
369
  }
374
- ._arrow_12klgsx_39._arrowLeft_12klgsx_99 ._arrowShadow_12klgsx_39::before{
370
+ ._arrow_1jqyfj_39._arrowLeft_1jqyfj_99 ._arrowShadow_1jqyfj_39::before{
375
371
  left:-100%;
376
372
  }
377
- ._arrow_12klgsx_39._arrowRight_12klgsx_112{
373
+ ._arrow_1jqyfj_39._arrowRight_1jqyfj_112{
378
374
  right:-5px;
379
375
  }
380
- ._arrow_12klgsx_39._arrowRight_12klgsx_112 ._arrowShadow_12klgsx_39{
376
+ ._arrow_1jqyfj_39._arrowRight_1jqyfj_112 ._arrowShadow_1jqyfj_39{
381
377
  left:-24px;
382
378
  }
383
- ._arrow_12klgsx_39._arrowRight_12klgsx_112 ._arrowShadow_12klgsx_39::before{
379
+ ._arrow_1jqyfj_39._arrowRight_1jqyfj_112 ._arrowShadow_1jqyfj_39::before{
384
380
  right:-100%;
385
381
  }
386
- ._arrowButton_12klgsx_126{
382
+ ._arrowButton_1jqyfj_126{
387
383
  cursor:pointer;
388
384
  }
389
385
 
390
- ._separator_lvjb12_3{
386
+ ._separator_bm8v2g_3{
391
387
  position:relative;
392
388
  z-index:2;
393
389
 
394
390
  width:100%;
395
391
  }
396
392
 
397
- ._separator_lvjb12_3:after{
393
+ ._separator_bm8v2g_3:after{
398
394
  position:absolute;
399
395
  right:0;
400
396
  bottom:0;
@@ -404,9 +400,9 @@
404
400
 
405
401
  content:'';
406
402
  }
407
- ._light_lvjb12_22:after{
403
+ ._light_bm8v2g_22:after{
408
404
  background-color:rgba(25,25,28,0.3);
409
405
  }
410
- ._dark_lvjb12_28:after{
406
+ ._dark_bm8v2g_28:after{
411
407
  background-color:rgba(255,255,255,0.4);
412
408
  }
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_bm8v2g_3",
3
+ "light": "_light_bm8v2g_22",
4
+ "dark": "_dark_bm8v2g_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_zf5t4z_9",
3
+ "tabsContainer": "_tabsContainer_zf5t4z_13",
4
+ "indicator": "_indicator_zf5t4z_19",
5
+ "light": "_light_zf5t4z_31",
6
+ "classic": "_classic_zf5t4z_31",
7
+ "dark": "_dark_zf5t4z_35",
8
+ "rock": "_rock_zf5t4z_39",
9
+ "tab": "_tab_zf5t4z_13",
10
+ "sizeM": "_sizeM_zf5t4z_99",
11
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_zf5t4z_1",
12
+ "sizeL": "_sizeL_zf5t4z_104",
13
+ "innerOffsetM": "_innerOffsetM_zf5t4z_109",
14
+ "innerOffsetL": "_innerOffsetL_zf5t4z_117",
15
+ "short": "_short_zf5t4z_133",
16
+ "selected": "_selected_zf5t4z_141",
17
+ "icon": "_icon_zf5t4z_239",
18
+ "iconLeft": "_iconLeft_zf5t4z_253",
19
+ "iconRight": "_iconRight_zf5t4z_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_1jqyfj_4",
3
+ "scrollable": "_scrollable_1jqyfj_10",
4
+ "arrowShadow": "_arrowShadow_1jqyfj_39",
5
+ "arrow": "_arrow_1jqyfj_39",
6
+ "light": "_light_1jqyfj_82",
7
+ "dark": "_dark_1jqyfj_86",
8
+ "shown": "_shown_1jqyfj_91",
9
+ "arrowLeft": "_arrowLeft_1jqyfj_99",
10
+ "arrowRight": "_arrowRight_1jqyfj_112",
11
+ "arrowButton": "_arrowButton_1jqyfj_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.7.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.6.1",
21
+ "@rescui/icons": "^0.6.1",
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.7.0",
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": "90715a8ea8c558b23c243bc092be4ded23e4192c"
41
41
  }