@rescui/tab-list 0.19.0 → 0.19.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 (5) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +79 -79
  3. package/lib/parts/separator.p.module.css.js +3 -3
  4. package/lib/parts/tab-list.p.module.css.js +25 -25
  5. package/package.json +5 -5
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_1ohuzr2_4",
3
- "sizeXS": "_sizeXS_1ohuzr2_14",
4
- "sizeS": "_sizeS_1ohuzr2_18",
5
- "sizeM": "_sizeM_1ohuzr2_22",
6
- "sizeL": "_sizeL_1ohuzr2_26",
7
- "light": "_light_1ohuzr2_30",
8
- "dark": "_dark_1ohuzr2_34",
9
- "allVariants": "_allVariants_1ohuzr2_48",
10
- "variant16": "_variant16_1ohuzr2_53",
11
- "variant20": "_variant20_1ohuzr2_54",
12
- "variant24": "_variant24_1ohuzr2_55",
13
- "variant28": "_variant28_1ohuzr2_58"
2
+ "icon": "_icon_uyx2zk_4",
3
+ "sizeXS": "_sizeXS_uyx2zk_14",
4
+ "sizeS": "_sizeS_uyx2zk_18",
5
+ "sizeM": "_sizeM_uyx2zk_22",
6
+ "sizeL": "_sizeL_uyx2zk_26",
7
+ "light": "_light_uyx2zk_30",
8
+ "dark": "_dark_uyx2zk_34",
9
+ "allVariants": "_allVariants_uyx2zk_48",
10
+ "variant16": "_variant16_uyx2zk_53",
11
+ "variant20": "_variant20_uyx2zk_54",
12
+ "variant24": "_variant24_uyx2zk_55",
13
+ "variant28": "_variant28_uyx2zk_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -3,7 +3,7 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._icon_1ohuzr2_4{
6
+ ._icon_uyx2zk_4{
7
7
  --_rs-theme-dark:var(
8
8
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
9
9
  var(--rs-theme-dark, 0)
@@ -13,7 +13,7 @@
13
13
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
14
14
  }
15
15
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
16
- ._icon_1ohuzr2_4{
16
+ ._icon_uyx2zk_4{
17
17
  --_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)));
18
18
  --_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)));
19
19
  --_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)));
@@ -22,7 +22,7 @@
22
22
  }
23
23
  }
24
24
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
25
- ._icon_1ohuzr2_4{
25
+ ._icon_uyx2zk_4{
26
26
  --_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);
27
27
  --_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));
28
28
  --_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));
@@ -30,30 +30,30 @@
30
30
  --_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));
31
31
  }
32
32
  }
