@rescui/tab-list 0.7.4 → 0.7.7

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 (10) hide show
  1. package/lib/index.css +87 -89
  2. package/lib/parts/separator.module.pcss.js +4 -4
  3. package/lib/parts/tab-list.module.pcss.js +19 -19
  4. package/lib/parts/tab-separator.js +1 -1
  5. package/lib/parts/tab.js +4 -3
  6. package/lib/parts/use-indicator.js +3 -2
  7. package/lib/parts/with-scroll-arrows.js +3 -2
  8. package/lib/parts/with-scroll-arrows.module.pcss.js +11 -11
  9. package/lib/tab-list.js +1 -2
  10. package/package.json +6 -6
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
- ._wrapper_1e3v3a6_9{
1
+ ._wrapper_1mn8bf0_9{
2
2
  position:relative;
3
3
  }
4
- ._tabsContainer_1e3v3a6_13{
4
+ ._tabsContainer_1mn8bf0_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_1e3v3a6_19{
13
+ ._indicator_1mn8bf0_19{
14
14
  position:absolute;
15
15
  z-index:3;
16
16
  bottom:0;
@@ -18,28 +18,26 @@
18
18
  width:100%;
19
19
  height:2px;
20
20
 
21
- -webkit-transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
22
- width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
21
+ -webkit-transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
23
22
 
24
- transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
25
- width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
23
+ transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
26
24
  will-change:left, width;
27
25
  }
28
- ._light_1e3v3a6_31._classic_1e3v3a6_31 ._indicator_1e3v3a6_19{
26
+ ._light_1mn8bf0_31._classic_1mn8bf0_31 ._indicator_1mn8bf0_19{
29
27
  background-color:#6B57FF;
30
28
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
31
29
  }
32
- ._dark_1e3v3a6_35._classic_1e3v3a6_31 ._indicator_1e3v3a6_19{
30
+ ._dark_1mn8bf0_35._classic_1mn8bf0_31 ._indicator_1mn8bf0_19{
33
31
  background-color:#8473FF;
34
32
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
35
33
  }
36
- ._light_1e3v3a6_31._rock_1e3v3a6_39 ._indicator_1e3v3a6_19{
34
+ ._light_1mn8bf0_31._rock_1mn8bf0_39 ._indicator_1mn8bf0_19{
37
35
  background-color:#19191C;
38
36
  }
39
- ._dark_1e3v3a6_35._rock_1e3v3a6_39 ._indicator_1e3v3a6_19{
37
+ ._dark_1mn8bf0_35._rock_1mn8bf0_39 ._indicator_1mn8bf0_19{
40
38
  background-color:#FFFFFF;
41
39
  }
42
- ._tab_1e3v3a6_13{
40
+ ._tab_1mn8bf0_13{
43
41
  position:relative;
44
42
 
45
43
  display:-webkit-box;
@@ -66,14 +64,14 @@
66
64
  cursor:pointer;
67
65
  white-space:nowrap;
68
66
  }
69
- ._tab_1e3v3a6_13:hover,
70
- ._tab_1e3v3a6_13:active,
71
- ._tab_1e3v3a6_13:focus{
67
+ ._tab_1mn8bf0_13:hover,
68
+ ._tab_1mn8bf0_13:active,
69
+ ._tab_1mn8bf0_13:focus{
72
70
  outline:none;
73
71
 
74
72
  text-decoration:none;
75
73
  }
76
- ._tab_1e3v3a6_13:after{
74
+ ._tab_1mn8bf0_13:after{
77
75
  position:absolute;
78
76
  bottom:0;
79
77
  left:0;
@@ -85,13 +83,13 @@
85
83
 
86
84
  background-color:transparent;
87
85
  }
88
- ._tab_1e3v3a6_13:after:focus[data-focus-method='key']{
86
+ ._tab_1mn8bf0_13:after:focus[data-focus-method='key']{
89
87
  opacity:0;
90
88
  }
91
- ._tab_1e3v3a6_13:hover:after{
89
+ ._tab_1mn8bf0_13:hover:after{
92
90
  height:1px;
93
91
  }
94
- ._sizeM_1e3v3a6_99 ._tab_1e3v3a6_13{
92
+ ._sizeM_1mn8bf0_99 ._tab_1mn8bf0_13{
95
93
  letter-spacing:0.0015em;
96
94
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
97
95
  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));
@@ -101,13 +99,13 @@
101
99
  line-height:24px;
102
100
  line-height:var(--rs-text-2-line-height, 24px);
103
101
  }
104
- ._rs-reset-letter-spacing_1e3v3a6_1 ._sizeM_1e3v3a6_99 ._tab_1e3v3a6_13{
102
+ ._rs-reset-letter-spacing_1mn8bf0_1 ._sizeM_1mn8bf0_99 ._tab_1mn8bf0_13{
105
103
  letter-spacing:normal;
106
104
  }
107
- ._sizeM_1e3v3a6_99 ._tab_1e3v3a6_13 {
105
+ ._sizeM_1mn8bf0_99 ._tab_1mn8bf0_13 {
108
106
  padding:8px 0;
109
107
  }
110
- ._sizeL_1e3v3a6_104 ._tab_1e3v3a6_13{
108
+ ._sizeL_1mn8bf0_104 ._tab_1mn8bf0_13{
111
109
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
112
110
  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));
113
111
  font-size:19px;
@@ -117,37 +115,37 @@
117
115
  line-height:var(--rs-text-1-line-height, 28px);
118
116
  padding:12px 0;
119
117
  }
120
- ._innerOffsetM_1e3v3a6_109 ._tab_1e3v3a6_13{
118
+ ._innerOffsetM_1mn8bf0_109 ._tab_1mn8bf0_13{
121
119
  margin-left:24px;
122
120
  }
123
121
  @media screen and (max-width: 640px){
124
- ._innerOffsetM_1e3v3a6_109 ._tab_1e3v3a6_13{
122
+ ._innerOffsetM_1mn8bf0_109 ._tab_1mn8bf0_13{
125
123
  margin-left:16px
126
124
  }
127
125
  }
128
- ._innerOffsetL_1e3v3a6_117 ._tab_1e3v3a6_13{
126
+ ._innerOffsetL_1mn8bf0_117 ._tab_1mn8bf0_13{
129
127
  margin-left:32px;
130
128
  }
131
129
  @media screen and (max-width: 640px){
132
- ._innerOffsetL_1e3v3a6_117 ._tab_1e3v3a6_13{
130
+ ._innerOffsetL_1mn8bf0_117 ._tab_1mn8bf0_13{
133
131
  margin-left:24px
134
132
  }
135
133
  }
136
- ._light_1e3v3a6_31 ._tab_1e3v3a6_13{
134
+ ._light_1mn8bf0_31 ._tab_1mn8bf0_13{
137
135
  color:rgba(25,25,28,0.7);
138
136
  }
139
- ._dark_1e3v3a6_35 ._tab_1e3v3a6_13{
137
+ ._dark_1mn8bf0_35 ._tab_1mn8bf0_13{
140
138
  color:rgba(255,255,255,0.7);
141
139
  }
142
- ._light_1e3v3a6_31 ._tab_1e3v3a6_13._short_1e3v3a6_133{
140
+ ._light_1mn8bf0_31 ._tab_1mn8bf0_13._short_1mn8bf0_133{
143
141
  -webkit-box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
144
142
  box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
145
143
  }
146
- ._dark_1e3v3a6_35 ._tab_1e3v3a6_13._short_1e3v3a6_133{
144
+ ._dark_1mn8bf0_35 ._tab_1mn8bf0_13._short_1mn8bf0_133{
147
145
  -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
148
146
  box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
149
147
  }
150
- ._tab_1e3v3a6_13._selected_1e3v3a6_141{
148
+ ._tab_1mn8bf0_13._selected_1mn8bf0_141{
151
149
  z-index:1;
152
150
 
153
151
  cursor:default;
@@ -156,110 +154,110 @@
156
154
 
157
155
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
158
156
  }
159
- ._tab_1e3v3a6_13._selected_1e3v3a6_141:after{
157
+ ._tab_1mn8bf0_13._selected_1mn8bf0_141:after{
160
158
  height:2px;
161
159
 
162
160
  -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
163
161
 
164
162
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
165
163
  }
166
- ._light_1e3v3a6_31 ._tab_1e3v3a6_13:hover{
164
+ ._light_1mn8bf0_31 ._tab_1mn8bf0_13:hover{
167
165
  color:#19191C;
168
166
  }
169
- ._light_1e3v3a6_31 ._tab_1e3v3a6_13:hover:after{
167
+ ._light_1mn8bf0_31 ._tab_1mn8bf0_13:hover:after{
170
168
  background-color:#19191C;
171
169
  }
172
- ._dark_1e3v3a6_35 ._tab_1e3v3a6_13:hover{
170
+ ._dark_1mn8bf0_35 ._tab_1mn8bf0_13:hover{
173
171
  color:#FFFFFF;
174
172
  }
175
- ._dark_1e3v3a6_35 ._tab_1e3v3a6_13:hover:after{
173
+ ._dark_1mn8bf0_35 ._tab_1mn8bf0_13:hover:after{
176
174
  background-color:#FFFFFF;
177
175
  }
178
- ._light_1e3v3a6_31._rock_1e3v3a6_39 ._tab_1e3v3a6_13._selected_1e3v3a6_141{
176
+ ._light_1mn8bf0_31._rock_1mn8bf0_39 ._tab_1mn8bf0_13._selected_1mn8bf0_141{
179
177
  color:#19191C;
180
178
  }
181
- ._light_1e3v3a6_31._rock_1e3v3a6_39 ._tab_1e3v3a6_13._selected_1e3v3a6_141:after{
179
+ ._light_1mn8bf0_31._rock_1mn8bf0_39 ._tab_1mn8bf0_13._selected_1mn8bf0_141:after{
182
180
  background-color:#19191C;
183
181
  }
184
- ._dark_1e3v3a6_35._rock_1e3v3a6_39 ._tab_1e3v3a6_13._selected_1e3v3a6_141{
182
+ ._dark_1mn8bf0_35._rock_1mn8bf0_39 ._tab_1mn8bf0_13._selected_1mn8bf0_141{
185
183
  color:#FFFFFF;
186
184
  }
187
- ._dark_1e3v3a6_35._rock_1e3v3a6_39 ._tab_1e3v3a6_13._selected_1e3v3a6_141:after{
185
+ ._dark_1mn8bf0_35._rock_1mn8bf0_39 ._tab_1mn8bf0_13._selected_1mn8bf0_141:after{
188
186
  background-color:#FFFFFF;
189
187
  }
190
- ._light_1e3v3a6_31._classic_1e3v3a6_31 ._tab_1e3v3a6_13._selected_1e3v3a6_141{
188
+ ._light_1mn8bf0_31._classic_1mn8bf0_31 ._tab_1mn8bf0_13._selected_1mn8bf0_141{
191
189
  color:#6B57FF;
192
190
  color:var(--rs-color-primary-light-theme, #6B57FF);
193
191
  }
194
- ._light_1e3v3a6_31._classic_1e3v3a6_31 ._tab_1e3v3a6_13._selected_1e3v3a6_141:after{
192
+ ._light_1mn8bf0_31._classic_1mn8bf0_31 ._tab_1mn8bf0_13._selected_1mn8bf0_141:after{
195
193
  background-color:#6B57FF;
196
194
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
197
195
  }
198
- ._dark_1e3v3a6_35._classic_1e3v3a6_31 ._tab_1e3v3a6_13._selected_1e3v3a6_141{
196
+ ._dark_1mn8bf0_35._classic_1mn8bf0_31 ._tab_1mn8bf0_13._selected_1mn8bf0_141{
199
197
  color:#8473FF;
200
198
  color:var(--rs-color-primary-dark-theme, #8473FF);
201
199
  }
202
- ._dark_1e3v3a6_35._classic_1e3v3a6_31 ._tab_1e3v3a6_13._selected_1e3v3a6_141:after{
200
+ ._dark_1mn8bf0_35._classic_1mn8bf0_31 ._tab_1mn8bf0_13._selected_1mn8bf0_141:after{
203
201
  background-color:#8473FF;
204
202
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
205
203
  }
206
- ._light_1e3v3a6_31 ._tab_1e3v3a6_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;
204
+ ._light_1mn8bf0_31 ._tab_1mn8bf0_13:focus[data-focus-method='key']{
205
+ -webkit-box-shadow:inset #8979ff 0 calc(-1 * 4px ) 0 0, inset #8979ff 0 4px 0 0, #8979ff calc(-1 * 4px ) 0 0 0, #8979ff 4px 0 0 0;
206
+ -webkit-box-shadow:inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 calc(-1 * 4px ) 0 0, inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) calc(-1 * 4px ) 0 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) 4px 0 0 0;
207
+ box-shadow:inset #8979ff 0 calc(-1 * 4px ) 0 0, inset #8979ff 0 4px 0 0, #8979ff calc(-1 * 4px ) 0 0 0, #8979ff 4px 0 0 0;
208
+ box-shadow:inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 calc(-1 * 4px ) 0 0, inset var(--rs-color-primary-dim-light-theme, #8979ff) 0 4px 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) calc(-1 * 4px ) 0 0 0, var(--rs-color-primary-dim-light-theme, #8979ff) 4px 0 0 0;
211
209
  }
212
- ._light_1e3v3a6_31 ._tab_1e3v3a6_13:focus[data-focus-method='key']:after{
210
+ ._light_1mn8bf0_31 ._tab_1mn8bf0_13:focus[data-focus-method='key']:after{
213
211
  opacity:0;
214
212
  }
215
- ._dark_1e3v3a6_35 ._tab_1e3v3a6_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;
213
+ ._dark_1mn8bf0_35 ._tab_1mn8bf0_13:focus[data-focus-method='key']{
214
+ -webkit-box-shadow:inset #6f61d2 0 calc(-1 * 4px ) 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 calc(-1 * 4px ) 0 0 0, #6f61d2 4px 0 0 0;
215
+ -webkit-box-shadow:inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 calc(-1 * 4px ) 0 0, inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(-1 * 4px ) 0 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) 4px 0 0 0;
216
+ box-shadow:inset #6f61d2 0 calc(-1 * 4px ) 0 0, inset #6f61d2 0 4px 0 0, #6f61d2 calc(-1 * 4px ) 0 0 0, #6f61d2 4px 0 0 0;
217
+ box-shadow:inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 calc(-1 * 4px ) 0 0, inset var(--rs-color-primary-dim-dark-theme, #6f61d2) 0 4px 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(-1 * 4px ) 0 0 0, var(--rs-color-primary-dim-dark-theme, #6f61d2) 4px 0 0 0;
220
218
  }
221
- ._dark_1e3v3a6_35 ._tab_1e3v3a6_13:focus[data-focus-method='key']:after{
219
+ ._dark_1mn8bf0_35 ._tab_1mn8bf0_13:focus[data-focus-method='key']:after{
222
220
  opacity:0;
223
221
  }
224
- ._innerOffsetL_1e3v3a6_117 ._tab_1e3v3a6_13:first-of-type,
225
- ._innerOffsetM_1e3v3a6_109 ._tab_1e3v3a6_13:first-of-type{
222
+ ._innerOffsetL_1mn8bf0_117 ._tab_1mn8bf0_13:first-of-type,
223
+ ._innerOffsetM_1mn8bf0_109 ._tab_1mn8bf0_13:first-of-type{
226
224
  margin-left:0;
227
225
  }
228
226
  @media screen and (max-width: 640px){
229
- ._innerOffsetL_1e3v3a6_117 ._tab_1e3v3a6_13:first-of-type,
230
- ._innerOffsetM_1e3v3a6_109 ._tab_1e3v3a6_13:first-of-type{
227
+ ._innerOffsetL_1mn8bf0_117 ._tab_1mn8bf0_13:first-of-type,
228
+ ._innerOffsetM_1mn8bf0_109 ._tab_1mn8bf0_13:first-of-type{
231
229
  margin-left:0
232
230
  }
233
231
  }
234
- ._icon_1e3v3a6_239{
232
+ ._icon_1mn8bf0_239{
235
233
  -webkit-box-flex:0;
236
234
  -ms-flex:0 0;
237
235
  flex:0 0;
238
236
  -ms-flex-preferred-size:auto;
239
237
  flex-basis:auto;
240
238
  }
241
- ._sizeM_1e3v3a6_99 ._icon_1e3v3a6_239{
239
+ ._sizeM_1mn8bf0_99 ._icon_1mn8bf0_239{
242
240
  width:24px;
243
241
  height:24px;
244
242
  }
245
- ._sizeL_1e3v3a6_104 ._icon_1e3v3a6_239{
243
+ ._sizeL_1mn8bf0_104 ._icon_1mn8bf0_239{
246
244
  width:28px;
247
245
  height:28px;
248
246
  }
249
- ._sizeM_1e3v3a6_99 ._icon_1e3v3a6_239._iconLeft_1e3v3a6_253{
247
+ ._sizeM_1mn8bf0_99 ._icon_1mn8bf0_239._iconLeft_1mn8bf0_253{
250
248
  margin-right:4px;
251
249
  }
252
- ._sizeL_1e3v3a6_104 ._icon_1e3v3a6_239._iconLeft_1e3v3a6_253{
250
+ ._sizeL_1mn8bf0_104 ._icon_1mn8bf0_239._iconLeft_1mn8bf0_253{
253
251
  margin-right:8px;
254
252
  }
255
- ._sizeM_1e3v3a6_99 ._icon_1e3v3a6_239._iconRight_1e3v3a6_261{
253
+ ._sizeM_1mn8bf0_99 ._icon_1mn8bf0_239._iconRight_1mn8bf0_261{
256
254
  margin-left:4px;
257
255
  }
258
- ._sizeL_1e3v3a6_104 ._icon_1e3v3a6_239._iconRight_1e3v3a6_261{
256
+ ._sizeL_1mn8bf0_104 ._icon_1mn8bf0_239._iconRight_1mn8bf0_261{
259
257
  margin-left:8px;
260
258
  }
261
259
 
262
- ._wrapper_19k469e_4{
260
+ ._wrapper_1b21bog_4{
263
261
  position:relative;
264
262
 
265
263
  display:-webkit-box;
@@ -268,7 +266,7 @@
268
266
 
269
267
  display:flex;
270
268
  }
271
- ._scrollable_19k469e_10{
269
+ ._scrollable_1b21bog_10{
272
270
  display:-webkit-box;
273
271
  display:-ms-flexbox;
274
272
  display:flex;
@@ -277,7 +275,7 @@
277
275
  margin:-4px;
278
276
  padding:4px;
279
277
  }
280
- ._scrollable_19k469e_10::after{
278
+ ._scrollable_1b21bog_10::after{
281
279
  display:block;
282
280
 
283
281
  height:100%;
@@ -286,15 +284,15 @@
286
284
 
287
285
  content:'';
288
286
  }
289
- ._scrollable_19k469e_10 {
287
+ ._scrollable_1b21bog_10 {
290
288
 
291
289
  -ms-overflow-style:none;
292
290
  scrollbar-width:none;
293
291
  }
294
- ._scrollable_19k469e_10::-webkit-scrollbar{
292
+ ._scrollable_1b21bog_10::-webkit-scrollbar{
295
293
  display:none;
296
294
  }
297
- ._arrowShadow_19k469e_39{
295
+ ._arrowShadow_1b21bog_39{
298
296
  position:absolute;
299
297
  top:0;
300
298
 
@@ -304,7 +302,7 @@
304
302
 
305
303
  pointer-events:none;
306
304
  }
307
- ._arrowShadow_19k469e_39::before{
305
+ ._arrowShadow_1b21bog_39::before{
308
306
  position:absolute;
309
307
 
310
308
  display:block;
@@ -318,7 +316,7 @@
318
316
 
319
317
  box-shadow:0 0 12px 12px currentColor;
320
318
  }
321
- ._arrow_19k469e_39{
319
+ ._arrow_1b21bog_39{
322
320
  position:absolute;
323
321
  z-index:2;
324
322
  top:50%;
@@ -344,15 +342,15 @@
344
342
  -webkit-transform:translateY(-50%);
345
343
  transform:translateY(-50%);
346
344
  }
347
- ._light_19k469e_82 ._arrow_19k469e_39{
345
+ ._light_1b21bog_82 ._arrow_1b21bog_39{
348
346
  color:#FFFFFF;
349
347
  background-color:#FFFFFF;
350
348
  }
351
- ._dark_19k469e_86 ._arrow_19k469e_39{
349
+ ._dark_1b21bog_86 ._arrow_1b21bog_39{
352
350
  color:#19191C;
353
351
  background-color:#19191C;
354
352
  }
355
- ._arrow_19k469e_39._shown_19k469e_91{
353
+ ._arrow_1b21bog_39._shown_1b21bog_91{
356
354
  opacity:1;
357
355
 
358
356
  pointer-events:auto;
@@ -361,36 +359,36 @@
361
359
 
362
360
  transition:opacity 0.15s ease-in;
363
361
  }
364
- ._arrow_19k469e_39._arrowLeft_19k469e_99{
362
+ ._arrow_1b21bog_39._arrowLeft_1b21bog_99{
365
363
  left:-5px;
366
364
  }
367
- ._arrow_19k469e_39._arrowLeft_19k469e_99 ._arrowShadow_19k469e_39{
365
+ ._arrow_1b21bog_39._arrowLeft_1b21bog_99 ._arrowShadow_1b21bog_39{
368
366
  right:-24px;
369
367
  }
370
- ._arrow_19k469e_39._arrowLeft_19k469e_99 ._arrowShadow_19k469e_39::before{
368
+ ._arrow_1b21bog_39._arrowLeft_1b21bog_99 ._arrowShadow_1b21bog_39::before{
371
369
  left:-100%;
372
370
  }
373
- ._arrow_19k469e_39._arrowRight_19k469e_112{
371
+ ._arrow_1b21bog_39._arrowRight_1b21bog_112{
374
372
  right:-5px;
375
373
  }
376
- ._arrow_19k469e_39._arrowRight_19k469e_112 ._arrowShadow_19k469e_39{
374
+ ._arrow_1b21bog_39._arrowRight_1b21bog_112 ._arrowShadow_1b21bog_39{
377
375
  left:-24px;
378
376
  }
379
- ._arrow_19k469e_39._arrowRight_19k469e_112 ._arrowShadow_19k469e_39::before{
377
+ ._arrow_1b21bog_39._arrowRight_1b21bog_112 ._arrowShadow_1b21bog_39::before{
380
378
  right:-100%;
381
379
  }
382
- ._arrowButton_19k469e_126{
380
+ ._arrowButton_1b21bog_126{
383
381
  cursor:pointer;
384
382
  }
385
383
 
386
- ._separator_193qgwl_3{
384
+ ._separator_qpdqtj_3{
387
385
  position:relative;
388
386
  z-index:2;
389
387
 
390
388
  width:100%;
391
389
  }
392
390
 
393
- ._separator_193qgwl_3:after{
391
+ ._separator_qpdqtj_3:after{
394
392
  position:absolute;
395
393
  right:0;
396
394
  bottom:0;
@@ -400,9 +398,9 @@
400
398
 
401
399
  content:'';
402
400
  }
403
- ._light_193qgwl_22:after{
401
+ ._light_qpdqtj_22:after{
404
402
  background-color:rgba(25,25,28,0.3);
405
403
  }
406
- ._dark_193qgwl_28:after{
404
+ ._dark_qpdqtj_28:after{
407
405
  background-color:rgba(255,255,255,0.4);
408
406
  }
package/lib/parts/separator.module.pcss.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "separator": "_separator_193qgwl_3",
3
- "light": "_light_193qgwl_22",
4
- "dark": "_dark_193qgwl_28"
2
+ "separator": "_separator_qpdqtj_3",
3
+ "light": "_light_qpdqtj_22",
4
+ "dark": "_dark_qpdqtj_28"
5
5
  };
6
- export default styles;
6
+ export { styles as default };
package/lib/parts/tab-list.module.pcss.js CHANGED
@@ -1,21 +1,21 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_1e3v3a6_9",
3
- "tabsContainer": "_tabsContainer_1e3v3a6_13",
4
- "indicator": "_indicator_1e3v3a6_19",
5
- "light": "_light_1e3v3a6_31",
6
- "classic": "_classic_1e3v3a6_31",
7
- "dark": "_dark_1e3v3a6_35",
8
- "rock": "_rock_1e3v3a6_39",
9
- "tab": "_tab_1e3v3a6_13",
10
- "sizeM": "_sizeM_1e3v3a6_99",
11
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1e3v3a6_1",
12
- "sizeL": "_sizeL_1e3v3a6_104",
13
- "innerOffsetM": "_innerOffsetM_1e3v3a6_109",
14
- "innerOffsetL": "_innerOffsetL_1e3v3a6_117",
15
- "short": "_short_1e3v3a6_133",
16
- "selected": "_selected_1e3v3a6_141",
17
- "icon": "_icon_1e3v3a6_239",
18
- "iconLeft": "_iconLeft_1e3v3a6_253",
19
- "iconRight": "_iconRight_1e3v3a6_261"
2
+ "wrapper": "_wrapper_1mn8bf0_9",
3
+ "tabsContainer": "_tabsContainer_1mn8bf0_13",
4
+ "indicator": "_indicator_1mn8bf0_19",
5
+ "light": "_light_1mn8bf0_31",
6
+ "classic": "_classic_1mn8bf0_31",
7
+ "dark": "_dark_1mn8bf0_35",
8
+ "rock": "_rock_1mn8bf0_39",
9
+ "tab": "_tab_1mn8bf0_13",
10
+ "sizeM": "_sizeM_1mn8bf0_99",
11
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1mn8bf0_1",
12
+ "sizeL": "_sizeL_1mn8bf0_104",
13
+ "innerOffsetM": "_innerOffsetM_1mn8bf0_109",
14
+ "innerOffsetL": "_innerOffsetL_1mn8bf0_117",
15
+ "short": "_short_1mn8bf0_133",
16
+ "selected": "_selected_1mn8bf0_141",
17
+ "icon": "_icon_1mn8bf0_239",
18
+ "iconLeft": "_iconLeft_1mn8bf0_253",
19
+ "iconRight": "_iconRight_1mn8bf0_261"
20
20
  };
21
- export default styles;
21
+ export { styles as default };
package/lib/parts/tab-separator.js CHANGED
@@ -12,4 +12,4 @@ var TabSeparator = function TabSeparator(_ref) {
12
12
  });
13
13
  };
14
14
 
15
- export default TabSeparator;
15
+ export { TabSeparator as default };
package/lib/parts/tab.js CHANGED
@@ -1,3 +1,4 @@
1
+ import "core-js/modules/es.object.to-string.js";
1
2
  import "core-js/modules/web.dom-collections.for-each.js";
2
3
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
4
  import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
@@ -8,9 +9,9 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
8
9
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
9
10
  var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "onFocus", "onMouseDown", "data-e2e"];
10
11
 
11
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
12
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
12
13
 
13
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
14
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
14
15
 
15
16
  import React, { forwardRef, cloneElement } from 'react';
16
17
  import PropTypes from 'prop-types';
@@ -74,4 +75,4 @@ Tab.propTypes = {
74
75
  onFocus: PropTypes.func,
75
76
  onMouseDown: PropTypes.func
76
77
  };
77
- export default Tab;
78
+ export { Tab as default };
package/lib/parts/use-indicator.js CHANGED
@@ -1,3 +1,4 @@
1
+ import "core-js/modules/es.object.to-string.js";
1
2
  import "core-js/modules/web.dom-collections.for-each.js";
2
3
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
4
  import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
@@ -7,9 +8,9 @@ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-st
7
8
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
8
9
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
9
10
 
10
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
11
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
12
 
12
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
13
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
13
14
 
14
15
  import { useState, useCallback } from 'react';
15
16
  import { useResizeObserver } from './use-resize-observer.js';
package/lib/parts/with-scroll-arrows.js CHANGED
@@ -1,3 +1,4 @@
1
+ import "core-js/modules/es.object.to-string.js";
1
2
  import "core-js/modules/web.dom-collections.for-each.js";
2
3
  import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
4
  import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
@@ -9,9 +10,9 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
9
10
  var _excluded = ["compareValues", "value", "onChange", "children", "theme", "arrowBackgroundColor", "data-e2e"];
10
11
  import "core-js/modules/es.function.name.js";
11
12
 
12
- function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
13
+ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
14
 
14
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
15
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
15
16
 
16
17
  import React from 'react';
17
18
  import cn from 'classnames';
package/lib/parts/with-scroll-arrows.module.pcss.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_19k469e_4",
3
- "scrollable": "_scrollable_19k469e_10",
4
- "arrowShadow": "_arrowShadow_19k469e_39",
5
- "arrow": "_arrow_19k469e_39",
6
- "light": "_light_19k469e_82",
7
- "dark": "_dark_19k469e_86",
8
- "shown": "_shown_19k469e_91",
9
- "arrowLeft": "_arrowLeft_19k469e_99",
10
- "arrowRight": "_arrowRight_19k469e_112",
11
- "arrowButton": "_arrowButton_19k469e_126"
2
+ "wrapper": "_wrapper_1b21bog_4",
3
+ "scrollable": "_scrollable_1b21bog_10",
4
+ "arrowShadow": "_arrowShadow_1b21bog_39",
5
+ "arrow": "_arrow_1b21bog_39",
6
+ "light": "_light_1b21bog_82",
7
+ "dark": "_dark_1b21bog_86",
8
+ "shown": "_shown_1b21bog_91",
9
+ "arrowLeft": "_arrowLeft_1b21bog_99",
10
+ "arrowRight": "_arrowRight_1b21bog_112",
11
+ "arrowButton": "_arrowButton_1b21bog_126"
12
12
  };
13
- export default styles;
13
+ export { styles as default };
package/lib/tab-list.js CHANGED
@@ -68,5 +68,4 @@ TabList.propTypes = {
68
68
  arrowBackgroundColor: PropTypes.string,
69
69
  'data-e2e': PropTypes.string
70
70
  };
71
- export default TabList;
72
- export { TabList };
71
+ export { TabList, TabList as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.7.4",
3
+ "version": "0.7.7",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,13 +17,13 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.14.0",
19
19
  "@juggle/resize-observer": "3.3.0",
20
- "@rescui/button": "^0.6.4",
21
- "@rescui/icons": "^0.7.1",
20
+ "@rescui/button": "^0.6.7",
21
+ "@rescui/icons": "^0.8.2",
22
22
  "classnames": "^2.2.6",
23
23
  "core-js": "^3.9.1"
24
24
  },
25
25
  "peerDependencies": {
26
- "@rescui/ui-contexts": "<0.3.0",
26
+ "@rescui/ui-contexts": "<0.4.0",
27
27
  "prop-types": "^15.7.2",
28
28
  "react": ">=16.8.0 <18"
29
29
  },
@@ -31,11 +31,11 @@
31
31
  "@rescui/colors": "^0.1.1",
32
32
  "@rescui/postcss-preset-library": "^0.0.5",
33
33
  "@rescui/scripts": "^0.1.5",
34
- "@rescui/typography": "^0.7.1",
34
+ "@rescui/typography": "^0.7.3",
35
35
  "@rescui/visual-regression": "^0.0.1"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "10cf86a6c4c4b678c0b94c03c56c6d33214f03e8"
40
+ "gitHead": "0747cafd54c577bb1658dce2ab5e6900ff0854b6"
41
41
  }