@rescui/tab-list 0.14.1 → 0.14.2

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 (6) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/index.css +69 -69
  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/with-scroll-arrows.p.module.css.js +11 -11
  6. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_gxmcf_4",
3
- "sizeXS": "_sizeXS_gxmcf_14",
4
- "sizeS": "_sizeS_gxmcf_18",
5
- "sizeM": "_sizeM_gxmcf_22",
6
- "sizeL": "_sizeL_gxmcf_26",
7
- "light": "_light_gxmcf_30",
8
- "dark": "_dark_gxmcf_34"
2
+ "icon": "_icon_afka1x_4",
3
+ "sizeXS": "_sizeXS_afka1x_14",
4
+ "sizeS": "_sizeS_afka1x_18",
5
+ "sizeM": "_sizeM_afka1x_22",
6
+ "sizeL": "_sizeL_afka1x_26",
7
+ "light": "_light_afka1x_30",
8
+ "dark": "_dark_afka1x_34"
9
9
  };
10
10
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_gxmcf_4{
1
+ ._icon_afka1x_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_gxmcf_4{
11
+ ._icon_afka1x_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_gxmcf_4{
20
+ ._icon_afka1x_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_gxmcf_4{
28
+ ._icon_afka1x_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_gxmcf_14{
35
+ ._sizeXS_afka1x_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_gxmcf_18{
38
+ ._sizeS_afka1x_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_gxmcf_22{
41
+ ._sizeM_afka1x_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_gxmcf_26{
44
+ ._sizeL_afka1x_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_gxmcf_30{
47
+ ._light_afka1x_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_gxmcf_34{
51
+ ._dark_afka1x_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,18 +60,18 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._light_1a8uzt_7{
63
+ ._light_1cao5eb_7{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_1a8uzt_10{
66
+ ._dark_1cao5eb_10{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._sizeM_1a8uzt_14{
69
+ ._sizeM_1cao5eb_14{
70
70
  --_rs-tab-list-tab-vertical-padding:8px;
71
71
  --_rs-tab-list-icon-size:24px;
72
72
  --_rs-tab-list-icon-offset:4px;
73
73
  }
74
- ._sizeM_1a8uzt_14 [data-rs-internal='tab-list__tab']{
74
+ ._sizeM_1cao5eb_14 [data-rs-internal='tab-list__tab']{
75
75
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
76
76
  --_rs-typography-text-transform:initial;
77
77
  --_rs-typography-font-variant-numeric:initial;
@@ -109,16 +109,16 @@
109
109
  --_rs-typography-link-border-bottom-width-from-text:1px;
110
110
  }
111
111
  @media screen and (max-width: 640px){
112
- ._sizeM_1a8uzt_14 [data-rs-internal='tab-list__tab']{
112
+ ._sizeM_1cao5eb_14 [data-rs-internal='tab-list__tab']{
113
113
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
114
114
  }
115
115
  }
116
- ._sizeL_1a8uzt_17{
116
+ ._sizeL_1cao5eb_17{
117
117
  --_rs-tab-list-tab-vertical-padding:12px;
118
118
  --_rs-tab-list-icon-size:28px;
119
119
  --_rs-tab-list-icon-offset:8px;
120
120
  }
121
- ._sizeL_1a8uzt_17 [data-rs-internal='tab-list__tab']{
121
+ ._sizeL_1cao5eb_17 [data-rs-internal='tab-list__tab']{
122
122
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
123
123
  --_rs-typography-text-transform:initial;
124
124
  --_rs-typography-font-variant-numeric:initial;
@@ -156,28 +156,28 @@
156
156
  --_rs-typography-link-border-bottom-width-from-text:1px;
157
157
  }
158
158
  @media screen and (max-width: 640px){
159
- ._sizeL_1a8uzt_17 [data-rs-internal='tab-list__tab']{
159
+ ._sizeL_1cao5eb_17 [data-rs-internal='tab-list__tab']{
160
160
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
161
161
  }
162
162
  }
163
- ._classic_1a8uzt_21{
163
+ ._classic_1cao5eb_21{
164
164
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
165
165
  }
166
- ._rock_1a8uzt_24{
166
+ ._rock_1cao5eb_24{
167
167
  --_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));
168
168
  }
169
- ._sparse_1a8uzt_28{
169
+ ._sparse_1cao5eb_28{
170
170
  --_rs-tab-list-tab-margin-left-or-initial:32px;
171
171
  }
172
172
  @media screen and (max-width: 640px){
173
- ._sparse_1a8uzt_28{
173
+ ._sparse_1cao5eb_28{
174
174
  --_rs-tab-list-tab-margin-left-or-initial:24px;
175
175
  }
176
176
  }
177
- ._short_1a8uzt_32{
177
+ ._short_1cao5eb_32{
178
178
  --_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));
179
179
  }
180
- ._tabsContainer_1a8uzt_36{
180
+ ._tabsContainer_1cao5eb_36{
181
181
  --_rs-theme-dark:var(
182
182
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
183
183
  var(--rs-theme-dark, 0)
@@ -187,7 +187,7 @@
187
187
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
188
188
  }
189
189
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
190
- ._tabsContainer_1a8uzt_36{
190
+ ._tabsContainer_1cao5eb_36{
191
191
  --_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)));
192
192
  --_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)));
193
193
  --_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)));
@@ -196,7 +196,7 @@
196
196
  }
197
197
  }
198
198
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
199
- ._tabsContainer_1a8uzt_36{
199
+ ._tabsContainer_1cao5eb_36{
200
200
  --_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);
201
201
  --_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));
202
202
  --_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));
@@ -204,15 +204,15 @@
204
204
  --_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));
205
205
  }
206
206
  }
207
- ._tabsContainer_1a8uzt_36 {
207
+ ._tabsContainer_1cao5eb_36 {
208
208
  --_rs-tab-list-tab-base-margin-left:24px;
209
209
  }
210
210
  @media screen and (max-width: 640px){
211
- ._tabsContainer_1a8uzt_36{
211
+ ._tabsContainer_1cao5eb_36{
212
212
  --_rs-tab-list-tab-base-margin-left:16px;
213
213
  }
214
214
  }
215
- ._tabsContainer_1a8uzt_36 {
215
+ ._tabsContainer_1cao5eb_36 {
216
216
  --_rs-tab-list-tab-margin-left:var(
217
217
  --_rs-tab-list-tab-margin-left-or-initial,
218
218
  var(--_rs-tab-list-tab-base-margin-left)
@@ -222,7 +222,7 @@
222
222
 
223
223
  display:flex;
224
224
  }
225
- ._indicator_1a8uzt_46{
225
+ ._indicator_1cao5eb_46{
226
226
  position:absolute;
227
227
  z-index:3;
228
228
  bottom:0;
@@ -235,16 +235,16 @@
235
235
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
236
236
  will-change:left, width;
237
237
  }
238
- ._isIndicatorHidden_1a8uzt_60 ._indicator_1a8uzt_46{
238
+ ._isIndicatorHidden_1cao5eb_60 ._indicator_1cao5eb_46{
239
239
  display:none;
240
240
  }
241
- ._iconLeft_1a8uzt_65{
241
+ ._iconLeft_1cao5eb_65{
242
242
  --_rs-tab-list-tab-flex-direction:row;
243
243
  }
244
- ._iconRight_1a8uzt_68{
244
+ ._iconRight_1cao5eb_68{
245
245
  --_rs-tab-list-tab-flex-direction:row-reverse;
246
246
  }
247
- ._tab_1a8uzt_36{
247
+ ._tab_1cao5eb_36{
248
248
  --_rs-theme-dark:var(
249
249
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
250
250
  var(--rs-theme-dark, 0)
@@ -254,7 +254,7 @@
254
254
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
255
255
  }
256
256
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
257
- ._tab_1a8uzt_36{
257
+ ._tab_1cao5eb_36{
258
258
  --_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)));
259
259
  --_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)));
260
260
  --_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)));
@@ -263,7 +263,7 @@
263
263
  }
264
264
  }
265
265
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
266
- ._tab_1a8uzt_36{
266
+ ._tab_1cao5eb_36{
267
267
  --_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);
268
268
  --_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));
269
269
  --_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));
@@ -271,7 +271,7 @@
271
271
  --_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));
272
272
  }
273
273
  }
274
- ._tab_1a8uzt_36 {
274
+ ._tab_1cao5eb_36 {
275
275
  letter-spacing:var(
276
276
  --rs-text-base-letter-spacing,
277
277
  var(--_rs-typography-letter-spacing)
@@ -315,19 +315,19 @@
315
315
  -moz-osx-font-smoothing:inherit;
316
316
  -webkit-appearance:none;
317
317
  }
318
- ._tab_1a8uzt_36::-moz-focus-inner{
318
+ ._tab_1cao5eb_36::-moz-focus-inner{
319
319
  padding:0;
320
320
 
321
321
  border:none;
322
322
  }
323
- ._tab_1a8uzt_36:hover,
324
- ._tab_1a8uzt_36:active,
325
- ._tab_1a8uzt_36:focus{
323
+ ._tab_1cao5eb_36:hover,
324
+ ._tab_1cao5eb_36:active,
325
+ ._tab_1cao5eb_36:focus{
326
326
  outline:none;
327
327
 
328
328
  text-decoration:none;
329
329
  }
330
- ._tab_1a8uzt_36:after{
330
+ ._tab_1cao5eb_36:after{
331
331
  position:absolute;
332
332
  bottom:0;
333
333
  left:0;
@@ -340,18 +340,18 @@
340
340
 
341
341
  background-color:transparent;
342
342
  }
343
- ._tab_1a8uzt_36:focus[data-focus-method='key']:after{
343
+ ._tab_1cao5eb_36:focus[data-focus-method='key']:after{
344
344
  opacity:0;
345
345
  }
346
- ._tab_1a8uzt_36:hover{
346
+ ._tab_1cao5eb_36:hover{
347
347
  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));
348
348
  }
349
- ._tab_1a8uzt_36:hover:after{
349
+ ._tab_1cao5eb_36:hover:after{
350
350
  height:1px;
351
351
 
352
352
  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));
353
353
  }
354
- ._tab_1a8uzt_36._selected_1a8uzt_159{
354
+ ._tab_1cao5eb_36._selected_1cao5eb_159{
355
355
  z-index:1;
356
356
 
357
357
  cursor:default;
@@ -360,20 +360,20 @@
360
360
 
361
361
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
362
362
  }
363
- ._tab_1a8uzt_36._selected_1a8uzt_159:after{
363
+ ._tab_1cao5eb_36._selected_1cao5eb_159:after{
364
364
  height:2px;
365
365
 
366
366
  background-color:var(--_rs-tab-list-indicator-background);
367
367
 
368
368
  transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
369
369
  }
370
- ._tab_1a8uzt_36:focus[data-focus-method='key']{
370
+ ._tab_1cao5eb_36:focus[data-focus-method='key']{
371
371
  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;
372
372
  }
373
- ._tab_1a8uzt_36:first-child{
373
+ ._tab_1cao5eb_36:first-child{
374
374
  margin-left:0;
375
375
  }
376
- ._tab_1a8uzt_36 ._icon_1a8uzt_65{
376
+ ._tab_1cao5eb_36 ._icon_1cao5eb_65{
377
377
  flex:0 0;
378
378
  flex-basis:auto;
379
379
 
@@ -381,13 +381,13 @@
381
381
  height:var(--_rs-tab-list-icon-size);
382
382
  }
383
383
 
384
- ._light_173795r_9{
384
+ ._light_19qdmud_9{
385
385
  --rs-theme-dark:0;
386
386
  }
387
- ._dark_173795r_12{
387
+ ._dark_19qdmud_12{
388
388
  --rs-theme-dark:1;
389
389
  }
390
- ._wrapper_173795r_16{
390
+ ._wrapper_19qdmud_16{
391
391
  --_rs-theme-dark:var(
392
392
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
393
393
  var(--rs-theme-dark, 0)
@@ -399,14 +399,14 @@
399
399
 
400
400
  display:flex;
401
401
  }
402
- ._scrollable_173795r_23{
402
+ ._scrollable_19qdmud_23{
403
403
  display:flex;
404
404
  overflow-x:scroll;
405
405
 
406
406
  margin:-4px;
407
407
  padding:4px;
408
408
  }
409
- ._scrollable_173795r_23::after{
409
+ ._scrollable_19qdmud_23::after{
410
410
  display:block;
411
411
 
412
412
  height:100%;
@@ -415,15 +415,15 @@
415
415
 
416
416
  content:'';
417
417
  }
418
- ._scrollable_173795r_23 {
418
+ ._scrollable_19qdmud_23 {
419
419
 
420
420
  -ms-overflow-style:none;
421
421
  scrollbar-width:none;
422
422
  }
423
- ._scrollable_173795r_23::-webkit-scrollbar{
423
+ ._scrollable_19qdmud_23::-webkit-scrollbar{
424
424
  display:none;
425
425
  }
426
- ._arrow_173795r_52{
426
+ ._arrow_19qdmud_52{
427
427
  position:absolute;
428
428
  z-index:2;
429
429
  top:50%;
@@ -443,20 +443,20 @@
443
443
  transition:opacity 0.15s ease-out;
444
444
  transform:translateY(-50%);
445
445
  }
446
- ._arrow_173795r_52._shown_173795r_72{
446
+ ._arrow_19qdmud_52._shown_19qdmud_72{
447
447
  opacity:1;
448
448
 
449
449
  pointer-events:auto;
450
450
 
451
451
  transition:opacity 0.15s ease-in;
452
452
  }
453
- ._arrow_173795r_52._arrowLeft_173795r_80{
453
+ ._arrow_19qdmud_52._arrowLeft_19qdmud_80{
454
454
  left:-5px;
455
455
  }
456
- ._arrow_173795r_52._arrowRight_173795r_85{
456
+ ._arrow_19qdmud_52._arrowRight_19qdmud_85{
457
457
  right:-5px;
458
458
  }
459
- ._withLeftArrow_173795r_91{
459
+ ._withLeftArrow_19qdmud_91{
460
460
  -webkit-mask-image:linear-gradient(
461
461
  to right,
462
462
  rgba(0, 0, 0, 0) 0%,
@@ -470,7 +470,7 @@
470
470
  black 56px
471
471
  );
472
472
  }
473
- ._withRightArrow_173795r_100{
473
+ ._withRightArrow_19qdmud_100{
474
474
  -webkit-mask-image:linear-gradient(
475
475
  to left,
476
476
  rgba(0, 0, 0, 0) 0%,
@@ -484,7 +484,7 @@
484
484
  black 56px
485
485
  );
486
486
  }
487
- ._withLeftArrow_173795r_91._withRightArrow_173795r_100{
487
+ ._withLeftArrow_19qdmud_91._withRightArrow_19qdmud_100{
488
488
  -webkit-mask-image:linear-gradient(
489
489
  to right,
490
490
  rgba(0, 0, 0, 0) 0%,
@@ -504,17 +504,17 @@
504
504
  rgba(0, 0, 0, 0) 100%
505
505
  );
506
506
  }
507
- ._arrowButton_173795r_121{
507
+ ._arrowButton_19qdmud_121{
508
508
  cursor:pointer;
509
509
  }
510
510
 
511
- ._light_1k58sef_4{
511
+ ._light_bh64fx_4{
512
512
  --rs-theme-dark:0;
513
513
  }
514
- ._dark_1k58sef_7{
514
+ ._dark_bh64fx_7{
515
515
  --rs-theme-dark:1;
516
516
  }
517
- ._separator_1k58sef_11{
517
+ ._separator_bh64fx_11{
518
518
  --_rs-theme-dark:var(
519
519
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
520
520
  var(--rs-theme-dark, 0)
@@ -528,7 +528,7 @@
528
528
 
529
529
  width:100%;
530
530
  }
531
- ._separator_1k58sef_11:after{
531
+ ._separator_bh64fx_11:after{
532
532
  position:absolute;
533
533
  right:0;
534
534
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_1k58sef_4",
3
- "dark": "_dark_1k58sef_7",
4
- "separator": "_separator_1k58sef_11"
2
+ "light": "_light_bh64fx_4",
3
+ "dark": "_dark_bh64fx_7",
4
+ "separator": "_separator_bh64fx_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_1a8uzt_7",
3
- "dark": "_dark_1a8uzt_10",
4
- "sizeM": "_sizeM_1a8uzt_14",
5
- "sizeL": "_sizeL_1a8uzt_17",
6
- "classic": "_classic_1a8uzt_21",
7
- "rock": "_rock_1a8uzt_24",
8
- "sparse": "_sparse_1a8uzt_28",
9
- "short": "_short_1a8uzt_32",
10
- "tabsContainer": "_tabsContainer_1a8uzt_36",
11
- "indicator": "_indicator_1a8uzt_46",
12
- "isIndicatorHidden": "_isIndicatorHidden_1a8uzt_60",
13
- "iconLeft": "_iconLeft_1a8uzt_65",
14
- "iconRight": "_iconRight_1a8uzt_68",
15
- "tab": "_tab_1a8uzt_36",
16
- "selected": "_selected_1a8uzt_159",
17
- "icon": "_icon_1a8uzt_65"
2
+ "light": "_light_1cao5eb_7",
3
+ "dark": "_dark_1cao5eb_10",
4
+ "sizeM": "_sizeM_1cao5eb_14",
5
+ "sizeL": "_sizeL_1cao5eb_17",
6
+ "classic": "_classic_1cao5eb_21",
7
+ "rock": "_rock_1cao5eb_24",
8
+ "sparse": "_sparse_1cao5eb_28",
9
+ "short": "_short_1cao5eb_32",
10
+ "tabsContainer": "_tabsContainer_1cao5eb_36",
11
+ "indicator": "_indicator_1cao5eb_46",
12
+ "isIndicatorHidden": "_isIndicatorHidden_1cao5eb_60",
13
+ "iconLeft": "_iconLeft_1cao5eb_65",
14
+ "iconRight": "_iconRight_1cao5eb_68",
15
+ "tab": "_tab_1cao5eb_36",
16
+ "selected": "_selected_1cao5eb_159",
17
+ "icon": "_icon_1cao5eb_65"
18
18
  };
19
19
  export { styles as default };
package/lib/parts/with-scroll-arrows.p.module.css.js CHANGED
@@ -1,14 +1,14 @@
1
1
  var styles = {
2
- "light": "_light_173795r_9",
3
- "dark": "_dark_173795r_12",
4
- "wrapper": "_wrapper_173795r_16",
5
- "scrollable": "_scrollable_173795r_23",
6
- "arrow": "_arrow_173795r_52",
7
- "shown": "_shown_173795r_72",
8
- "arrowLeft": "_arrowLeft_173795r_80",
9
- "arrowRight": "_arrowRight_173795r_85",
10
- "withLeftArrow": "_withLeftArrow_173795r_91",
11
- "withRightArrow": "_withRightArrow_173795r_100",
12
- "arrowButton": "_arrowButton_173795r_121"
2
+ "light": "_light_19qdmud_9",
3
+ "dark": "_dark_19qdmud_12",
4
+ "wrapper": "_wrapper_19qdmud_16",
5
+ "scrollable": "_scrollable_19qdmud_23",
6
+ "arrow": "_arrow_19qdmud_52",
7
+ "shown": "_shown_19qdmud_72",
8
+ "arrowLeft": "_arrowLeft_19qdmud_80",
9
+ "arrowRight": "_arrowRight_19qdmud_85",
10
+ "withLeftArrow": "_withLeftArrow_19qdmud_91",
11
+ "withRightArrow": "_withRightArrow_19qdmud_100",
12
+ "arrowButton": "_arrowButton_19qdmud_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.14.1",
3
+ "version": "0.14.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  },
17
17
  "dependencies": {
18
18
  "@babel/runtime-corejs3": "^7.26.0",
19
- "@rescui/button": "^0.21.1",
19
+ "@rescui/button": "^0.21.2",
20
20
  "@rescui/use-resize-observer": "^0.2.6",
21
21
  "classnames": "^2.2.6"
22
22
  },
@@ -29,7 +29,7 @@
29
29
  "@rescui/colors": "^0.2.7",
30
30
  "@rescui/postcss-preset-library": "^0.2.2",
31
31
  "@rescui/scripts": "^0.3.5",
32
- "@rescui/typography": "^0.22.0",
32
+ "@rescui/typography": "^0.23.0",
33
33
  "@rescui/visual-regression": "^0.1.2"
34
34
  },
35
35
  "scripts": {
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "71902b643c074d76514a26a5ee2feecc75d41347"
40
+ "gitHead": "f9a0228790b099e343e9017980e7635c12815bda"
41
41
  }