33
- ._icon_1ohuzr2_4{
33
+ ._icon_uyx2zk_4{
34
34
 
35
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
36
36
 
37
37
  width:var(--rs-icons-width, auto);
38
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
39
39
  }
40
- ._sizeXS_1ohuzr2_14{
40
+ ._sizeXS_uyx2zk_14{
41
41
  --_rs-icons-height:16px;
42
42
  }
43
- ._sizeS_1ohuzr2_18{
43
+ ._sizeS_uyx2zk_18{
44
44
  --_rs-icons-height:20px;
45
45
  }
46
- ._sizeM_1ohuzr2_22{
46
+ ._sizeM_uyx2zk_22{
47
47
  --_rs-icons-height:24px;
48
48
  }
49
- ._sizeL_1ohuzr2_26{
49
+ ._sizeL_uyx2zk_26{
50
50
  --_rs-icons-height:28px;
51
51
  }
52
- ._light_1ohuzr2_30{
52
+ ._light_uyx2zk_30{
53
53
  --rs-theme-dark:0;
54
54
  --_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));
55
55
  }
56
- ._dark_1ohuzr2_34{
56
+ ._dark_uyx2zk_34{
57
57
  --rs-theme-dark:1;
58
58
  --_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));
59
59
  }
@@ -65,39 +65,39 @@
65
65
  transform:rotate(360deg);
66
66
  }
67
67
  }
68
- ._allVariants_1ohuzr2_48{
68
+ ._allVariants_uyx2zk_48{
69
69
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
70
70
  container:rs-icon / size;
71
71
  }
72
- ._variant16_1ohuzr2_53,
73
- ._variant20_1ohuzr2_54,
74
- ._variant24_1ohuzr2_55{
72
+ ._variant16_uyx2zk_53,
73
+ ._variant20_uyx2zk_54,
74
+ ._variant24_uyx2zk_55{
75
75
  display:none;
76
76
  }
77
- ._variant28_1ohuzr2_58{
77
+ ._variant28_uyx2zk_58{
78
78
  display:block;
79
79
  }
80
80
  @container rs-icon (max-height: 24px){
81
- ._variant24_1ohuzr2_55{
81
+ ._variant24_uyx2zk_55{
82
82
  display:block;
83
83
  }
84
- ._variant28_1ohuzr2_58{
84
+ ._variant28_uyx2zk_58{
85
85
  display:none;
86
86
  }
87
87
  }
88
88
  @container rs-icon (max-height: 20px){
89
- ._variant20_1ohuzr2_54{
89
+ ._variant20_uyx2zk_54{
90
90
  display:block;
91
91
  }
92
- ._variant24_1ohuzr2_55{
92
+ ._variant24_uyx2zk_55{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 16px){
97
- ._variant16_1ohuzr2_53{
97
+ ._variant16_uyx2zk_53{
98
98
  display:block;
99
99
  }
100
- ._variant20_1ohuzr2_54{
100
+ ._variant20_uyx2zk_54{
101
101
  display:none;
102
102
  }
103
103
  }
@@ -106,18 +106,18 @@
106
106
  inherits:true;
107
107
  initial-value:0;
108
108
  }
109
- ._light_1guy7ut_10{
109
+ ._light_2qml3v_10{
110
110
  --rs-theme-dark:0;
111
111
  }
112
- ._dark_1guy7ut_13{
112
+ ._dark_2qml3v_13{
113
113
  --rs-theme-dark:1;
114
114
  }
115
- ._sizeM_1guy7ut_17{
115
+ ._sizeM_2qml3v_17{
116
116
  --_rs-tab-list-tab-vertical-padding:8px;
117
117
  --_rs-tab-list-icon-size:24px;
118
118
  --_rs-tab-list-icon-offset:4px;
119
119
  }
120
- ._sizeM_1guy7ut_17 [data-rs-internal='tab-list__tab']{
120
+ ._sizeM_2qml3v_17 [data-rs-internal='tab-list__tab']{
121
121
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
122
122
  --_rs-typography-text-transform:initial;
123
123
  --_rs-typography-font-variant-numeric:initial;
@@ -156,16 +156,16 @@
156
156
  --_rs-typography-link-border-bottom-width-from-text:1px;
157
157
  }
158
158
  @media screen and (max-width: 640px){
159
- ._sizeM_1guy7ut_17 [data-rs-internal='tab-list__tab']{
159
+ ._sizeM_2qml3v_17 [data-rs-internal='tab-list__tab']{
160
160
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
161
161
  }
162
162
  }
163
- ._sizeL_1guy7ut_20{
163
+ ._sizeL_2qml3v_20{
164
164
  --_rs-tab-list-tab-vertical-padding:12px;
165
165
  --_rs-tab-list-icon-size:28px;
166
166
  --_rs-tab-list-icon-offset:8px;
167
167
  }
168
- ._sizeL_1guy7ut_20 [data-rs-internal='tab-list__tab']{
168
+ ._sizeL_2qml3v_20 [data-rs-internal='tab-list__tab']{
169
169
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
170
170
  --_rs-typography-text-transform:initial;
171
171
  --_rs-typography-font-variant-numeric:initial;
@@ -204,28 +204,28 @@
204
204
  --_rs-typography-link-border-bottom-width-from-text:1px;
205
205
  }
206
206
  @media screen and (max-width: 640px){
207
- ._sizeL_1guy7ut_20 [data-rs-internal='tab-list__tab']{
207
+ ._sizeL_2qml3v_20 [data-rs-internal='tab-list__tab']{
208
208
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
209
209
  }
210
210
  }
211
- ._classic_1guy7ut_24{
211
+ ._classic_2qml3v_24{
212
212
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
213
213
  }
214
- ._rock_1guy7ut_27{
214
+ ._rock_2qml3v_27{
215
215
  --_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));
216
216
  }
217
- ._sparse_1guy7ut_31{
217
+ ._sparse_2qml3v_31{
218
218
  --_rs-tab-list-tab-margin-left-or-initial:32px;
219
219
  }
220
220
  @media screen and (max-width: 640px){
221
- ._sparse_1guy7ut_31{
221
+ ._sparse_2qml3v_31{
222
222
  --_rs-tab-list-tab-margin-left-or-initial:24px;
223
223
  }
224
224
  }
225
- ._short_1guy7ut_35{
225
+ ._short_2qml3v_35{
226
226
  --_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));
227
227
  }
228
- ._wrapper_1guy7ut_39{
228
+ ._wrapper_2qml3v_39{
229
229
  --_rs-theme-dark:var(
230
230
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
231
231
  var(--rs-theme-dark, 0)
@@ -235,7 +235,7 @@
235
235
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
236
236
  }
237
237
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
238
- ._wrapper_1guy7ut_39{
238
+ ._wrapper_2qml3v_39{
239
239
  --_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)));
240
240
  --_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)));
241
241
  --_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)));
@@ -244,7 +244,7 @@
244
244
  }
245
245
  }
246
246
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
247
- ._wrapper_1guy7ut_39{
247
+ ._wrapper_2qml3v_39{
248
248
  --_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);
249
249
  --_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));
250
250
  --_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));
@@ -252,15 +252,15 @@
252
252
  --_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));
253
253
  }
254
254
  }
255
- ._wrapper_1guy7ut_39 {
255
+ ._wrapper_2qml3v_39 {
256
256
  --_rs-tab-list-tab-base-margin-left:24px;
257
257
  }
258
258
  @media screen and (max-width: 640px){
259
- ._wrapper_1guy7ut_39{
259
+ ._wrapper_2qml3v_39{
260
260
  --_rs-tab-list-tab-base-margin-left:16px;
261
261
  }
262
262
  }
263
- ._wrapper_1guy7ut_39 {
263
+ ._wrapper_2qml3v_39 {
264
264
  --_rs-tab-list-tab-margin-left:var(
265
265
  --_rs-tab-list-tab-margin-left-or-initial,
266
266
  var(--_rs-tab-list-tab-base-margin-left)
@@ -270,14 +270,14 @@
270
270
 
271
271
  display:flex;
272
272
  }
273
- ._scrollable_1guy7ut_49{
273
+ ._scrollable_2qml3v_49{
274
274
  display:flex;
275
275
  overflow-x:scroll;
276
276
 
277
277
  margin:-4px;
278
278
  padding:4px;
279
279
  }
280
- ._scrollable_1guy7ut_49::after{
280
+ ._scrollable_2qml3v_49::after{
281
281
  display:block;
282
282
 
283
283
  height:100%;
@@ -286,15 +286,15 @@
286
286
 
287
287
  content:'';
288
288
  }
289
- ._scrollable_1guy7ut_49 {
289
+ ._scrollable_2qml3v_49 {
290
290
 
291
291
  -ms-overflow-style:none;
292
292
  scrollbar-width:none;
293
293
  }
294
- ._scrollable_1guy7ut_49::-webkit-scrollbar{
294
+ ._scrollable_2qml3v_49::-webkit-scrollbar{
295
295
  display:none;
296
296
  }
297
- ._arrow_1guy7ut_78{
297
+ ._arrow_2qml3v_78{
298
298
  position:absolute;
299
299
  z-index:2;
300
300
  top:50%;
@@ -314,20 +314,20 @@
314
314
  transition:opacity 0.15s var(--rs-transition-function, ease-out);
315
315
  transform:translateY(-50%);
316
316
  }
317
- ._arrow_1guy7ut_78._shown_1guy7ut_98{
317
+ ._arrow_2qml3v_78._shown_2qml3v_98{
318
318
  opacity:1;
319
319
 
320
320
  pointer-events:auto;
321
321
 
322
322
  transition:opacity 0.15s var(--rs-transition-function, ease-in);
323
323
  }
324
- ._arrow_1guy7ut_78._arrowLeft_1guy7ut_106{
324
+ ._arrow_2qml3v_78._arrowLeft_2qml3v_106{
325
325
  left:-5px;
326
326
  }
327
- ._arrow_1guy7ut_78._arrowRight_1guy7ut_111{
327
+ ._arrow_2qml3v_78._arrowRight_2qml3v_111{
328
328
  right:-5px;
329
329
  }
330
- ._withLeftArrow_1guy7ut_117{
330
+ ._withLeftArrow_2qml3v_117{
331
331
  -webkit-mask-image:linear-gradient(
332
332
  to right,
333
333
  rgba(0, 0, 0, 0) 0%,
@@ -341,7 +341,7 @@
341
341
  black 56px
342
342
  );
343
343
  }
344
- ._withRightArrow_1guy7ut_126{
344
+ ._withRightArrow_2qml3v_126{
345
345
  -webkit-mask-image:linear-gradient(
346
346
  to left,
347
347
  rgba(0, 0, 0, 0) 0%,
@@ -355,7 +355,7 @@
355
355
  black 56px
356
356
  );
357
357
  }
358
- ._withLeftArrow_1guy7ut_117._withRightArrow_1guy7ut_126{
358
+ ._withLeftArrow_2qml3v_117._withRightArrow_2qml3v_126{
359
359
  -webkit-mask-image:linear-gradient(
360
360
  to right,
361
361
  rgba(0, 0, 0, 0) 0%,
@@ -375,15 +375,15 @@
375
375
  rgba(0, 0, 0, 0) 100%
376
376
  );
377
377
  }
378
- ._arrowButton_1guy7ut_147{
378
+ ._arrowButton_2qml3v_147{
379
379
  cursor:pointer;
380
380
  }
381
- ._tabsContainer_1guy7ut_151{
381
+ ._tabsContainer_2qml3v_151{
382
382
  position:relative;
383
383
 
384
384
  display:flex;
385
385
  }
386
- ._indicator_1guy7ut_157{
386
+ ._indicator_2qml3v_157{
387
387
  position:absolute;
388
388
  z-index:3;
389
389
  bottom:0;
@@ -396,17 +396,17 @@
396
396
  transition:left 300ms var(--rs-transition-function, cubic-bezier(0.4, 0, 0.2, 1)) 0ms, width 300ms var(--rs-transition-function, cubic-bezier(0.4, 0, 0.2, 1)) 0ms;
397
397
  will-change:left, width;
398
398
  }
399
- ._isIndicatorHidden_1guy7ut_172 ._indicator_1guy7ut_157,
400
- [data-calculating-scrollable='true'] ._indicator_1guy7ut_157{
399
+ ._isIndicatorHidden_2qml3v_172 ._indicator_2qml3v_157,
400
+ [data-calculating-scrollable='true'] ._indicator_2qml3v_157{
401
401
  display:none;
402
402
  }
403
- ._iconLeft_1guy7ut_178{
403
+ ._iconLeft_2qml3v_178{
404
404
  --_rs-tab-list-tab-flex-direction:row;
405
405
  }
406
- ._iconRight_1guy7ut_181{
406
+ ._iconRight_2qml3v_181{
407
407
  --_rs-tab-list-tab-flex-direction:row-reverse;
408
408
  }
409
- ._tab_1guy7ut_151{
409
+ ._tab_2qml3v_151{
410
410
  --_rs-theme-dark:var(
411
411
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
412
412
  var(--rs-theme-dark, 0)
@@ -416,7 +416,7 @@
416
416
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
417
417
  }
418
418
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
419
- ._tab_1guy7ut_151{
419
+ ._tab_2qml3v_151{
420
420
  --_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)));
421
421
  --_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)));
422
422
  --_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)));
@@ -425,7 +425,7 @@
425
425
  }
426
426
  }
427
427
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
428
- ._tab_1guy7ut_151{
428
+ ._tab_2qml3v_151{
429
429
  --_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);
430
430
  --_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));
431
431
  --_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));
@@ -433,7 +433,7 @@
433
433
  --_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));
434
434
  }
435
435
  }
436
- ._tab_1guy7ut_151 {
436
+ ._tab_2qml3v_151 {
437
437
  letter-spacing:var(
438
438
  --rs-text-base-letter-spacing,
439
439
  var(--_rs-typography-letter-spacing)
@@ -477,19 +477,19 @@
477
477
  -moz-osx-font-smoothing:inherit;
478
478
  -webkit-appearance:none;
479
479
  }
480
- ._tab_1guy7ut_151::-moz-focus-inner{
480
+ ._tab_2qml3v_151::-moz-focus-inner{
481
481
  padding:0;
482
482
 
483
483
  border:none;
484
484
  }
485
- ._tab_1guy7ut_151:hover,
486
- ._tab_1guy7ut_151:active,
487
- ._tab_1guy7ut_151:focus{
485
+ ._tab_2qml3v_151:hover,
486
+ ._tab_2qml3v_151:active,
487
+ ._tab_2qml3v_151:focus{
488
488
  outline:none;
489
489
 
490
490
  text-decoration:none;
491
491
  }
492
- ._tab_1guy7ut_151:after{
492
+ ._tab_2qml3v_151:after{
493
493
  position:absolute;
494
494
  right:0;
495
495
  bottom:0;
@@ -502,18 +502,18 @@
502
502
 
503
503
  background-color:transparent;
504
504
  }
505
- ._tab_1guy7ut_151:focus[data-focus-method='key']:after{
505
+ ._tab_2qml3v_151:focus[data-focus-method='key']:after{
506
506
  opacity:0;
507
507
  }
508
- ._tab_1guy7ut_151:hover{
508
+ ._tab_2qml3v_151:hover{
509
509
  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));
510
510
  }
511
- ._tab_1guy7ut_151:hover:after{
511
+ ._tab_2qml3v_151:hover:after{
512
512
  height:1px;
513
513
 
514
514
  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));
515
515
  }
516
- ._tab_1guy7ut_151._selected_1guy7ut_272{
516
+ ._tab_2qml3v_151._selected_2qml3v_272{
517
517
  z-index:1;
518
518
 
519
519
  cursor:default;
@@ -522,20 +522,20 @@
522
522
 
523
523
  transition:color 200ms var(--rs-transition-function, cubic-bezier(0.4, 0, 0.2, 1)) 0ms;
524
524
  }
525
- ._tab_1guy7ut_151._selected_1guy7ut_272:after{
525
+ ._tab_2qml3v_151._selected_2qml3v_272:after{
526
526
  height:2px;
527
527
 
528
528
  background-color:var(--_rs-tab-list-indicator-background);
529
529
 
530
530
  transition:background-color 0ms var(--rs-transition-function, ease) 300ms, height 0ms var(--rs-transition-function, ease) 300ms;
531
531
  }
532
- ._tab_1guy7ut_151:focus[data-focus-method='key']{
532
+ ._tab_2qml3v_151:focus[data-focus-method='key']{
533
533
  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;
534
534
  }
535
- ._tab_1guy7ut_151:first-child{
535
+ ._tab_2qml3v_151:first-child{
536
536
  margin-left:0;
537
537
  }
538
- ._tab_1guy7ut_151 ._icon_1guy7ut_178{
538
+ ._tab_2qml3v_151 ._icon_2qml3v_178{
539
539
  flex:0 0;
540
540
  flex-basis:auto;
541
541
 
@@ -548,13 +548,13 @@
548
548
  inherits:true;
549
549
  initial-value:0;
550
550
  }
551
- ._light_6601s6_4{
551
+ ._light_1t87gew_4{
552
552
  --rs-theme-dark:0;
553
553
  }
554
- ._dark_6601s6_7{
554
+ ._dark_1t87gew_7{
555
555
  --rs-theme-dark:1;
556
556
  }
557
- ._separator_6601s6_11{
557
+ ._separator_1t87gew_11{
558
558
  --_rs-theme-dark:var(
559
559
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
560
560
  var(--rs-theme-dark, 0)
@@ -568,7 +568,7 @@
568
568
 
569
569
  width:100%;
570
570
  }
571
- ._separator_6601s6_11:after{
571
+ ._separator_1t87gew_11:after{
572
572
  position:absolute;
573
573
  right:0;
574
574
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_6601s6_4",
3
- "dark": "_dark_6601s6_7",
4
- "separator": "_separator_6601s6_11"
2
+ "light": "_light_1t87gew_4",
3
+ "dark": "_dark_1t87gew_7",
4
+ "separator": "_separator_1t87gew_11"
5
5
  };
6
6
  export { styles as default };
package/lib/parts/tab-list.p.module.css.js CHANGED
@@ -1,28 +1,28 @@
1
1
  var styles = {
2
- "light": "_light_1guy7ut_10",
3
- "dark": "_dark_1guy7ut_13",
4
- "sizeM": "_sizeM_1guy7ut_17",
5
- "sizeL": "_sizeL_1guy7ut_20",
6
- "classic": "_classic_1guy7ut_24",
7
- "rock": "_rock_1guy7ut_27",
8
- "sparse": "_sparse_1guy7ut_31",
9
- "short": "_short_1guy7ut_35",
10
- "wrapper": "_wrapper_1guy7ut_39",
11
- "scrollable": "_scrollable_1guy7ut_49",
12
- "arrow": "_arrow_1guy7ut_78",
13
- "shown": "_shown_1guy7ut_98",
14
- "arrowLeft": "_arrowLeft_1guy7ut_106",
15
- "arrowRight": "_arrowRight_1guy7ut_111",
16
- "withLeftArrow": "_withLeftArrow_1guy7ut_117",
17
- "withRightArrow": "_withRightArrow_1guy7ut_126",
18
- "arrowButton": "_arrowButton_1guy7ut_147",
19
- "tabsContainer": "_tabsContainer_1guy7ut_151",
20
- "indicator": "_indicator_1guy7ut_157",
21
- "isIndicatorHidden": "_isIndicatorHidden_1guy7ut_172",
22
- "iconLeft": "_iconLeft_1guy7ut_178",
23
- "iconRight": "_iconRight_1guy7ut_181",
24
- "tab": "_tab_1guy7ut_151",
25
- "selected": "_selected_1guy7ut_272",
26
- "icon": "_icon_1guy7ut_178"
2
+ "light": "_light_2qml3v_10",
3
+ "dark": "_dark_2qml3v_13",
4
+ "sizeM": "_sizeM_2qml3v_17",
5
+ "sizeL": "_sizeL_2qml3v_20",
6
+ "classic": "_classic_2qml3v_24",
7
+ "rock": "_rock_2qml3v_27",
8
+ "sparse": "_sparse_2qml3v_31",
9
+ "short": "_short_2qml3v_35",
10
+ "wrapper": "_wrapper_2qml3v_39",
11
+ "scrollable": "_scrollable_2qml3v_49",
12
+ "arrow": "_arrow_2qml3v_78",
13
+ "shown": "_shown_2qml3v_98",
14
+ "arrowLeft": "_arrowLeft_2qml3v_106",
15
+ "arrowRight": "_arrowRight_2qml3v_111",
16
+ "withLeftArrow": "_withLeftArrow_2qml3v_117",
17
+ "withRightArrow": "_withRightArrow_2qml3v_126",
18
+ "arrowButton": "_arrowButton_2qml3v_147",
19
+ "tabsContainer": "_tabsContainer_2qml3v_151",
20
+ "indicator": "_indicator_2qml3v_157",
21
+ "isIndicatorHidden": "_isIndicatorHidden_2qml3v_172",
22
+ "iconLeft": "_iconLeft_2qml3v_178",
23
+ "iconRight": "_iconRight_2qml3v_181",
24
+ "tab": "_tab_2qml3v_151",
25
+ "selected": "_selected_2qml3v_272",
26
+ "icon": "_icon_2qml3v_178"
27
27
  };
28
28
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tab-list",
3
- "version": "0.19.0",
3
+ "version": "0.19.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,13 +17,13 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/button": "^0.25.0",
20
+ "@rescui/button": "^0.25.1",
21
21
  "@rescui/use-resize-observer": "^0.4.0",
22
22
  "classnames": "^2.2.6",
23
23
  "react-compiler-runtime": "^1.0.0"
24
24
  },
25
25
  "peerDependencies": {
26
- "@rescui/ui-contexts": "^0.6.0",
26
+ "@rescui/ui-contexts": "^0.7.0",
27
27
  "prop-types": "^15",
28
28
  "react": ">=17.0.0 <20"
29
29
  },
@@ -31,7 +31,7 @@
31
31
  "@rescui/colors": "^0.3.4",
32
32
  "@rescui/postcss-preset-library": "^0.2.3",
33
33
  "@rescui/scripts": "^0.5.3",
34
- "@rescui/typography": "^0.28.0",
34
+ "@rescui/typography": "^0.28.1",
35
35
  "@rescui/visual-regression": "^0.1.4"
36
36
  },
37
37
  "scripts": {
@@ -39,5 +39,5 @@
39
39
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
40
40
  },
41
41
  "nx": {},
42
- "gitHead": "8ffbbe20b8bcbb9ea15204113ab603675d4c03cd"
42
+ "gitHead": "ce4c6c5e3fd5aede0006f6ef8e655fc0ab394c0f"
43
43
  }