@rescui/tab-list 0.15.1-remove-core-js-dep-e582ebda.2 → 0.15.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/_virtual/index.css.js +12 -12
  2. package/lib/index.css +81 -80
  3. package/lib/parts/separator.p.module.css.js +3 -3
  4. package/lib/parts/tab-list.p.module.css.js +16 -16
  5. package/lib/parts/use-scrollable-list.js +6 -2
  6. package/lib/parts/with-scroll-arrows.p.module.css.js +11 -11
  7. package/package.json +9 -9
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_16jmdht_4",
3
- "sizeXS": "_sizeXS_16jmdht_14",
4
- "sizeS": "_sizeS_16jmdht_18",
5
- "sizeM": "_sizeM_16jmdht_22",
6
- "sizeL": "_sizeL_16jmdht_26",
7
- "light": "_light_16jmdht_30",
8
- "dark": "_dark_16jmdht_34",
9
- "allVariants": "_allVariants_16jmdht_48",
10
- "variant16": "_variant16_16jmdht_53",
11
- "variant20": "_variant20_16jmdht_54",
12
- "variant24": "_variant24_16jmdht_55",
13
- "variant28": "_variant28_16jmdht_58"
2
+ "icon": "_icon_jroyob_4",
3
+ "sizeXS": "_sizeXS_jroyob_14",
4
+ "sizeS": "_sizeS_jroyob_18",
5
+ "sizeM": "_sizeM_jroyob_22",
6
+ "sizeL": "_sizeL_jroyob_26",
7
+ "light": "_light_jroyob_30",
8
+ "dark": "_dark_jroyob_34",
9
+ "allVariants": "_allVariants_jroyob_48",
10
+ "variant16": "_variant16_jroyob_53",
11
+ "variant20": "_variant20_jroyob_54",
12
+ "variant24": "_variant24_jroyob_55",
13
+ "variant28": "_variant28_jroyob_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_16jmdht_4{
1
+ ._icon_jroyob_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_16jmdht_4{
11
+ ._icon_jroyob_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_16jmdht_4{
20
+ ._icon_jroyob_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_16jmdht_4{
28
+ ._icon_jroyob_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_16jmdht_14{
35
+ ._sizeXS_jroyob_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_16jmdht_18{
38
+ ._sizeS_jroyob_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_16jmdht_22{
41
+ ._sizeM_jroyob_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_16jmdht_26{
44
+ ._sizeL_jroyob_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_16jmdht_30{
47
+ ._light_jroyob_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_16jmdht_34{
51
+ ._dark_jroyob_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,54 +60,54 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_16jmdht_48{
63
+ ._allVariants_jroyob_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_16jmdht_53,
68
- ._variant20_16jmdht_54,
69
- ._variant24_16jmdht_55{
67
+ ._variant16_jroyob_53,
68
+ ._variant20_jroyob_54,
69
+ ._variant24_jroyob_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_16jmdht_58{
72
+ ._variant28_jroyob_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_16jmdht_55{
76
+ ._variant24_jroyob_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_16jmdht_58{
79
+ ._variant28_jroyob_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_16jmdht_54{
84
+ ._variant20_jroyob_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_16jmdht_55{
87
+ ._variant24_jroyob_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_16jmdht_53{
92
+ ._variant16_jroyob_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_16jmdht_54{
95
+ ._variant20_jroyob_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._light_1lvs5r2_7{
99
+ ._light_awkxun_7{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._dark_1lvs5r2_10{
102
+ ._dark_awkxun_10{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeM_1lvs5r2_14{
105
+ ._sizeM_awkxun_14{
106
106
  --_rs-tab-list-tab-vertical-padding:8px;
107
107
  --_rs-tab-list-icon-size:24px;
108
108
  --_rs-tab-list-icon-offset:4px;
109
109
  }
110
- ._sizeM_1lvs5r2_14 [data-rs-internal='tab-list__tab']{
110
+ ._sizeM_awkxun_14 [data-rs-internal='tab-list__tab']{
111
111
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
112
112
  --_rs-typography-text-transform:initial;
113
113
  --_rs-typography-font-variant-numeric:initial;
@@ -145,16 +145,16 @@
145
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
146
  }
147
147
  @media screen and (max-width: 640px){
148
- ._sizeM_1lvs5r2_14 [data-rs-internal='tab-list__tab']{
148
+ ._sizeM_awkxun_14 [data-rs-internal='tab-list__tab']{
149
149
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
150
150
  }
151
151
  }
152
- ._sizeL_1lvs5r2_17{
152
+ ._sizeL_awkxun_17{
153
153
  --_rs-tab-list-tab-vertical-padding:12px;
154
154
  --_rs-tab-list-icon-size:28px;
155
155
  --_rs-tab-list-icon-offset:8px;
156
156
  }
157
- ._sizeL_1lvs5r2_17 [data-rs-internal='tab-list__tab']{
157
+ ._sizeL_awkxun_17 [data-rs-internal='tab-list__tab']{
158
158
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
159
159
  --_rs-typography-text-transform:initial;
160
160
  --_rs-typography-font-variant-numeric:initial;
@@ -192,28 +192,28 @@
192
192
  --_rs-typography-link-border-bottom-width-from-text:1px;
193
193
  }
194
194
  @media screen and (max-width: 640px){
195
- ._sizeL_1lvs5r2_17 [data-rs-internal='tab-list__tab']{
195
+ ._sizeL_awkxun_17 [data-rs-internal='tab-list__tab']{
196
196
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
197
197
  }
198
198
  }
199
- ._classic_1lvs5r2_21{
199
+ ._classic_awkxun_21{
200
200
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
201
201
  }
202
- ._rock_1lvs5r2_24{
202
+ ._rock_awkxun_24{
203
203
  --_rs-tab-list-indicator-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
204
204
  }
205
- ._sparse_1lvs5r2_28{
205
+ ._sparse_awkxun_28{
206
206
  --_rs-tab-list-tab-margin-left-or-initial:32px;
207
207
  }
208
208
  @media screen and (max-width: 640px){
209
- ._sparse_1lvs5r2_28{
209
+ ._sparse_awkxun_28{
210
210
  --_rs-tab-list-tab-margin-left-or-initial:24px;
211
211
  }
212
212
  }
213
- ._short_1lvs5r2_32{
213
+ ._short_awkxun_32{
214
214
  --_rs-tab-list-tab-box-shadow:inset 0 -1px 0 rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), calc(0.3 + var(--_rs-theme-dark-coefficient)*0.1));
215
215
  }
216
- ._tabsContainer_1lvs5r2_36{
216
+ ._tabsContainer_awkxun_36{
217
217
  --_rs-theme-dark:var(
218
218
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
219
219
  var(--rs-theme-dark, 0)
@@ -223,7 +223,7 @@
223
223
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
224
224
  }
225
225
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
226
- ._tabsContainer_1lvs5r2_36{
226
+ ._tabsContainer_awkxun_36{
227
227
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
228
228
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
229
229
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -232,7 +232,7 @@
232
232
  }
233
233
  }
234
234
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
235
- ._tabsContainer_1lvs5r2_36{
235
+ ._tabsContainer_awkxun_36{
236
236
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
237
237
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
238
238
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -240,15 +240,15 @@
240
240
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
241
241
  }
242
242
  }
243
- ._tabsContainer_1lvs5r2_36 {
243
+ ._tabsContainer_awkxun_36 {
244
244
  --_rs-tab-list-tab-base-margin-left:24px;
245
245
  }
246
246
  @media screen and (max-width: 640px){
247
- ._tabsContainer_1lvs5r2_36{
247
+ ._tabsContainer_awkxun_36{
248
248
  --_rs-tab-list-tab-base-margin-left:16px;
249
249
  }
250
250
  }
251
- ._tabsContainer_1lvs5r2_36 {
251
+ ._tabsContainer_awkxun_36 {
252
252
  --_rs-tab-list-tab-margin-left:var(
253
253
  --_rs-tab-list-tab-margin-left-or-initial,
254
254
  var(--_rs-tab-list-tab-base-margin-left)
@@ -258,7 +258,7 @@
258
258
 
259
259
  display:flex;
260
260
  }
261
- ._indicator_1lvs5r2_46{
261
+ ._indicator_awkxun_46{
262
262
  position:absolute;
263
263
  z-index:3;
264
264
  bottom:0;
@@ -271,16 +271,17 @@
271
271
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
272
272
  will-change:left, width;
273
273
  }
274
- ._isIndicatorHidden_1lvs5r2_60 ._indicator_1lvs5r2_46{
274
+ ._isIndicatorHidden_awkxun_60 ._indicator_awkxun_46,
275
+ [data-calculating-scrollable="true"] ._indicator_awkxun_46{
275
276
  display:none;
276
277
  }
277
- ._iconLeft_1lvs5r2_65{
278
+ ._iconLeft_awkxun_66{
278
279
  --_rs-tab-list-tab-flex-direction:row;
279
280
  }
280
- ._iconRight_1lvs5r2_68{
281
+ ._iconRight_awkxun_69{
281
282
  --_rs-tab-list-tab-flex-direction:row-reverse;
282
283
  }
283
- ._tab_1lvs5r2_36{
284
+ ._tab_awkxun_36{
284
285
  --_rs-theme-dark:var(
285
286
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
286
287
  var(--rs-theme-dark, 0)
@@ -290,7 +291,7 @@
290
291
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
291
292
  }
292
293
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
293
- ._tab_1lvs5r2_36{
294
+ ._tab_awkxun_36{
294
295
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
295
296
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
296
297
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -299,7 +300,7 @@
299
300
  }
300
301
  }
301
302
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
302
- ._tab_1lvs5r2_36{
303
+ ._tab_awkxun_36{
303
304
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
304
305
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
305
306
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -307,7 +308,7 @@
307
308
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
308
309
  }
309
310
  }
310
- ._tab_1lvs5r2_36 {
311
+ ._tab_awkxun_36 {
311
312
  letter-spacing:var(
312
313
  --rs-text-base-letter-spacing,
313
314
  var(--_rs-typography-letter-spacing)
@@ -351,19 +352,19 @@
351
352
  -moz-osx-font-smoothing:inherit;
352
353
  -webkit-appearance:none;
353
354
  }
354
- ._tab_1lvs5r2_36::-moz-focus-inner{
355
+ ._tab_awkxun_36::-moz-focus-inner{
355
356
  padding:0;
356
357
 
357
358
  border:none;
358
359
  }
359
- ._tab_1lvs5r2_36:hover,
360
- ._tab_1lvs5r2_36:active,
361
- ._tab_1lvs5r2_36:focus{
360
+ ._tab_awkxun_36:hover,
361
+ ._tab_awkxun_36:active,
362
+ ._tab_awkxun_36:focus{
362
363
  outline:none;
363
364
 
364
365
  text-decoration:none;
365
366
  }
366
- ._tab_1lvs5r2_36:after{
367
+ ._tab_awkxun_36:after{
367
368
  position:absolute;
368
369
  bottom:0;
369
370
  left:0;
@@ -376,18 +377,18 @@
376
377
 
377
378
  background-color:transparent;
378
379
  }
379
- ._tab_1lvs5r2_36:focus[data-focus-method='key']:after{
380
+ ._tab_awkxun_36:focus[data-focus-method='key']:after{
380
381
  opacity:0;
381
382
  }
382
- ._tab_1lvs5r2_36:hover{
383
+ ._tab_awkxun_36:hover{
383
384
  color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
384
385
  }
385
- ._tab_1lvs5r2_36:hover:after{
386
+ ._tab_awkxun_36:hover:after{
386
387
  height:1px;
387
388
 
388
389
  background-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
389
390
  }
390
- ._tab_1lvs5r2_36._selected_1lvs5r2_159{
391
+ ._tab_awkxun_36._selected_awkxun_160{
391
392
  z-index:1;
392
393
 
393
394
  cursor:default;
@@ -396,20 +397,20 @@
396
397
 
397
398
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
398
399
  }
399
- ._tab_1lvs5r2_36._selected_1lvs5r2_159:after{
400
+ ._tab_awkxun_36._selected_awkxun_160:after{
400
401
  height:2px;
401
402
 
402
403
  background-color:var(--_rs-tab-list-indicator-background);
403
404
 
404
405
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
405
406
  }
406
- ._tab_1lvs5r2_36:focus[data-focus-method='key']{
407
+ ._tab_awkxun_36:focus[data-focus-method='key']{
407
408
  box-shadow:inset var(--_rs-color-primary-dim) 0 -4px 0 0, inset var(--_rs-color-primary-dim) 0 4px 0 0, var(--_rs-color-primary-dim) -4px 0 0 0, var(--_rs-color-primary-dim) 4px 0 0 0;
408
409
  }
409
- ._tab_1lvs5r2_36:first-child{
410
+ ._tab_awkxun_36:first-child{
410
411
  margin-left:0;
411
412
  }
412
- ._tab_1lvs5r2_36 ._icon_1lvs5r2_65{
413
+ ._tab_awkxun_36 ._icon_awkxun_66{
413
414
  flex:0 0;
414
415
  flex-basis:auto;
415
416
 
@@ -417,13 +418,13 @@
417
418
  height:var(--_rs-tab-list-icon-size);
418
419
  }
419
420
 
420
- ._light_1eeujs8_9{
421
+ ._light_1m19oaa_9{
421
422
  --rs-theme-dark:0;
422
423
  }
423
- ._dark_1eeujs8_12{
424
+ ._dark_1m19oaa_12{
424
425
  --rs-theme-dark:1;
425
426
  }
426
- ._wrapper_1eeujs8_16{
427
+ ._wrapper_1m19oaa_16{
427
428
  --_rs-theme-dark:var(
428
429
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
429
430
  var(--rs-theme-dark, 0)
@@ -435,14 +436,14 @@
435
436
 
436
437
  display:flex;
437
438
  }
438
- ._scrollable_1eeujs8_23{
439
+ ._scrollable_1m19oaa_23{
439
440
  display:flex;
440
441
  overflow-x:scroll;
441
442
 
442
443
  margin:-4px;
443
444
  padding:4px;
444
445
  }
445
- ._scrollable_1eeujs8_23::after{
446
+ ._scrollable_1m19oaa_23::after{
446
447
  display:block;
447
448
 
448
449
  height:100%;
@@ -451,15 +452,15 @@
451
452
 
452
453
  content:'';
453
454
  }
454
- ._scrollable_1eeujs8_23 {
455
+ ._scrollable_1m19oaa_23 {
455
456
 
456
457
  -ms-overflow-style:none;
457
458
  scrollbar-width:none;
458
459
  }
459
- ._scrollable_1eeujs8_23::-webkit-scrollbar{
460
+ ._scrollable_1m19oaa_23::-webkit-scrollbar{
460
461
  display:none;
461
462
  }
462
- ._arrow_1eeujs8_52{
463
+ ._arrow_1m19oaa_52{
463
464
  position:absolute;
464
465
  z-index:2;
465
466
  top:50%;
@@ -479,20 +480,20 @@
479
480
  transition:opacity 0.15s ease-out;
480
481
  transform:translateY(-50%);
481
482
  }
482
- ._arrow_1eeujs8_52._shown_1eeujs8_72{
483
+ ._arrow_1m19oaa_52._shown_1m19oaa_72{
483
484
  opacity:1;
484
485
 
485
486
  pointer-events:auto;
486
487
 
487
488
  transition:opacity 0.15s ease-in;
488
489
  }
489
- ._arrow_1eeujs8_52._arrowLeft_1eeujs8_80{
490
+ ._arrow_1m19oaa_52._arrowLeft_1m19oaa_80{
490
491
  left:-5px;
491
492
  }
492
- ._arrow_1eeujs8_52._arrowRight_1eeujs8_85{
493
+ ._arrow_1m19oaa_52._arrowRight_1m19oaa_85{
493
494
  right:-5px;
494
495
  }
495
- ._withLeftArrow_1eeujs8_91{
496
+ ._withLeftArrow_1m19oaa_91{
496
497
  -webkit-mask-image:linear-gradient(
497
498
  to right,
498
499
  rgba(0, 0, 0, 0) 0%,
@@ -506,7 +507,7 @@
506
507
  black 56px
507
508
  );
508
509
  }
509
- ._withRightArrow_1eeujs8_100{
510
+ ._withRightArrow_1m19oaa_100{
510
511
  -webkit-mask-image:linear-gradient(
511
512
  to left,
512
513
  rgba(0, 0, 0, 0) 0%,
@@ -520,7 +521,7 @@
520
521
  black 56px
521
522
  );
522
523
  }
523
- ._withLeftArrow_1eeujs8_91._withRightArrow_1eeujs8_100{
524
+ ._withLeftArrow_1m19oaa_91._withRightArrow_1m19oaa_100{
524
525
  -webkit-mask-image:linear-gradient(
525
526
  to right,
526
527
  rgba(0, 0, 0, 0) 0%,
@@ -540,17 +541,17 @@
540
541
  rgba(0, 0, 0, 0) 100%
541
542
  );
542
543
  }
543
- ._arrowButton_1eeujs8_121{
544
+ ._arrowButton_1m19oaa_121{
544
545
  cursor:pointer;
545
546
  }
546
547
 
547
- ._light_nw4ggg_4{
548
+ ._light_19cz47e_4{
548
549
  --rs-theme-dark:0;
549
550
  }
550
- ._dark_nw4ggg_7{
551
+ ._dark_19cz47e_7{
551
552
  --rs-theme-dark:1;
552
553
  }
553
- ._separator_nw4ggg_11{
554
+ ._separator_19cz47e_11{
554
555
  --_rs-theme-dark:var(
555
556
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
556
557
  var(--rs-theme-dark, 0)
@@ -564,7 +565,7 @@
564
565
 
565
566
  width:100%;
566
567
  }
567
- ._separator_nw4ggg_11:after{
568
+ ._separator_19cz47e_11:after{
568
569
  position:absolute;
569
570
  right:0;
570
571
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_nw4ggg_4",
3
- "dark": "_dark_nw4ggg_7",
4
- "separator": "_separator_nw4ggg_11"
2
+ "light": "_light_19cz47e_4",
3
+ "dark": "_dark_19cz47e_7",
4
+ "separator": "_separator_19cz47e_11"
5
5
  };
6
6
  export { styles as default };
package/lib/parts/tab-list.p.module.css.js CHANGED
@@ -1,19 +1,19 @@
1
1
  var styles = {
2
- "light": "_light_1lvs5r2_7",
3
- "dark": "_dark_1lvs5r2_10",
4
- "sizeM": "_sizeM_1lvs5r2_14",
5
- "sizeL": "_sizeL_1lvs5r2_17",
6
- "classic": "_classic_1lvs5r2_21",
7
- "rock": "_rock_1lvs5r2_24",
8
- "sparse": "_sparse_1lvs5r2_28",
9
- "short": "_short_1lvs5r2_32",
10
- "tabsContainer": "_tabsContainer_1lvs5r2_36",
11
- "indicator": "_indicator_1lvs5r2_46",
12
- "isIndicatorHidden": "_isIndicatorHidden_1lvs5r2_60",
13
- "iconLeft": "_iconLeft_1lvs5r2_65",
14
- "iconRight": "_iconRight_1lvs5r2_68",
15
- "tab": "_tab_1lvs5r2_36",
16
- "selected": "_selected_1lvs5r2_159",
17
- "icon": "_icon_1lvs5r2_65"
2
+ "light": "_light_awkxun_7",
3
+ "dark": "_dark_awkxun_10",
4
+ "sizeM": "_sizeM_awkxun_14",
5
+ "sizeL": "_sizeL_awkxun_17",
6
+ "classic": "_classic_awkxun_21",
7
+ "rock": "_rock_awkxun_24",
8
+ "sparse": "_sparse_awkxun_28",
9
+ "short": "_short_awkxun_32",
10
+ "tabsContainer": "_tabsContainer_awkxun_36",
11
+ "indicator": "_indicator_awkxun_46",
12
+ "isIndicatorHidden": "_isIndicatorHidden_awkxun_60",
13
+ "iconLeft": "_iconLeft_awkxun_66",
14
+ "iconRight": "_iconRight_awkxun_69",
15
+ "tab": "_tab_awkxun_36",
16
+ "selected": "_selected_awkxun_160",
17
+ "icon": "_icon_awkxun_66"
18
18
  };
19
19
  export { styles as default };
package/lib/parts/use-scrollable-list.js CHANGED
@@ -22,14 +22,18 @@ function patchItemIfNeeded(_ref) {
22
22
  }
23
23
 
24
24
  function calculateArrowsVisibility(scrollContainerEl) {
25
- // doing this because scrollContainerEl.scrollWidth returns a rounded value
25
+ // hiding indicator so it wouldn't affect the calculations
26
+ scrollContainerEl.setAttribute('data-calculating-scrollable', 'true'); // doing this because scrollContainerEl.scrollWidth returns a rounded value
27
+
26
28
  const scrollLeft = Math.round(scrollContainerEl.scrollLeft);
27
29
  const shouldShowAnyArrow = scrollContainerEl.offsetWidth < scrollContainerEl.scrollWidth; // in some browsers, fully scrolled element has `scrollLeft + offsetWidth === scrollWidth - 1`
28
30
  // so we take this measurement error into account
29
31
 
30
32
  const delta = 1;
31
33
  const showLeftArrow = shouldShowAnyArrow && scrollLeft > 0;
32
- const showRightArrow = shouldShowAnyArrow && scrollLeft + scrollContainerEl.offsetWidth < scrollContainerEl.scrollWidth - delta;
34
+ const showRightArrow = shouldShowAnyArrow && scrollLeft + scrollContainerEl.offsetWidth < scrollContainerEl.scrollWidth - delta; // showing the indicator back after the calculations
35
+
36
+ scrollContainerEl.removeAttribute('data-calculating-scrollable');
33
37
  return {
34
38
  showLeftArrow,
35
39
  showRightArrow
package/lib/parts/with-scroll-arrows.p.module.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "light": "_light_1eeujs8_9",
3
- "dark": "_dark_1eeujs8_12",
4
- "wrapper": "_wrapper_1eeujs8_16",
5
- "scrollable": "_scrollable_1eeujs8_23",
6
- "arrow": "_arrow_1eeujs8_52",
7
- "shown": "_shown_1eeujs8_72",
8
- "arrowLeft": "_arrowLeft_1eeujs8_80",
9
- "arrowRight": "_arrowRight_1eeujs8_85",
10
- "withLeftArrow": "_withLeftArrow_1eeujs8_91",
11
- "withRightArrow": "_withRightArrow_1eeujs8_100",
12
- "arrowButton": "_arrowButton_1eeujs8_121"
2
+ "light": "_light_1m19oaa_9",
3
+ "dark": "_dark_1m19oaa_12",
4
+ "wrapper": "_wrapper_1m19oaa_16",
5
+ "scrollable": "_scrollable_1m19oaa_23",
6
+ "arrow": "_arrow_1m19oaa_52",
7
+ "shown": "_shown_1m19oaa_72",
8
+ "arrowLeft": "_arrowLeft_1m19oaa_80",
9
+ "arrowRight": "_arrowRight_1m19oaa_85",
10
+ "withLeftArrow": "_withLeftArrow_1m19oaa_91",
11
+ "withRightArrow": "_withRightArrow_1m19oaa_100",
12
+ "arrowButton": "_arrowButton_1m19oaa_121"
13
13
  };
14
14
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.15.1-remove-core-js-dep-e582ebda.2+e582ebda",
3
+ "version": "0.15.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,8 +16,8 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/button": "0.22.1-remove-core-js-dep-e582ebda.2+e582ebda",
20
- "@rescui/use-resize-observer": "0.3.1-remove-core-js-dep-e582ebda.2+e582ebda",
19
+ "@rescui/button": "^0.22.0",
20
+ "@rescui/use-resize-observer": "^0.3.0",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
@@ -26,16 +26,16 @@
26
26
  "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "0.2.11-remove-core-js-dep-e582ebda.2+e582ebda",
30
- "@rescui/postcss-preset-library": "0.2.2",
31
- "@rescui/scripts": "0.5.1",
32
- "@rescui/typography": "0.24.1-remove-core-js-dep-e582ebda.2+e582ebda",
33
- "@rescui/visual-regression": "0.1.2"
29
+ "@rescui/colors": "^0.2.10",
30
+ "@rescui/postcss-preset-library": "^0.2.2",
31
+ "@rescui/scripts": "^0.5.1",
32
+ "@rescui/typography": "^0.24.0",
33
+ "@rescui/visual-regression": "^0.1.2"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build && yarn run build-pcss-api",
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "e582ebda8e4a1120fbf651940b389dcc226128c8"
40
+ "gitHead": "6379f66ffde92a7493e716d1e51f48d7f7e3fde3"
41
41
  }