@rescui/tab-list 0.7.15 → 0.8.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 (11) hide show
  1. package/lib/index.css +107 -85
  2. package/lib/parts/deep-map.d.ts +1 -1
  3. package/lib/parts/deep-map.js +9 -2
  4. package/lib/parts/separator.p.module.css.js +3 -3
  5. package/lib/parts/tab-list.p.module.css.js +18 -18
  6. package/lib/parts/tab.d.ts +11 -2
  7. package/lib/parts/tab.js +34 -13
  8. package/lib/parts/use-scrollable-list.js +37 -25
  9. package/lib/parts/with-scroll-arrows.js +2 -1
  10. package/lib/parts/with-scroll-arrows.p.module.css.js +10 -10
  11. package/package.json +7 -7
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
- ._wrapper_1ek49lh_9{
1
+ ._wrapper_ihnvl0_9{
2
2
  position:relative;
3
3
  }
4
- ._tabsContainer_1ek49lh_13{
4
+ ._tabsContainer_ihnvl0_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_1ek49lh_19{
13
+ ._indicator_ihnvl0_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_1ek49lh_31._classic_1ek49lh_31 ._indicator_1ek49lh_19{
26
+ ._light_ihnvl0_31._classic_ihnvl0_31 ._indicator_ihnvl0_19{
27
27
  background-color:#6B57FF;
28
28
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
29
29
  }
30
- ._dark_1ek49lh_35._classic_1ek49lh_31 ._indicator_1ek49lh_19{
30
+ ._dark_ihnvl0_35._classic_ihnvl0_31 ._indicator_ihnvl0_19{
31
31
  background-color:#8473FF;
32
32
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
33
33
  }
34
- ._light_1ek49lh_31._rock_1ek49lh_39 ._indicator_1ek49lh_19{
34
+ ._light_ihnvl0_31._rock_ihnvl0_39 ._indicator_ihnvl0_19{
35
35
  background-color:#19191C;
36
36
  }
37
- ._dark_1ek49lh_35._rock_1ek49lh_39 ._indicator_1ek49lh_19{
37
+ ._dark_ihnvl0_35._rock_ihnvl0_39 ._indicator_ihnvl0_19{
38
38
  background-color:#FFFFFF;
39
39
  }
40
- ._tab_1ek49lh_13{
40
+ ._tab_ihnvl0_13{
41
41
  position:relative;
42
42
 
43
43
  display:-webkit-box;
@@ -57,21 +57,43 @@
57
57
  -ms-flex-align:center;
58
58
  align-items:center;
59
59
 
60
+ margin:0;
61
+ padding:0;
62
+
63
+ border:none;
64
+
60
65
  outline:none;
61
66
 
62
67
  list-style:none;
63
68
 
64
69
  cursor:pointer;
65
70
  white-space:nowrap;
71
+ text-decoration:none;
72
+
73
+ color:inherit;
74
+ background:transparent;
75
+ -webkit-box-shadow:none;
76
+ box-shadow:none;
77
+
78
+ font:inherit;
79
+ line-height:normal;
80
+ -webkit-font-smoothing:inherit;
81
+ -moz-osx-font-smoothing:inherit;
82
+ -webkit-appearance:none;
66
83
  }
67
- ._tab_1ek49lh_13:hover,
68
- ._tab_1ek49lh_13:active,
69
- ._tab_1ek49lh_13:focus{
84
+ ._tab_ihnvl0_13::-moz-focus-inner{
85
+ padding:0;
86
+
87
+ border:none;
88
+ }
89
+ ._tab_ihnvl0_13:hover,
90
+ ._tab_ihnvl0_13:active,
91
+ ._tab_ihnvl0_13:focus{
70
92
  outline:none;
71
93
 
72
94
  text-decoration:none;
73
95
  }
74
- ._tab_1ek49lh_13:after{
96
+ ._tab_ihnvl0_13:after{
75
97
  position:absolute;
76
98
  bottom:0;
77
99
  left:0;
@@ -83,13 +105,13 @@
83
105
 
84
106
  background-color:transparent;
85
107
  }
86
- ._tab_1ek49lh_13:after:focus[data-focus-method='key']{
108
+ ._tab_ihnvl0_13:after:focus[data-focus-method='key']{
87
109
  opacity:0;
88
110
  }
89
- ._tab_1ek49lh_13:hover:after{
111
+ ._tab_ihnvl0_13:hover:after{
90
112
  height:1px;
91
113
  }
92
- ._sizeM_1ek49lh_99 ._tab_1ek49lh_13{
114
+ ._sizeM_ihnvl0_125 ._tab_ihnvl0_13{
93
115
  letter-spacing:0.0015em;
94
116
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
95
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));
@@ -101,13 +123,13 @@
101
123
  line-height:24px;
102
124
  line-height:var(--rs-text-2-line-height, 24px);
103
125
  }
104
- ._rs-reset-letter-spacing_1ek49lh_1 ._sizeM_1ek49lh_99 ._tab_1ek49lh_13{
126
+ ._rs-reset-letter-spacing_ihnvl0_1 ._sizeM_ihnvl0_125 ._tab_ihnvl0_13{
105
127
  letter-spacing:normal;
106
128
  }
107
- ._sizeM_1ek49lh_99 ._tab_1ek49lh_13 {
129
+ ._sizeM_ihnvl0_125 ._tab_ihnvl0_13 {
108
130
  padding:8px 0;
109
131
  }
110
- ._sizeL_1ek49lh_104 ._tab_1ek49lh_13{
132
+ ._sizeL_ihnvl0_130 ._tab_ihnvl0_13{
111
133
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
112
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));
113
135
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -119,37 +141,37 @@
119
141
  line-height:var(--rs-text-1-line-height, 28px);
120
142
  padding:12px 0;
121
143
  }
122
- ._innerOffsetM_1ek49lh_109 ._tab_1ek49lh_13{
144
+ ._innerOffsetM_ihnvl0_135 ._tab_ihnvl0_13{
123
145
  margin-left:24px;
124
146
  }
125
147
  @media screen and (max-width: 640px){
126
- ._innerOffsetM_1ek49lh_109 ._tab_1ek49lh_13{
148
+ ._innerOffsetM_ihnvl0_135 ._tab_ihnvl0_13{
127
149
  margin-left:16px
128
150
  }
129
151
  }
130
- ._innerOffsetL_1ek49lh_117 ._tab_1ek49lh_13{
152
+ ._innerOffsetL_ihnvl0_143 ._tab_ihnvl0_13{
131
153
  margin-left:32px;
132
154
  }
133
155
  @media screen and (max-width: 640px){
134
- ._innerOffsetL_1ek49lh_117 ._tab_1ek49lh_13{
156
+ ._innerOffsetL_ihnvl0_143 ._tab_ihnvl0_13{
135
157
  margin-left:24px
136
158
  }
137
159
  }
138
- ._light_1ek49lh_31 ._tab_1ek49lh_13{
160
+ ._light_ihnvl0_31 ._tab_ihnvl0_13{
139
161
  color:rgba(25,25,28,0.7);
140
162
  }
141
- ._dark_1ek49lh_35 ._tab_1ek49lh_13{
163
+ ._dark_ihnvl0_35 ._tab_ihnvl0_13{
142
164
  color:rgba(255,255,255,0.7);
143
165
  }
144
- ._light_1ek49lh_31 ._tab_1ek49lh_13._short_1ek49lh_133{
166
+ ._light_ihnvl0_31 ._tab_ihnvl0_13._short_ihnvl0_159{
145
167
  -webkit-box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
146
168
  box-shadow:inset 0 -1px 0 rgba(25,25,28,0.3);
147
169
  }
148
- ._dark_1ek49lh_35 ._tab_1ek49lh_13._short_1ek49lh_133{
170
+ ._dark_ihnvl0_35 ._tab_ihnvl0_13._short_ihnvl0_159{
149
171
  -webkit-box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
150
172
  box-shadow:inset 0 -1px 0 rgba(255,255,255,0.4);
151
173
  }
152
- ._tab_1ek49lh_13._selected_1ek49lh_141{
174
+ ._tab_ihnvl0_13._selected_ihnvl0_167{
153
175
  z-index:1;
154
176
 
155
177
  cursor:default;
@@ -158,110 +180,110 @@
158
180
 
159
181
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
160
182
  }
161
- ._tab_1ek49lh_13._selected_1ek49lh_141:after{
183
+ ._tab_ihnvl0_13._selected_ihnvl0_167:after{
162
184
  height:2px;
163
185
 
164
186
  -webkit-transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
165
187
 
166
188
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
167
189
  }
168
- ._light_1ek49lh_31 ._tab_1ek49lh_13:hover{
190
+ ._light_ihnvl0_31 ._tab_ihnvl0_13:hover{
169
191
  color:#19191C;
170
192
  }
171
- ._light_1ek49lh_31 ._tab_1ek49lh_13:hover:after{
193
+ ._light_ihnvl0_31 ._tab_ihnvl0_13:hover:after{
172
194
  background-color:#19191C;
173
195
  }
174
- ._dark_1ek49lh_35 ._tab_1ek49lh_13:hover{
196
+ ._dark_ihnvl0_35 ._tab_ihnvl0_13:hover{
175
197
  color:#FFFFFF;
176
198
  }
177
- ._dark_1ek49lh_35 ._tab_1ek49lh_13:hover:after{
199
+ ._dark_ihnvl0_35 ._tab_ihnvl0_13:hover:after{
178
200
  background-color:#FFFFFF;
179
201
  }
180
- ._light_1ek49lh_31._rock_1ek49lh_39 ._tab_1ek49lh_13._selected_1ek49lh_141{
202
+ ._light_ihnvl0_31._rock_ihnvl0_39 ._tab_ihnvl0_13._selected_ihnvl0_167{
181
203
  color:#19191C;
182
204
  }
183
- ._light_1ek49lh_31._rock_1ek49lh_39 ._tab_1ek49lh_13._selected_1ek49lh_141:after{
205
+ ._light_ihnvl0_31._rock_ihnvl0_39 ._tab_ihnvl0_13._selected_ihnvl0_167:after{
184
206
  background-color:#19191C;
185
207
  }
186
- ._dark_1ek49lh_35._rock_1ek49lh_39 ._tab_1ek49lh_13._selected_1ek49lh_141{
208
+ ._dark_ihnvl0_35._rock_ihnvl0_39 ._tab_ihnvl0_13._selected_ihnvl0_167{
187
209
  color:#FFFFFF;
188
210
  }
189
- ._dark_1ek49lh_35._rock_1ek49lh_39 ._tab_1ek49lh_13._selected_1ek49lh_141:after{
211
+ ._dark_ihnvl0_35._rock_ihnvl0_39 ._tab_ihnvl0_13._selected_ihnvl0_167:after{
190
212
  background-color:#FFFFFF;
191
213
  }
192
- ._light_1ek49lh_31._classic_1ek49lh_31 ._tab_1ek49lh_13._selected_1ek49lh_141{
214
+ ._light_ihnvl0_31._classic_ihnvl0_31 ._tab_ihnvl0_13._selected_ihnvl0_167{
193
215
  color:#6B57FF;
194
216
  color:var(--rs-color-primary-light-theme, #6B57FF);
195
217
  }
196
- ._light_1ek49lh_31._classic_1ek49lh_31 ._tab_1ek49lh_13._selected_1ek49lh_141:after{
218
+ ._light_ihnvl0_31._classic_ihnvl0_31 ._tab_ihnvl0_13._selected_ihnvl0_167:after{
197
219
  background-color:#6B57FF;
198
220
  background-color:var(--rs-color-primary-light-theme, #6B57FF);
199
221
  }
200
- ._dark_1ek49lh_35._classic_1ek49lh_31 ._tab_1ek49lh_13._selected_1ek49lh_141{
222
+ ._dark_ihnvl0_35._classic_ihnvl0_31 ._tab_ihnvl0_13._selected_ihnvl0_167{
201
223
  color:#8473FF;
202
224
  color:var(--rs-color-primary-dark-theme, #8473FF);
203
225
  }
204
- ._dark_1ek49lh_35._classic_1ek49lh_31 ._tab_1ek49lh_13._selected_1ek49lh_141:after{
226
+ ._dark_ihnvl0_35._classic_ihnvl0_31 ._tab_ihnvl0_13._selected_ihnvl0_167:after{
205
227
  background-color:#8473FF;
206
228
  background-color:var(--rs-color-primary-dark-theme, #8473FF);
207
229
  }
208
- ._light_1ek49lh_31 ._tab_1ek49lh_13:focus[data-focus-method='key']{
209
- -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;
210
- -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;
211
- 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;
212
- 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;
230
+ ._light_ihnvl0_31 ._tab_ihnvl0_13:focus[data-focus-method='key']{
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
+ -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
+ 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
+ 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
235
  }
214
- ._light_1ek49lh_31 ._tab_1ek49lh_13:focus[data-focus-method='key']:after{
236
+ ._light_ihnvl0_31 ._tab_ihnvl0_13:focus[data-focus-method='key']:after{
215
237
  opacity:0;
216
238
  }
217
- ._dark_1ek49lh_35 ._tab_1ek49lh_13:focus[data-focus-method='key']{
218
- -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;
219
- -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;
220
- 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;
221
- 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;
239
+ ._dark_ihnvl0_35 ._tab_ihnvl0_13:focus[data-focus-method='key']{
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
+ -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
+ 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
+ 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
244
  }
223
- ._dark_1ek49lh_35 ._tab_1ek49lh_13:focus[data-focus-method='key']:after{
245
+ ._dark_ihnvl0_35 ._tab_ihnvl0_13:focus[data-focus-method='key']:after{
224
246
  opacity:0;
225
247
  }
226
- ._innerOffsetL_1ek49lh_117 ._tab_1ek49lh_13:first-of-type,
227
- ._innerOffsetM_1ek49lh_109 ._tab_1ek49lh_13:first-of-type{
248
+ ._innerOffsetL_ihnvl0_143 ._tab_ihnvl0_13:first-child,
249
+ ._innerOffsetM_ihnvl0_135 ._tab_ihnvl0_13:first-child{
228
250
  margin-left:0;
229
251
  }
230
252
  @media screen and (max-width: 640px){
231
- ._innerOffsetL_1ek49lh_117 ._tab_1ek49lh_13:first-of-type,
232
- ._innerOffsetM_1ek49lh_109 ._tab_1ek49lh_13:first-of-type{
253
+ ._innerOffsetL_ihnvl0_143 ._tab_ihnvl0_13:first-child,
254
+ ._innerOffsetM_ihnvl0_135 ._tab_ihnvl0_13:first-child{
233
255
  margin-left:0
234
256
  }
235
257
  }
236
- ._icon_1ek49lh_239{
258
+ ._icon_ihnvl0_269{
237
259
  -webkit-box-flex:0;
238
260
  -ms-flex:0 0;
239
261
  flex:0 0;
240
262
  -ms-flex-preferred-size:auto;
241
263
  flex-basis:auto;
242
264
  }
243
- ._sizeM_1ek49lh_99 ._icon_1ek49lh_239{
265
+ ._sizeM_ihnvl0_125 ._icon_ihnvl0_269{
244
266
  width:24px;
245
267
  height:24px;
246
268
  }
247
- ._sizeL_1ek49lh_104 ._icon_1ek49lh_239{
269
+ ._sizeL_ihnvl0_130 ._icon_ihnvl0_269{
248
270
  width:28px;
249
271
  height:28px;
250
272
  }
251
- ._sizeM_1ek49lh_99 ._icon_1ek49lh_239._iconLeft_1ek49lh_253{
273
+ ._sizeM_ihnvl0_125 ._icon_ihnvl0_269._iconLeft_ihnvl0_283{
252
274
  margin-right:4px;
253
275
  }
254
- ._sizeL_1ek49lh_104 ._icon_1ek49lh_239._iconLeft_1ek49lh_253{
276
+ ._sizeL_ihnvl0_130 ._icon_ihnvl0_269._iconLeft_ihnvl0_283{
255
277
  margin-right:8px;
256
278
  }
257
- ._sizeM_1ek49lh_99 ._icon_1ek49lh_239._iconRight_1ek49lh_261{
279
+ ._sizeM_ihnvl0_125 ._icon_ihnvl0_269._iconRight_ihnvl0_291{
258
280
  margin-left:4px;
259
281
  }
260
- ._sizeL_1ek49lh_104 ._icon_1ek49lh_239._iconRight_1ek49lh_261{
282
+ ._sizeL_ihnvl0_130 ._icon_ihnvl0_269._iconRight_ihnvl0_291{
261
283
  margin-left:8px;
262
284
  }
263
285
 
264
- ._wrapper_1414wc7_4{
286
+ ._wrapper_16l3bnl_4{
265
287
  position:relative;
266
288
 
267
289
  display:-webkit-box;
@@ -270,7 +292,7 @@
270
292
 
271
293
  display:flex;
272
294
  }
273
- ._scrollable_1414wc7_10{
295
+ ._scrollable_16l3bnl_10{
274
296
  display:-webkit-box;
275
297
  display:-ms-flexbox;
276
298
  display:flex;
@@ -279,7 +301,7 @@
279
301
  margin:-4px;
280
302
  padding:4px;
281
303
  }
282
- ._scrollable_1414wc7_10::after{
304
+ ._scrollable_16l3bnl_10::after{
283
305
  display:block;
284
306
 
285
307
  height:100%;
@@ -288,15 +310,15 @@
288
310
 
289
311
  content:'';
290
312
  }
291
- ._scrollable_1414wc7_10 {
313
+ ._scrollable_16l3bnl_10 {
292
314
 
293
315
  -ms-overflow-style:none;
294
316
  scrollbar-width:none;
295
317
  }
296
- ._scrollable_1414wc7_10::-webkit-scrollbar{
318
+ ._scrollable_16l3bnl_10::-webkit-scrollbar{
297
319
  display:none;
298
320
  }
299
- ._arrowShadow_1414wc7_39{
321
+ ._arrowShadow_16l3bnl_39{
300
322
  position:absolute;
301
323
  top:0;
302
324
 
@@ -306,7 +328,7 @@
306
328
 
307
329
  pointer-events:none;
308
330
  }
309
- ._arrowShadow_1414wc7_39::before{
331
+ ._arrowShadow_16l3bnl_39::before{
310
332
  position:absolute;
311
333
 
312
334
  display:block;
@@ -320,7 +342,7 @@
320
342
 
321
343
  box-shadow:0 0 12px 12px currentColor;
322
344
  }
323
- ._arrow_1414wc7_39{
345
+ ._arrow_16l3bnl_39{
324
346
  position:absolute;
325
347
  z-index:2;
326
348
  top:50%;
@@ -346,15 +368,15 @@
346
368
  -webkit-transform:translateY(-50%);
347
369
  transform:translateY(-50%);
348
370
  }
349
- ._light_1414wc7_82 ._arrow_1414wc7_39{
371
+ ._light_16l3bnl_82 ._arrow_16l3bnl_39{
350
372
  color:#FFFFFF;
351
373
  background-color:#FFFFFF;
352
374
  }
353
- ._dark_1414wc7_86 ._arrow_1414wc7_39{
375
+ ._dark_16l3bnl_86 ._arrow_16l3bnl_39{
354
376
  color:#19191C;
355
377
  background-color:#19191C;
356
378
  }
357
- ._arrow_1414wc7_39._shown_1414wc7_91{
379
+ ._arrow_16l3bnl_39._shown_16l3bnl_91{
358
380
  opacity:1;
359
381
 
360
382
  pointer-events:auto;
@@ -363,36 +385,36 @@
363
385
 
364
386
  transition:opacity 0.15s ease-in;
365
387
  }
366
- ._arrow_1414wc7_39._arrowLeft_1414wc7_99{
388
+ ._arrow_16l3bnl_39._arrowLeft_16l3bnl_99{
367
389
  left:-5px;
368
390
  }
369
- ._arrow_1414wc7_39._arrowLeft_1414wc7_99 ._arrowShadow_1414wc7_39{
391
+ ._arrow_16l3bnl_39._arrowLeft_16l3bnl_99 ._arrowShadow_16l3bnl_39{
370
392
  right:-24px;
371
393
  }
372
- ._arrow_1414wc7_39._arrowLeft_1414wc7_99 ._arrowShadow_1414wc7_39::before{
394
+ ._arrow_16l3bnl_39._arrowLeft_16l3bnl_99 ._arrowShadow_16l3bnl_39::before{
373
395
  left:-100%;
374
396
  }
375
- ._arrow_1414wc7_39._arrowRight_1414wc7_112{
397
+ ._arrow_16l3bnl_39._arrowRight_16l3bnl_112{
376
398
  right:-5px;
377
399
  }
378
- ._arrow_1414wc7_39._arrowRight_1414wc7_112 ._arrowShadow_1414wc7_39{
400
+ ._arrow_16l3bnl_39._arrowRight_16l3bnl_112 ._arrowShadow_16l3bnl_39{
379
401
  left:-24px;
380
402
  }
381
- ._arrow_1414wc7_39._arrowRight_1414wc7_112 ._arrowShadow_1414wc7_39::before{
403
+ ._arrow_16l3bnl_39._arrowRight_16l3bnl_112 ._arrowShadow_16l3bnl_39::before{
382
404
  right:-100%;
383
405
  }
384
- ._arrowButton_1414wc7_126{
406
+ ._arrowButton_16l3bnl_126{
385
407
  cursor:pointer;
386
408
  }
387
409
 
388
- ._separator_12ky7i6_3{
410
+ ._separator_18den48_3{
389
411
  position:relative;
390
412
  z-index:2;
391
413
 
392
414
  width:100%;
393
415
  }
394
416
 
395
- ._separator_12ky7i6_3:after{
417
+ ._separator_18den48_3:after{
396
418
  position:absolute;
397
419
  right:0;
398
420
  bottom:0;
@@ -402,9 +424,9 @@
402
424
 
403
425
  content:'';
404
426
  }
405
- ._light_12ky7i6_22:after{
427
+ ._light_18den48_22:after{
406
428
  background-color:rgba(25,25,28,0.3);
407
429
  }
408
- ._dark_12ky7i6_28:after{
430
+ ._dark_18den48_28:after{
409
431
  background-color:rgba(255,255,255,0.4);
410
432
  }
package/lib/parts/deep-map.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import React from 'react';
2
- export declare function deepMap(children: React.ReactNode, fn: (child: React.ReactNode) => React.ReactNode): (React.ReactChild | React.ReactFragment | React.ReactPortal)[];
2
+ export declare function deepMap(children: React.ReactNode, fn: (child: React.ReactNode) => React.ReactNode): React.ReactNode;
package/lib/parts/deep-map.js CHANGED
@@ -4,7 +4,8 @@ import React, { isValidElement, cloneElement } from 'react';
4
4
  function deepMap(children, fn) {
5
5
  var _context;
6
6
 
7
- return _mapInstanceProperty(_context = React.Children).call(_context, children, function (child, i) {
7
+ var processChild = function processChild(child) {
8
+ var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
8
9
  var returnChild = child;
9
10
 
10
11
  if (! /*#__PURE__*/isValidElement(returnChild)) {
@@ -19,7 +20,13 @@ function deepMap(children, fn) {
19
20
  }
20
21
 
21
22
  return fn(returnChild);
22
- });
23
+ };
24
+
25
+ if ( /*#__PURE__*/isValidElement(children)) {
26
+ return processChild(children);
27
+ }
28
+
29
+ return _mapInstanceProperty(_context = React.Children).call(_context, children, processChild);
23
30
  }
24
31
 
25
32
  export { deepMap };
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "separator": "_separator_12ky7i6_3",
3
- "light": "_light_12ky7i6_22",
4
- "dark": "_dark_12ky7i6_28"
2
+ "separator": "_separator_18den48_3",
3
+ "light": "_light_18den48_22",
4
+ "dark": "_dark_18den48_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_1ek49lh_9",
3
- "tabsContainer": "_tabsContainer_1ek49lh_13",
4
- "indicator": "_indicator_1ek49lh_19",
5
- "light": "_light_1ek49lh_31",
6
- "classic": "_classic_1ek49lh_31",
7
- "dark": "_dark_1ek49lh_35",
8
- "rock": "_rock_1ek49lh_39",
9
- "tab": "_tab_1ek49lh_13",
10
- "sizeM": "_sizeM_1ek49lh_99",
11
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1ek49lh_1",
12
- "sizeL": "_sizeL_1ek49lh_104",
13
- "innerOffsetM": "_innerOffsetM_1ek49lh_109",
14
- "innerOffsetL": "_innerOffsetL_1ek49lh_117",
15
- "short": "_short_1ek49lh_133",
16
- "selected": "_selected_1ek49lh_141",
17
- "icon": "_icon_1ek49lh_239",
18
- "iconLeft": "_iconLeft_1ek49lh_253",
19
- "iconRight": "_iconRight_1ek49lh_261"
2
+ "wrapper": "_wrapper_ihnvl0_9",
3
+ "tabsContainer": "_tabsContainer_ihnvl0_13",
4
+ "indicator": "_indicator_ihnvl0_19",
5
+ "light": "_light_ihnvl0_31",
6
+ "classic": "_classic_ihnvl0_31",
7
+ "dark": "_dark_ihnvl0_35",
8
+ "rock": "_rock_ihnvl0_39",
9
+ "tab": "_tab_ihnvl0_13",
10
+ "sizeM": "_sizeM_ihnvl0_125",
11
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_ihnvl0_1",
12
+ "sizeL": "_sizeL_ihnvl0_130",
13
+ "innerOffsetM": "_innerOffsetM_ihnvl0_135",
14
+ "innerOffsetL": "_innerOffsetL_ihnvl0_143",
15
+ "short": "_short_ihnvl0_159",
16
+ "selected": "_selected_ihnvl0_167",
17
+ "icon": "_icon_ihnvl0_269",
18
+ "iconLeft": "_iconLeft_ihnvl0_283",
19
+ "iconRight": "_iconRight_ihnvl0_291"
20
20
  };
21
21
  export { styles as default };
package/lib/parts/tab.d.ts CHANGED
@@ -1,17 +1,23 @@
1
1
  import React from 'react';
2
2
  import { TabListValueType } from './tab-list-context';
3
3
  export declare type TabIconPosition = 'left' | 'right';
4
- export declare type TabProps = {
4
+ export declare type TabExplicitProps = {
5
5
  className?: string;
6
6
  value?: TabListValueType;
7
7
  /** @ignore */
8
8
  itemId?: number;
9
9
  /** @ignore */
10
+ onClick?: React.MouseEventHandler<HTMLElement>;
11
+ /** @ignore */
10
12
  onFocus?: React.FocusEventHandler<HTMLElement>;
11
13
  /** @ignore */
12
14
  onMouseDown?: React.MouseEventHandler<HTMLElement>;
15
+ /** @ignore */
16
+ onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
13
17
  /** Identifier for e2e tests */
14
18
  'data-e2e'?: string;
19
+ /** Href for link-type Tab */
20
+ href?: string;
15
21
  children?: React.ReactNode;
16
22
  } & ({
17
23
  /** Additional icon */
@@ -22,5 +28,8 @@ export declare type TabProps = {
22
28
  icon?: never;
23
29
  iconPosition?: never;
24
30
  });
25
- declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLDivElement>>;
31
+ declare type TabButtonProps = TabExplicitProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
32
+ declare type TabAnchorProps = TabExplicitProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
33
+ export declare type TabProps = TabButtonProps | TabAnchorProps;
34
+ declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
26
35
  export default Tab;
package/lib/parts/tab.js CHANGED
@@ -5,9 +5,9 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
5
5
  import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
6
6
  import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
7
7
  import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
8
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
8
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
- var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "onFocus", "onMouseDown", "data-e2e"];
9
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
10
+ var _excluded = ["value", "className", "children", "icon", "iconPosition", "itemId", "onClick", "onKeyDown", "data-e2e"];
11
11
 
12
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; }
13
13
 
@@ -18,6 +18,20 @@ import PropTypes from 'prop-types';
18
18
  import cn from 'classnames';
19
19
  import styles from './tab-list.p.module.css.js';
20
20
  import { useTabListContext } from './tab-list-context.js';
21
+ var TabTag = /*#__PURE__*/forwardRef(function (props, ref) {
22
+ if (typeof props.href !== 'undefined') {
23
+ return /*#__PURE__*/React.createElement("a", _objectSpread({
24
+ ref: ref
25
+ }, props), props.children);
26
+ }
27
+
28
+ return /*#__PURE__*/React.createElement("button", _objectSpread(_objectSpread({
29
+ ref: ref
30
+ }, props), {}, {
31
+ type: "button"
32
+ }), props.children);
33
+ });
34
+ TabTag.displayName = 'TabTag';
21
35
  var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
22
36
  var _cn;
23
37
 
@@ -28,8 +42,8 @@ var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
28
42
  _ref$iconPosition = _ref.iconPosition,
29
43
  iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
30
44
  itemId = _ref.itemId,
31
- onFocus = _ref.onFocus,
32
- onMouseDown = _ref.onMouseDown,
45
+ _onClick = _ref.onClick,
46
+ _onKeyDown = _ref.onKeyDown,
33
47
  e2eId = _ref['data-e2e'],
34
48
  restProps = _objectWithoutProperties(_ref, _excluded);
35
49
 
@@ -41,16 +55,23 @@ var Tab = /*#__PURE__*/forwardRef(function (_ref, ref) {
41
55
  var selected = itemId === selectedId;
42
56
  var isRenderLeftIcon = icon && iconPosition === 'left';
43
57
  var isRenderRightIcon = icon && iconPosition === 'right';
44
- return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({}, restProps), {}, {
58
+ return /*#__PURE__*/React.createElement(TabTag, _objectSpread(_objectSpread({}, restProps), {}, {
45
59
  className: cn(styles.tab, (_cn = {}, _defineProperty(_cn, styles.selected, selected), _defineProperty(_cn, styles.short, short), _cn), className),
46
- onClick: function onClick() {
47
- return onChange(value);
60
+ onClick: function onClick(e) {
61
+ if (_onClick) {
62
+ _onClick(e);
63
+ }
64
+
65
+ onChange(value);
48
66
  },
49
- onFocus: onFocus,
50
- onMouseDown: onMouseDown,
51
67
  onKeyDown: function onKeyDown(e) {
52
- if (e.key === 'Enter') {
53
- onChange(value);
68
+ if (e.key === ' ') {
69
+ e.target.click();
70
+ e.preventDefault();
71
+ }
72
+
73
+ if (_onKeyDown) {
74
+ _onKeyDown(e);
54
75
  }
55
76
  },
56
77
  role: "tab",
@@ -72,7 +93,7 @@ Tab.propTypes = {
72
93
  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.symbol, PropTypes.object]),
73
94
  'data-e2e': PropTypes.string,
74
95
  itemId: PropTypes.number,
75
- onFocus: PropTypes.func,
76
- onMouseDown: PropTypes.func
96
+ onClick: PropTypes.func,
97
+ onKeyDown: PropTypes.func
77
98
  };
78
99
  export { Tab as default };
package/lib/parts/use-scrollable-list.js CHANGED
@@ -1,5 +1,22 @@
1
+ import "core-js/modules/web.dom-collections.for-each.js";
2
+ import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
3
+ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
4
+ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
5
+ import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
6
+ import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
1
7
  import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
2
- import { useRef, useState, useCallback, useMemo, useEffect, cloneElement } from 'react';
8
+ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
9
+ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
10
+ var _excluded = ["child", "itemId", "childValue", "ref"],
11
+ _excluded2 = ["value", "onFocus"];
12
+ import "core-js/modules/es.object.to-string.js";
13
+ import "core-js/modules/es.promise.js";
14
+
15
+ 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; }
16
+
17
+ 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; }
18
+
19
+ import React, { useRef, useState, useCallback, useMemo, useEffect, cloneElement } from 'react';
3
20
  import { deepMap } from './deep-map.js';
4
21
  import { useResizeObserver } from './use-resize-observer.js'; // arrow (32) + shadow (10) + shadow blur (~8) + item focus outline (4)
5
22
 
@@ -9,16 +26,14 @@ function patchItemIfNeeded(_ref) {
9
26
  var child = _ref.child,
10
27
  itemId = _ref.itemId,
11
28
  childValue = _ref.childValue,
12
- onFocus = _ref.onFocus,
13
- onMouseDown = _ref.onMouseDown,
14
- ref = _ref.ref;
15
- return /*#__PURE__*/cloneElement(child, {
29
+ ref = _ref.ref,
30
+ restProps = _objectWithoutProperties(_ref, _excluded);
31
+
32
+ return /*#__PURE__*/cloneElement(child, _objectSpread({
16
33
  itemId: itemId,
17
34
  value: childValue,
18
- ref: ref,
19
- onFocus: onFocus,
20
- onMouseDown: onMouseDown
21
- });
35
+ ref: ref
36
+ }, restProps));
22
37
  }
23
38
 
24
39
  function calculateArrowsVisibility(scrollContainerEl) {
@@ -139,9 +154,12 @@ var useScrollableList = function useScrollableList(_ref2) {
139
154
  var currentSelectedItemId = null;
140
155
  var items = deepMap(children, function (child) {
141
156
  if (child.type === CompareItem) {
142
- var childValue = child.props.value || counter;
143
- var onFocusFromProps = child.props.onFocus;
144
- var onMouseDownFromProps = child.props.onMouseDown;
157
+ var _child$props = child.props,
158
+ _child$props$value = _child$props.value,
159
+ childValue = _child$props$value === void 0 ? counter : _child$props$value,
160
+ onFocusFromProps = _child$props.onFocus,
161
+ restProps = _objectWithoutProperties(_child$props, _excluded2);
162
+
145
163
  var hasAlreadySelectedItem = currentSelectedItemId === null;
146
164
  var isSelectedItem = hasAlreadySelectedItem && compareValues(value, childValue);
147
165
 
@@ -149,10 +167,11 @@ var useScrollableList = function useScrollableList(_ref2) {
149
167
  currentSelectedItemId = counter;
150
168
  }
151
169
 
152
- var patchedItem = patchItemIfNeeded({
170
+ var patchedItem = patchItemIfNeeded(_objectSpread(_objectSpread({
153
171
  child: child,
154
172
  itemId: counter,
155
- childValue: childValue,
173
+ childValue: childValue
174
+ }, restProps), {}, {
156
175
  onFocus: function onFocus(e) {
157
176
  if (onFocusFromProps) {
158
177
  onFocusFromProps(e);
@@ -160,23 +179,16 @@ var useScrollableList = function useScrollableList(_ref2) {
160
179
 
161
180
  _onFocus(e);
162
181
  },
163
- onMouseDown: function onMouseDown(e) {
164
- if (onMouseDownFromProps) {
165
- onMouseDownFromProps(e);
166
- }
167
-
168
- e.preventDefault();
169
- },
170
182
  ref: isSelectedItem ? activeNodeRef : null
171
- });
183
+ }));
172
184
  counter += 1;
173
185
  return patchedItem;
174
186
  } else {
175
187
  return child;
176
188
  }
177
189
  });
178
- return [items, currentSelectedItemId];
179
- }, [children, value, compareValues]),
190
+ return [React.Children.toArray(items), currentSelectedItemId];
191
+ }, [children, value, compareValues, _onFocus, CompareItem]),
180
192
  _useMemo2 = _slicedToArray(_useMemo, 2),
181
193
  childrenWithValues = _useMemo2[0],
182
194
  selectedId = _useMemo2[1];
@@ -203,7 +215,7 @@ var useScrollableList = function useScrollableList(_ref2) {
203
215
  }
204
216
 
205
217
  setShowArrows(calculateArrowsVisibility(scrollableRef.current));
206
- }, [scrollableRef.current, childrenWithValues.length]);
218
+ }, []);
207
219
  var onPartsResize = useCallback(function () {
208
220
  var scrollableEl = scrollableRef.current;
209
221
 
package/lib/parts/with-scroll-arrows.js CHANGED
@@ -86,7 +86,8 @@ var withScrollArrows = function withScrollArrows(WrappedComponent, CompareItem)
86
86
  className: styles.arrowShadow
87
87
  })), /*#__PURE__*/React.createElement("div", {
88
88
  className: styles.scrollable,
89
- ref: scrollableRef
89
+ ref: scrollableRef,
90
+ tabIndex: -1
90
91
  }, /*#__PURE__*/React.createElement(WrappedComponent, _objectSpread({
91
92
  selectedId: selectedId,
92
93
  activeNodeRef: activeNodeRef,
package/lib/parts/with-scroll-arrows.p.module.css.js CHANGED
@@ -1,13 +1,13 @@
1
1
  var styles = {
2
- "wrapper": "_wrapper_1414wc7_4",
3
- "scrollable": "_scrollable_1414wc7_10",
4
- "arrowShadow": "_arrowShadow_1414wc7_39",
5
- "arrow": "_arrow_1414wc7_39",
6
- "light": "_light_1414wc7_82",
7
- "dark": "_dark_1414wc7_86",
8
- "shown": "_shown_1414wc7_91",
9
- "arrowLeft": "_arrowLeft_1414wc7_99",
10
- "arrowRight": "_arrowRight_1414wc7_112",
11
- "arrowButton": "_arrowButton_1414wc7_126"
2
+ "wrapper": "_wrapper_16l3bnl_4",
3
+ "scrollable": "_scrollable_16l3bnl_10",
4
+ "arrowShadow": "_arrowShadow_16l3bnl_39",
5
+ "arrow": "_arrow_16l3bnl_39",
6
+ "light": "_light_16l3bnl_82",
7
+ "dark": "_dark_16l3bnl_86",
8
+ "shown": "_shown_16l3bnl_91",
9
+ "arrowLeft": "_arrowLeft_16l3bnl_99",
10
+ "arrowRight": "_arrowRight_16l3bnl_112",
11
+ "arrowButton": "_arrowButton_16l3bnl_126"
12
12
  };
13
13
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.7.15",
3
+ "version": "0.8.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.7.4",
21
- "@rescui/icons": "^0.10.2",
20
+ "@rescui/button": "^0.7.5",
21
+ "@rescui/icons": "^0.10.3",
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.4",
31
+ "@rescui/colors": "^0.1.5",
32
32
  "@rescui/postcss-preset-library": "^0.1.0",
33
33
  "@rescui/scripts": "^0.1.7",
34
- "@rescui/typography": "^0.8.2",
35
- "@rescui/visual-regression": "^0.0.3"
34
+ "@rescui/typography": "^0.8.3",
35
+ "@rescui/visual-regression": "^0.0.4"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "399d5bcaf892b517a4b5d8108d509ed6549629f2"
40
+ "gitHead": "20a2d86279a96ad1375a69513d550bdc983f9616"
41
41
  }