@rescui/tab-list 0.18.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10 → 0.18.3

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 +10 -10
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_19upof9_4",
3
- "sizeXS": "_sizeXS_19upof9_14",
4
- "sizeS": "_sizeS_19upof9_18",
5
- "sizeM": "_sizeM_19upof9_22",
6
- "sizeL": "_sizeL_19upof9_26",
7
- "light": "_light_19upof9_30",
8
- "dark": "_dark_19upof9_34",
9
- "allVariants": "_allVariants_19upof9_48",
10
- "variant16": "_variant16_19upof9_53",
11
- "variant20": "_variant20_19upof9_54",
12
- "variant24": "_variant24_19upof9_55",
13
- "variant28": "_variant28_19upof9_58"
2
+ "icon": "_icon_3sp1p2_4",
3
+ "sizeXS": "_sizeXS_3sp1p2_14",
4
+ "sizeS": "_sizeS_3sp1p2_18",
5
+ "sizeM": "_sizeM_3sp1p2_22",
6
+ "sizeL": "_sizeL_3sp1p2_26",
7
+ "light": "_light_3sp1p2_30",
8
+ "dark": "_dark_3sp1p2_34",
9
+ "allVariants": "_allVariants_3sp1p2_48",
10
+ "variant16": "_variant16_3sp1p2_53",
11
+ "variant20": "_variant20_3sp1p2_54",
12
+ "variant24": "_variant24_3sp1p2_55",
13
+ "variant28": "_variant28_3sp1p2_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_19upof9_4{
1
+ ._icon_3sp1p2_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_19upof9_4{
11
+ ._icon_3sp1p2_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_19upof9_4{
20
+ ._icon_3sp1p2_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_19upof9_4{
28
+ ._icon_3sp1p2_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_19upof9_14{
35
+ ._sizeXS_3sp1p2_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_19upof9_18{
38
+ ._sizeS_3sp1p2_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_19upof9_22{
41
+ ._sizeM_3sp1p2_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_19upof9_26{
44
+ ._sizeL_3sp1p2_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_19upof9_30{
47
+ ._light_3sp1p2_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_19upof9_34{
51
+ ._dark_3sp1p2_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_19upof9_48{
63
+ ._allVariants_3sp1p2_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_19upof9_53,
68
- ._variant20_19upof9_54,
69
- ._variant24_19upof9_55{
67
+ ._variant16_3sp1p2_53,
68
+ ._variant20_3sp1p2_54,
69
+ ._variant24_3sp1p2_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_19upof9_58{
72
+ ._variant28_3sp1p2_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_19upof9_55{
76
+ ._variant24_3sp1p2_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_19upof9_58{
79
+ ._variant28_3sp1p2_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_19upof9_54{
84
+ ._variant20_3sp1p2_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_19upof9_55{
87
+ ._variant24_3sp1p2_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_19upof9_53{
92
+ ._variant16_3sp1p2_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_19upof9_54{
95
+ ._variant20_3sp1p2_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._light_1db87z2_10{
99
+ ._light_1z0dmr1_10{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._dark_1db87z2_13{
102
+ ._dark_1z0dmr1_13{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeM_1db87z2_17{
105
+ ._sizeM_1z0dmr1_17{
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_1db87z2_17 [data-rs-internal='tab-list__tab']{
110
+ ._sizeM_1z0dmr1_17 [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;
@@ -146,16 +146,16 @@
146
146
  --_rs-typography-link-border-bottom-width-from-text:1px;
147
147
  }
148
148
  @media screen and (max-width: 640px){
149
- ._sizeM_1db87z2_17 [data-rs-internal='tab-list__tab']{
149
+ ._sizeM_1z0dmr1_17 [data-rs-internal='tab-list__tab']{
150
150
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
151
151
  }
152
152
  }
153
- ._sizeL_1db87z2_20{
153
+ ._sizeL_1z0dmr1_20{
154
154
  --_rs-tab-list-tab-vertical-padding:12px;
155
155
  --_rs-tab-list-icon-size:28px;
156
156
  --_rs-tab-list-icon-offset:8px;
157
157
  }
158
- ._sizeL_1db87z2_20 [data-rs-internal='tab-list__tab']{
158
+ ._sizeL_1z0dmr1_20 [data-rs-internal='tab-list__tab']{
159
159
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
160
160
  --_rs-typography-text-transform:initial;
161
161
  --_rs-typography-font-variant-numeric:initial;
@@ -194,28 +194,28 @@
194
194
  --_rs-typography-link-border-bottom-width-from-text:1px;
195
195
  }
196
196
  @media screen and (max-width: 640px){
197
- ._sizeL_1db87z2_20 [data-rs-internal='tab-list__tab']{
197
+ ._sizeL_1z0dmr1_20 [data-rs-internal='tab-list__tab']{
198
198
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
199
199
  }
200
200
  }
201
- ._classic_1db87z2_24{
201
+ ._classic_1z0dmr1_24{
202
202
  --_rs-tab-list-indicator-background:var(--_rs-color-primary);
203
203
  }
204
- ._rock_1db87z2_27{
204
+ ._rock_1z0dmr1_27{
205
205
  --_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));
206
206
  }
207
- ._sparse_1db87z2_31{
207
+ ._sparse_1z0dmr1_31{
208
208
  --_rs-tab-list-tab-margin-left-or-initial:32px;
209
209
  }
210
210
  @media screen and (max-width: 640px){
211
- ._sparse_1db87z2_31{
211
+ ._sparse_1z0dmr1_31{
212
212
  --_rs-tab-list-tab-margin-left-or-initial:24px;
213
213
  }
214
214
  }
215
- ._short_1db87z2_35{
215
+ ._short_1z0dmr1_35{
216
216
  --_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));
217
217
  }
218
- ._wrapper_1db87z2_39{
218
+ ._wrapper_1z0dmr1_39{
219
219
  --_rs-theme-dark:var(
220
220
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
221
221
  var(--rs-theme-dark, 0)
@@ -225,7 +225,7 @@
225
225
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
226
226
  }
227
227
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
228
- ._wrapper_1db87z2_39{
228
+ ._wrapper_1z0dmr1_39{
229
229
  --_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)));
230
230
  --_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)));
231
231
  --_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)));
@@ -234,7 +234,7 @@
234
234
  }
235
235
  }
236
236
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
237
- ._wrapper_1db87z2_39{
237
+ ._wrapper_1z0dmr1_39{
238
238
  --_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);
239
239
  --_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));
240
240
  --_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));
@@ -242,15 +242,15 @@
242
242
  --_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));
243
243
  }
244
244
  }
245
- ._wrapper_1db87z2_39 {
245
+ ._wrapper_1z0dmr1_39 {
246
246
  --_rs-tab-list-tab-base-margin-left:24px;
247
247
  }
248
248
  @media screen and (max-width: 640px){
249
- ._wrapper_1db87z2_39{
249
+ ._wrapper_1z0dmr1_39{
250
250
  --_rs-tab-list-tab-base-margin-left:16px;
251
251
  }
252
252
  }
253
- ._wrapper_1db87z2_39 {
253
+ ._wrapper_1z0dmr1_39 {
254
254
  --_rs-tab-list-tab-margin-left:var(
255
255
  --_rs-tab-list-tab-margin-left-or-initial,
256
256
  var(--_rs-tab-list-tab-base-margin-left)
@@ -260,14 +260,14 @@
260
260
 
261
261
  display:flex;
262
262
  }
263
- ._scrollable_1db87z2_49{
263
+ ._scrollable_1z0dmr1_49{
264
264
  display:flex;
265
265
  overflow-x:scroll;
266
266
 
267
267
  margin:-4px;
268
268
  padding:4px;
269
269
  }
270
- ._scrollable_1db87z2_49::after{
270
+ ._scrollable_1z0dmr1_49::after{
271
271
  display:block;
272
272
 
273
273
  height:100%;
@@ -276,15 +276,15 @@
276
276
 
277
277
  content:'';
278
278
  }
279
- ._scrollable_1db87z2_49 {
279
+ ._scrollable_1z0dmr1_49 {
280
280
 
281
281
  -ms-overflow-style:none;
282
282
  scrollbar-width:none;
283
283
  }
284
- ._scrollable_1db87z2_49::-webkit-scrollbar{
284
+ ._scrollable_1z0dmr1_49::-webkit-scrollbar{
285
285
  display:none;
286
286
  }
287
- ._arrow_1db87z2_78{
287
+ ._arrow_1z0dmr1_78{
288
288
  position:absolute;
289
289
  z-index:2;
290
290
  top:50%;
@@ -304,20 +304,20 @@
304
304
  transition:opacity 0.15s var(--rs-transition-function, ease-out);
305
305
  transform:translateY(-50%);
306
306
  }
307
- ._arrow_1db87z2_78._shown_1db87z2_98{
307
+ ._arrow_1z0dmr1_78._shown_1z0dmr1_98{
308
308
  opacity:1;
309
309
 
310
310
  pointer-events:auto;
311
311
 
312
312
  transition:opacity 0.15s var(--rs-transition-function, ease-in);
313
313
  }
314
- ._arrow_1db87z2_78._arrowLeft_1db87z2_106{
314
+ ._arrow_1z0dmr1_78._arrowLeft_1z0dmr1_106{
315
315
  left:-5px;
316
316
  }
317
- ._arrow_1db87z2_78._arrowRight_1db87z2_111{
317
+ ._arrow_1z0dmr1_78._arrowRight_1z0dmr1_111{
318
318
  right:-5px;
319
319
  }
320
- ._withLeftArrow_1db87z2_117{
320
+ ._withLeftArrow_1z0dmr1_117{
321
321
  -webkit-mask-image:linear-gradient(
322
322
  to right,
323
323
  rgba(0, 0, 0, 0) 0%,
@@ -331,7 +331,7 @@
331
331
  black 56px
332
332
  );
333
333
  }
334
- ._withRightArrow_1db87z2_126{
334
+ ._withRightArrow_1z0dmr1_126{
335
335
  -webkit-mask-image:linear-gradient(
336
336
  to left,
337
337
  rgba(0, 0, 0, 0) 0%,
@@ -345,7 +345,7 @@
345
345
  black 56px
346
346
  );
347
347
  }
348
- ._withLeftArrow_1db87z2_117._withRightArrow_1db87z2_126{
348
+ ._withLeftArrow_1z0dmr1_117._withRightArrow_1z0dmr1_126{
349
349
  -webkit-mask-image:linear-gradient(
350
350
  to right,
351
351
  rgba(0, 0, 0, 0) 0%,
@@ -365,15 +365,15 @@
365
365
  rgba(0, 0, 0, 0) 100%
366
366
  );
367
367
  }
368
- ._arrowButton_1db87z2_147{
368
+ ._arrowButton_1z0dmr1_147{
369
369
  cursor:pointer;
370
370
  }
371
- ._tabsContainer_1db87z2_151{
371
+ ._tabsContainer_1z0dmr1_151{
372
372
  position:relative;
373
373
 
374
374
  display:flex;
375
375
  }
376
- ._indicator_1db87z2_157{
376
+ ._indicator_1z0dmr1_157{
377
377
  position:absolute;
378
378
  z-index:3;
379
379
  bottom:0;
@@ -386,17 +386,17 @@
386
386
  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;
387
387
  will-change:left, width;
388
388
  }
389
- ._isIndicatorHidden_1db87z2_172 ._indicator_1db87z2_157,
390
- [data-calculating-scrollable='true'] ._indicator_1db87z2_157{
389
+ ._isIndicatorHidden_1z0dmr1_172 ._indicator_1z0dmr1_157,
390
+ [data-calculating-scrollable='true'] ._indicator_1z0dmr1_157{
391
391
  display:none;
392
392
  }
393
- ._iconLeft_1db87z2_178{
393
+ ._iconLeft_1z0dmr1_178{
394
394
  --_rs-tab-list-tab-flex-direction:row;
395
395
  }
396
- ._iconRight_1db87z2_181{
396
+ ._iconRight_1z0dmr1_181{
397
397
  --_rs-tab-list-tab-flex-direction:row-reverse;
398
398
  }
399
- ._tab_1db87z2_151{
399
+ ._tab_1z0dmr1_151{
400
400
  --_rs-theme-dark:var(
401
401
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
402
402
  var(--rs-theme-dark, 0)
@@ -406,7 +406,7 @@
406
406
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
407
407
  }
408
408
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
409
- ._tab_1db87z2_151{
409
+ ._tab_1z0dmr1_151{
410
410
  --_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)));
411
411
  --_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)));
412
412
  --_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)));
@@ -415,7 +415,7 @@
415
415
  }
416
416
  }
417
417
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
418
- ._tab_1db87z2_151{
418
+ ._tab_1z0dmr1_151{
419
419
  --_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);
420
420
  --_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));
421
421
  --_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));
@@ -423,7 +423,7 @@
423
423
  --_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));
424
424
  }
425
425
  }
426
- ._tab_1db87z2_151 {
426
+ ._tab_1z0dmr1_151 {
427
427
  letter-spacing:var(
428
428
  --rs-text-base-letter-spacing,
429
429
  var(--_rs-typography-letter-spacing)
@@ -467,19 +467,19 @@
467
467
  -moz-osx-font-smoothing:inherit;
468
468
  -webkit-appearance:none;
469
469
  }
470
- ._tab_1db87z2_151::-moz-focus-inner{
470
+ ._tab_1z0dmr1_151::-moz-focus-inner{
471
471
  padding:0;
472
472
 
473
473
  border:none;
474
474
  }
475
- ._tab_1db87z2_151:hover,
476
- ._tab_1db87z2_151:active,
477
- ._tab_1db87z2_151:focus{
475
+ ._tab_1z0dmr1_151:hover,
476
+ ._tab_1z0dmr1_151:active,
477
+ ._tab_1z0dmr1_151:focus{
478
478
  outline:none;
479
479
 
480
480
  text-decoration:none;
481
481
  }
482
- ._tab_1db87z2_151:after{
482
+ ._tab_1z0dmr1_151:after{
483
483
  position:absolute;
484
484
  right:0;
485
485
  bottom:0;
@@ -492,18 +492,18 @@
492
492
 
493
493
  background-color:transparent;
494
494
  }
495
- ._tab_1db87z2_151:focus[data-focus-method='key']:after{
495
+ ._tab_1z0dmr1_151:focus[data-focus-method='key']:after{
496
496
  opacity:0;
497
497
  }
498
- ._tab_1db87z2_151:hover{
498
+ ._tab_1z0dmr1_151:hover{
499
499
  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));
500
500
  }
501
- ._tab_1db87z2_151:hover:after{
501
+ ._tab_1z0dmr1_151:hover:after{
502
502
  height:1px;
503
503
 
504
504
  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));
505
505
  }
506
- ._tab_1db87z2_151._selected_1db87z2_272{
506
+ ._tab_1z0dmr1_151._selected_1z0dmr1_272{
507
507
  z-index:1;
508
508
 
509
509
  cursor:default;
@@ -512,20 +512,20 @@
512
512
 
513
513
  transition:color 200ms var(--rs-transition-function, cubic-bezier(0.4, 0, 0.2, 1)) 0ms;
514
514
  }
515
- ._tab_1db87z2_151._selected_1db87z2_272:after{
515
+ ._tab_1z0dmr1_151._selected_1z0dmr1_272:after{
516
516
  height:2px;
517
517
 
518
518
  background-color:var(--_rs-tab-list-indicator-background);
519
519
 
520
520
  transition:background-color 0ms var(--rs-transition-function, ease) 300ms, height 0ms var(--rs-transition-function, ease) 300ms;
521
521
  }
522
- ._tab_1db87z2_151:focus[data-focus-method='key']{
522
+ ._tab_1z0dmr1_151:focus[data-focus-method='key']{
523
523
  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;
524
524
  }
525
- ._tab_1db87z2_151:first-child{
525
+ ._tab_1z0dmr1_151:first-child{
526
526
  margin-left:0;
527
527
  }
528
- ._tab_1db87z2_151 ._icon_1db87z2_178{
528
+ ._tab_1z0dmr1_151 ._icon_1z0dmr1_178{
529
529
  flex:0 0;
530
530
  flex-basis:auto;
531
531
 
@@ -533,13 +533,13 @@
533
533
  height:var(--_rs-tab-list-icon-size);
534
534
  }
535
535
 
536
- ._light_1n4wmwt_4{
536
+ ._light_w2pg32_4{
537
537
  --rs-theme-dark:0;
538
538
  }
539
- ._dark_1n4wmwt_7{
539
+ ._dark_w2pg32_7{
540
540
  --rs-theme-dark:1;
541
541
  }
542
- ._separator_1n4wmwt_11{
542
+ ._separator_w2pg32_11{
543
543
  --_rs-theme-dark:var(
544
544
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
545
545
  var(--rs-theme-dark, 0)
@@ -553,7 +553,7 @@
553
553
 
554
554
  width:100%;
555
555
  }
556
- ._separator_1n4wmwt_11:after{
556
+ ._separator_w2pg32_11:after{
557
557
  position:absolute;
558
558
  right:0;
559
559
  bottom:0;
package/lib/parts/separator.p.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  var styles = {
2
- "light": "_light_1n4wmwt_4",
3
- "dark": "_dark_1n4wmwt_7",
4
- "separator": "_separator_1n4wmwt_11"
2
+ "light": "_light_w2pg32_4",
3
+ "dark": "_dark_w2pg32_7",
4
+ "separator": "_separator_w2pg32_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_1db87z2_10",
3
- "dark": "_dark_1db87z2_13",
4
- "sizeM": "_sizeM_1db87z2_17",
5
- "sizeL": "_sizeL_1db87z2_20",
6
- "classic": "_classic_1db87z2_24",
7
- "rock": "_rock_1db87z2_27",
8
- "sparse": "_sparse_1db87z2_31",
9
- "short": "_short_1db87z2_35",
10
- "wrapper": "_wrapper_1db87z2_39",
11
- "scrollable": "_scrollable_1db87z2_49",
12
- "arrow": "_arrow_1db87z2_78",
13
- "shown": "_shown_1db87z2_98",
14
- "arrowLeft": "_arrowLeft_1db87z2_106",
15
- "arrowRight": "_arrowRight_1db87z2_111",
16
- "withLeftArrow": "_withLeftArrow_1db87z2_117",
17
- "withRightArrow": "_withRightArrow_1db87z2_126",
18
- "arrowButton": "_arrowButton_1db87z2_147",
19
- "tabsContainer": "_tabsContainer_1db87z2_151",
20
- "indicator": "_indicator_1db87z2_157",
21
- "isIndicatorHidden": "_isIndicatorHidden_1db87z2_172",
22
- "iconLeft": "_iconLeft_1db87z2_178",
23
- "iconRight": "_iconRight_1db87z2_181",
24
- "tab": "_tab_1db87z2_151",
25
- "selected": "_selected_1db87z2_272",
26
- "icon": "_icon_1db87z2_178"
2
+ "light": "_light_1z0dmr1_10",
3
+ "dark": "_dark_1z0dmr1_13",
4
+ "sizeM": "_sizeM_1z0dmr1_17",
5
+ "sizeL": "_sizeL_1z0dmr1_20",
6
+ "classic": "_classic_1z0dmr1_24",
7
+ "rock": "_rock_1z0dmr1_27",
8
+ "sparse": "_sparse_1z0dmr1_31",
9
+ "short": "_short_1z0dmr1_35",
10
+ "wrapper": "_wrapper_1z0dmr1_39",
11
+ "scrollable": "_scrollable_1z0dmr1_49",
12
+ "arrow": "_arrow_1z0dmr1_78",
13
+ "shown": "_shown_1z0dmr1_98",
14
+ "arrowLeft": "_arrowLeft_1z0dmr1_106",
15
+ "arrowRight": "_arrowRight_1z0dmr1_111",
16
+ "withLeftArrow": "_withLeftArrow_1z0dmr1_117",
17
+ "withRightArrow": "_withRightArrow_1z0dmr1_126",
18
+ "arrowButton": "_arrowButton_1z0dmr1_147",
19
+ "tabsContainer": "_tabsContainer_1z0dmr1_151",
20
+ "indicator": "_indicator_1z0dmr1_157",
21
+ "isIndicatorHidden": "_isIndicatorHidden_1z0dmr1_172",
22
+ "iconLeft": "_iconLeft_1z0dmr1_178",
23
+ "iconRight": "_iconRight_1z0dmr1_181",
24
+ "tab": "_tab_1z0dmr1_151",
25
+ "selected": "_selected_1z0dmr1_272",
26
+ "icon": "_icon_1z0dmr1_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.18.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
3
+ "version": "0.18.3",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,26 +17,26 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/button": "0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
21
- "@rescui/use-resize-observer": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
20
+ "@rescui/button": "^0.24.5",
21
+ "@rescui/use-resize-observer": "^0.3.3",
22
22
  "classnames": "^2.2.6"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "@rescui/ui-contexts": "^0.6.0",
26
26
  "prop-types": "^15",
27
- "react": ">=17.0.0 <20"
27
+ "react": ">=16.8.0 <20"
28
28
  },
29
29
  "devDependencies": {
30
- "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
31
- "@rescui/postcss-preset-library": "0.2.2",
32
- "@rescui/scripts": "0.5.2",
33
- "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
34
- "@rescui/visual-regression": "0.1.4"
30
+ "@rescui/colors": "^0.3.2",
31
+ "@rescui/postcss-preset-library": "^0.2.2",
32
+ "@rescui/scripts": "^0.5.2",
33
+ "@rescui/typography": "^0.27.3",
34
+ "@rescui/visual-regression": "^0.1.4"
35
35
  },
36
36
  "scripts": {
37
37
  "build": "rescui-scripts build && yarn run build-pcss-api",
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
41
+ "gitHead": "7614b4519a4716fbf1151d94c97fda48eab60800"
42
42
  }