@rescui/button 0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10 → 0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39

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 (8) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/_virtual/loading-outline.js +310 -79
  3. package/lib/button.js +352 -112
  4. package/lib/button.p.module.css.js +31 -31
  5. package/lib/index.css +89 -79
  6. package/lib/public-api.p.css +5 -0
  7. package/lib/public-api.pcss +5 -0
  8. package/package.json +8 -7
package/lib/index.css CHANGED
@@ -1,4 +1,9 @@
1
- ._icon_19upof9_4{
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
6
+ ._icon_wwfcil_4{
2
7
  --_rs-theme-dark:var(
3
8
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
9
  var(--rs-theme-dark, 0)
@@ -8,7 +13,7 @@
8
13
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
14
  }
10
15
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_19upof9_4{
16
+ ._icon_wwfcil_4{
12
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)));
13
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)));
14
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)));
@@ -17,7 +22,7 @@
17
22
  }
18
23
  }
19
24
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_19upof9_4{
25
+ ._icon_wwfcil_4{
21
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);
22
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));
23
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));
@@ -25,30 +30,30 @@
25
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));
26
31
  }
27
32
  }
28
- ._icon_19upof9_4{
33
+ ._icon_wwfcil_4{
29
34
 
30
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
36
 
32
37
  width:var(--rs-icons-width, auto);
33
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
39
  }
35
- ._sizeXS_19upof9_14{
40
+ ._sizeXS_wwfcil_14{
36
41
  --_rs-icons-height:16px;
37
42
  }
38
- ._sizeS_19upof9_18{
43
+ ._sizeS_wwfcil_18{
39
44
  --_rs-icons-height:20px;
40
45
  }
41
- ._sizeM_19upof9_22{
46
+ ._sizeM_wwfcil_22{
42
47
  --_rs-icons-height:24px;
43
48
  }
44
- ._sizeL_19upof9_26{
49
+ ._sizeL_wwfcil_26{
45
50
  --_rs-icons-height:28px;
46
51
  }
47
- ._light_19upof9_30{
52
+ ._light_wwfcil_30{
48
53
  --rs-theme-dark:0;
49
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));
50
55
  }
51
- ._dark_19upof9_34{
56
+ ._dark_wwfcil_34{
52
57
  --rs-theme-dark:1;
53
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));
54
59
  }
@@ -60,61 +65,66 @@
60
65
  transform:rotate(360deg);
61
66
  }
62
67
  }
63
- ._allVariants_19upof9_48{
68
+ ._allVariants_wwfcil_48{
64
69
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
70
  container:rs-icon / size;
66
71
  }
67
- ._variant16_19upof9_53,
68
- ._variant20_19upof9_54,
69
- ._variant24_19upof9_55{
72
+ ._variant16_wwfcil_53,
73
+ ._variant20_wwfcil_54,
74
+ ._variant24_wwfcil_55{
70
75
  display:none;
71
76
  }
72
- ._variant28_19upof9_58{
77
+ ._variant28_wwfcil_58{
73
78
  display:block;
74
79
  }
75
80
  @container rs-icon (max-height: 24px){
76
- ._variant24_19upof9_55{
81
+ ._variant24_wwfcil_55{
77
82
  display:block;
78
83
  }
79
- ._variant28_19upof9_58{
84
+ ._variant28_wwfcil_58{
80
85
  display:none;
81
86
  }
82
87
  }
83
88
  @container rs-icon (max-height: 20px){
84
- ._variant20_19upof9_54{
89
+ ._variant20_wwfcil_54{
85
90
  display:block;
86
91
  }
87
- ._variant24_19upof9_55{
92
+ ._variant24_wwfcil_55{
88
93
  display:none;
89
94
  }
90
95
  }
91
96
  @container rs-icon (max-height: 16px){
92
- ._variant16_19upof9_53{
97
+ ._variant16_wwfcil_53{
93
98
  display:block;
94
99
  }
95
- ._variant20_19upof9_54{
100
+ ._variant20_wwfcil_54{
96
101
  display:none;
97
102
  }
98
103
  }
99
- ._light_rq4j85_6{
104
+ @property --_rs-theme-dark-coefficient{
105
+ syntax:'<number>';
106
+ inherits:true;
107
+ initial-value:0;
108
+ }
109
+ ._light_r5zlnx_6{
100
110
  --rs-theme-dark:0;
101
111
  }
102
- ._dark_rq4j85_9{
112
+ ._dark_r5zlnx_9{
103
113
  --rs-theme-dark:1;
104
114
  }
105
- ._flatRight_rq4j85_13{
115
+ ._flatRight_r5zlnx_13{
106
116
  --_rs-button-top-right-border-radius-or-initial:0px;
107
117
  --_rs-button-bottom-right-border-radius-or-initial:0px;
108
118
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
109
119
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
110
120
  }
111
- ._flatLeft_rq4j85_16{
121
+ ._flatLeft_r5zlnx_16{
112
122
  --_rs-button-top-left-border-radius-or-initial:0px;
113
123
  --_rs-button-bottom-left-border-radius-or-initial:0px;
114
124
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
115
125
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
116
126
  }
117
- ._sizeXs_rq4j85_20{
127
+ ._sizeXs_r5zlnx_20{
118
128
  --_rs-button-border-radius-base:var(
119
129
  --rs-button-xs-border-radius,
120
130
  var(--rs-button-border-radius, 4px)
@@ -129,7 +139,7 @@
129
139
  --_rs-button-icon-size:16px;
130
140
  --_rs-button-icon-offset:4px;
131
141
  }
132
- ._sizeXs_rq4j85_20 [data-rs-internal='button__content']{
142
+ ._sizeXs_r5zlnx_20 [data-rs-internal='button__content']{
133
143
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
134
144
  --_rs-typography-text-transform:initial;
135
145
  --_rs-typography-font-variant-numeric:initial;
@@ -164,7 +174,7 @@
164
174
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
165
175
  --_rs-typography-link-border-bottom-width-from-text:1px;
166
176
  }
167
- ._sizeS_rq4j85_23{
177
+ ._sizeS_r5zlnx_23{
168
178
  --_rs-button-border-radius-base:var(
169
179
  --rs-button-s-border-radius,
170
180
  var(--rs-button-border-radius, 16px)
@@ -179,7 +189,7 @@
179
189
  --_rs-button-icon-size:20px;
180
190
  --_rs-button-icon-offset:8px;
181
191
  }
182
- ._sizeS_rq4j85_23 [data-rs-internal='button__content']{
192
+ ._sizeS_r5zlnx_23 [data-rs-internal='button__content']{
183
193
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
184
194
  --_rs-typography-text-transform:initial;
185
195
  --_rs-typography-font-variant-numeric:initial;
@@ -214,7 +224,7 @@
214
224
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
215
225
  --_rs-typography-link-border-bottom-width-from-text:1px;
216
226
  }
217
- ._sizeM_rq4j85_26{
227
+ ._sizeM_r5zlnx_26{
218
228
  --_rs-button-border-radius-base:var(
219
229
  --rs-button-m-border-radius,
220
230
  var(--rs-button-border-radius, 20px)
@@ -229,7 +239,7 @@
229
239
  --_rs-button-icon-size:24px;
230
240
  --_rs-button-icon-offset:8px;
231
241
  }
232
- ._sizeM_rq4j85_26 [data-rs-internal='button__content']{
242
+ ._sizeM_r5zlnx_26 [data-rs-internal='button__content']{
233
243
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
234
244
  --_rs-typography-text-transform:initial;
235
245
  --_rs-typography-font-variant-numeric:initial;
@@ -268,11 +278,11 @@
268
278
  --_rs-typography-link-border-bottom-width-from-text:1px;
269
279
  }
270
280
  @media screen and (max-width: 640px){
271
- ._sizeM_rq4j85_26 [data-rs-internal='button__content']{
281
+ ._sizeM_r5zlnx_26 [data-rs-internal='button__content']{
272
282
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
273
283
  }
274
284
  }
275
- ._sizeL_rq4j85_29{
285
+ ._sizeL_r5zlnx_29{
276
286
  --_rs-button-border-radius-base:var(
277
287
  --rs-button-l-border-radius,
278
288
  var(--rs-button-border-radius, 26px)
@@ -287,7 +297,7 @@
287
297
  --_rs-button-icon-size:28px;
288
298
  --_rs-button-icon-offset:16px;
289
299
  }
290
- ._sizeL_rq4j85_29 [data-rs-internal='button__content']{
300
+ ._sizeL_r5zlnx_29 [data-rs-internal='button__content']{
291
301
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
292
302
  --_rs-typography-text-transform:initial;
293
303
  --_rs-typography-font-variant-numeric:initial;
@@ -326,11 +336,11 @@
326
336
  --_rs-typography-link-border-bottom-width-from-text:1px;
327
337
  }
328
338
  @media screen and (max-width: 640px){
329
- ._sizeL_rq4j85_29 [data-rs-internal='button__content']{
339
+ ._sizeL_r5zlnx_29 [data-rs-internal='button__content']{
330
340
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
331
341
  }
332
342
  }
333
- ._modeClassic_rq4j85_33{
343
+ ._modeClassic_r5zlnx_33{
334
344
  --_rs-button-inner-border-display:none;
335
345
  --_rs-button-color:rgb(
336
346
  calc(255 - var(--rs-button-flip-text-color, 0)*230),
@@ -346,7 +356,7 @@
346
356
  --_rs-button-disabled-color: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), 0.5);
347
357
  --_rs-button-disabled-background: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), 0.2);
348
358
  }
349
- ._modeRock_rq4j85_36{
359
+ ._modeRock_r5zlnx_36{
350
360
  --_rs-button-inner-border-display:none;
351
361
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
352
362
  --_rs-button-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));
@@ -359,7 +369,7 @@
359
369
  --_rs-button-disabled-color: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), 0.5);
360
370
  --_rs-button-disabled-background: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), 0.2);
361
371
  }
362
- ._modeTransparent_rq4j85_39{
372
+ ._modeTransparent_r5zlnx_39{
363
373
  --_rs-button-inner-border-display:none;
364
374
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
365
375
  --_rs-button-background: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), 0.5);
@@ -371,7 +381,7 @@
371
381
  --_rs-button-disabled-color:rgba(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
372
382
  --_rs-button-disabled-background: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), 0.4);
373
383
  }
374
- ._modeOutline_rq4j85_42{
384
+ ._modeOutline_r5zlnx_42{
375
385
  --_rs-button-inner-border-display:block;
376
386
  --_rs-button-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));
377
387
  --_rs-button-background:transparent;
@@ -383,7 +393,7 @@
383
393
  --_rs-button-disabled-color: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), 0.5);
384
394
  --_rs-button-disabled-background:transparent;
385
395
  }
386
- ._modeClear_rq4j85_45{
396
+ ._modeClear_r5zlnx_45{
387
397
  --_rs-button-inner-border-display:none;
388
398
  --_rs-button-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
399
  --_rs-button-background:transparent;
@@ -395,23 +405,23 @@
395
405
  --_rs-button-disabled-color: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), 0.5);
396
406
  --_rs-button-disabled-background:transparent;
397
407
  }
398
- ._alignIconLeft_rq4j85_49{
408
+ ._alignIconLeft_r5zlnx_49{
399
409
  --_rs-button-icon-flex-direction:row;
400
410
  --_rs-button-content-grow:0;
401
411
  }
402
- ._alignIconLeftEdge_rq4j85_52{
412
+ ._alignIconLeftEdge_r5zlnx_52{
403
413
  --_rs-button-icon-flex-direction:row;
404
414
  --_rs-button-content-grow:1;
405
415
  }
406
- ._alignIconRight_rq4j85_55{
416
+ ._alignIconRight_r5zlnx_55{
407
417
  --_rs-button-icon-flex-direction:row-reverse;
408
418
  --_rs-button-content-grow:0;
409
419
  }
410
- ._alignIconRightEdge_rq4j85_58{
420
+ ._alignIconRightEdge_r5zlnx_58{
411
421
  --_rs-button-icon-flex-direction:row-reverse;
412
422
  --_rs-button-content-grow:1;
413
423
  }
414
- ._main_rq4j85_62{
424
+ ._main_r5zlnx_62{
415
425
  --_rs-theme-dark:var(
416
426
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
417
427
  var(--rs-theme-dark, 0)
@@ -421,7 +431,7 @@
421
431
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
422
432
  }
423
433
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
424
- ._main_rq4j85_62{
434
+ ._main_r5zlnx_62{
425
435
  --_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)));
426
436
  --_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)));
427
437
  --_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)));
@@ -430,7 +440,7 @@
430
440
  }
431
441
  }
432
442
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
433
- ._main_rq4j85_62{
443
+ ._main_r5zlnx_62{
434
444
  --_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);
435
445
  --_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));
436
446
  --_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));
@@ -438,7 +448,7 @@
438
448
  --_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));
439
449
  }
440
450
  }
441
- ._main_rq4j85_62 {
451
+ ._main_r5zlnx_62 {
442
452
  --_rs-button-background-final:var(
443
453
  --_rs-button-background-from-state-active-focus-visible-no-hover,
444
454
  var(
@@ -519,19 +529,19 @@
519
529
  -moz-column-gap:var(--_rs-button-icon-offset);
520
530
  column-gap:var(--_rs-button-icon-offset);
521
531
  }
522
- ._main_rq4j85_62:hover,
523
- ._main_rq4j85_62:focus,
524
- ._main_rq4j85_62:active{
532
+ ._main_r5zlnx_62:hover,
533
+ ._main_r5zlnx_62:focus,
534
+ ._main_r5zlnx_62:active{
525
535
  outline:none;
526
536
 
527
537
  text-decoration:none;
528
538
  }
529
- ._main_rq4j85_62:focus{
539
+ ._main_r5zlnx_62:focus{
530
540
  color:var(--_rs-button-color);
531
541
  background:var(--_rs-button-background-final);
532
542
  }
533
543
  @media (hover: hover){
534
- ._main_rq4j85_62:hover{
544
+ ._main_r5zlnx_62:hover{
535
545
  --_rs-button-border-inner-color:rgba(
536
546
  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),
537
547
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -539,24 +549,24 @@
539
549
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
540
550
  }
541
551
  }
542
- ._main_rq4j85_62:active{
552
+ ._main_r5zlnx_62:active{
543
553
  --_rs-button-border-inner-width:2px;
544
554
  --_rs-button-border-inner-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));
545
555
  --_rs-button-background-from-state-active:var(
546
556
  --_rs-button-active-background
547
557
  );
548
558
  }
549
- ._main_rq4j85_62:focus[data-focus-method='key']{
559
+ ._main_r5zlnx_62:focus[data-focus-method='key']{
550
560
  --_rs-button-box-shadow-from-state-focus-visible:var(
551
561
  --_rs-color-primary-t-dim
552
562
  ) 0 0 0 4px;
553
563
  }
554
- ._main_rq4j85_62:active:not(:hover):focus[data-focus-method='key']{
564
+ ._main_r5zlnx_62:active:not(:hover):focus[data-focus-method='key']{
555
565
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
556
566
  --_rs-button-active-focus-visible-no-hover-background
557
567
  );
558
568
  }
559
- ._main_rq4j85_62._disabled_rq4j85_139{
569
+ ._main_r5zlnx_62._disabled_r5zlnx_139{
560
570
  --_rs-button-border-inner-color:rgba(
561
571
  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),
562
572
  0.2
@@ -565,26 +575,26 @@
565
575
  color:var(--_rs-button-disabled-color);
566
576
  background:var(--_rs-button-disabled-background);
567
577
  }
568
- ._main_rq4j85_62._busy_rq4j85_149{
578
+ ._main_r5zlnx_62._busy_r5zlnx_149{
569
579
  pointer-events:none;
570
580
  }
571
- ._main_rq4j85_62._busyOverlay_rq4j85_153{
581
+ ._main_r5zlnx_62._busyOverlay_r5zlnx_153{
572
582
  display:inline-flex;
573
583
  justify-content:center;
574
584
  align-items:center;
575
585
  }
576
- ._main_rq4j85_62._busyOverlay_rq4j85_153,
577
- ._main_rq4j85_62._busyOverlay_rq4j85_153:hover,
578
- ._main_rq4j85_62._busyOverlay_rq4j85_153:active,
579
- ._main_rq4j85_62._busyOverlay_rq4j85_153._disabled_rq4j85_139,
580
- ._main_rq4j85_62._busyOverlay_rq4j85_153:focus{
586
+ ._main_r5zlnx_62._busyOverlay_r5zlnx_153,
587
+ ._main_r5zlnx_62._busyOverlay_r5zlnx_153:hover,
588
+ ._main_r5zlnx_62._busyOverlay_r5zlnx_153:active,
589
+ ._main_r5zlnx_62._busyOverlay_r5zlnx_153._disabled_r5zlnx_139,
590
+ ._main_r5zlnx_62._busyOverlay_r5zlnx_153:focus{
581
591
  -webkit-user-select:none;
582
592
  -moz-user-select:none;
583
593
  user-select:none;
584
594
 
585
595
  color:transparent;
586
596
  }
587
- ._main_rq4j85_62::before{
597
+ ._main_r5zlnx_62::before{
588
598
  position:absolute;
589
599
  top:0;
590
600
  right:0;
@@ -601,7 +611,7 @@
601
611
 
602
612
  transition:border-color 100ms var(--rs-transition-function, ease);
603
613
  }
604
- ._main_rq4j85_62 ._icon_rq4j85_188{
614
+ ._main_r5zlnx_62 ._icon_r5zlnx_188{
605
615
  flex:0 0 auto;
606
616
 
607
617
  width:auto;
@@ -610,38 +620,38 @@
610
620
  margin:0;
611
621
  fill:currentColor;
612
622
  }
613
- ._disabled_rq4j85_139{
623
+ ._disabled_r5zlnx_139{
614
624
  pointer-events:none;
615
625
  }
616
- ._allowMultiline_rq4j85_203{
626
+ ._allowMultiline_r5zlnx_203{
617
627
  white-space:normal;
618
628
  }
619
- ._content_rq4j85_207{
629
+ ._content_r5zlnx_207{
620
630
  flex:var(--_rs-button-content-grow) 1 auto;
621
631
 
622
632
  min-width:0;
623
633
  }
624
- ._multiline_rq4j85_213{
634
+ ._multiline_r5zlnx_213{
625
635
  border-radius:var(--_rs-button-multiline-border-radius);
626
636
  }
627
- ._withoutText_rq4j85_217{
637
+ ._withoutText_r5zlnx_217{
628
638
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
629
639
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
630
640
  }
631
- ._busyIcon_rq4j85_222{
641
+ ._busyIcon_r5zlnx_222{
632
642
  position:absolute;
633
643
  top:50%;
634
644
  left:50%;
635
645
 
636
646
  transform:translate(-50%, -50%);
637
647
  }
638
- ._main_rq4j85_62 ._busyIcon_rq4j85_222{
648
+ ._main_r5zlnx_62 ._busyIcon_r5zlnx_222{
639
649
  color:var(--_rs-button-color);
640
650
  }
641
- ._main_rq4j85_62._disabled_rq4j85_139 ._busyIcon_rq4j85_222{
651
+ ._main_r5zlnx_62._disabled_r5zlnx_139 ._busyIcon_r5zlnx_222{
642
652
  color:var(--_rs-button-disabled-color);
643
653
  }
644
- ._content_rq4j85_207{
654
+ ._content_r5zlnx_207{
645
655
  letter-spacing:var(
646
656
  --rs-text-base-letter-spacing,
647
657
  var(--_rs-typography-letter-spacing)
@@ -654,15 +664,15 @@
654
664
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
655
665
  font-feature-settings:'kern', 'liga', 'calt';
656
666
  }
657
- ._shiftedLeft_rq4j85_243{
667
+ ._shiftedLeft_r5zlnx_243{
658
668
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
659
669
  }
660
- ._shiftedRight_rq4j85_246{
670
+ ._shiftedRight_r5zlnx_246{
661
671
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
662
672
  }
663
- ._shiftedTop_rq4j85_249{
673
+ ._shiftedTop_r5zlnx_249{
664
674
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
665
675
  }
666
- ._shiftedBottom_rq4j85_252{
676
+ ._shiftedBottom_r5zlnx_252{
667
677
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
668
678
  }
package/lib/public-api.p.css CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-button-size-xs{
2
7
  &:not(html){
3
8
  --_rs-button-border-radius-base:var(
package/lib/public-api.pcss CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-button-size-xs{
2
7
  &:not(html){
3
8
  --_rs-button-border-radius-base:var(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
3
+ "version": "0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,8 +17,9 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@babel/runtime-corejs3": "^7.26.0",
20
- "@rescui/use-resize-observer": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.10+dbbefd7b8",
21
- "classnames": "^2.2.6"
20
+ "@rescui/use-resize-observer": "0.3.4-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.39+8aaaed4be",
21
+ "classnames": "^2.2.6",
22
+ "react-compiler-runtime": "^1.0.0"
22
23
  },
23
24
  "peerDependencies": {
24
25
  "@rescui/ui-contexts": "^0.6.0",
@@ -26,10 +27,10 @@
26
27
  "react": ">=17.0.0 <20"
27
28
  },
28
29
  "devDependencies": {
29
- "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
30
- "@rescui/icons": "1.8.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
30
+ "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
31
+ "@rescui/icons": "1.8.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
31
32
  "@rescui/scripts": "0.5.2",
32
- "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-dbbefd7b8.14+dbbefd7b8",
33
+ "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-8aaaed4be.43+8aaaed4be",
33
34
  "@rescui/visual-regression": "0.1.4",
34
35
  "@types/classnames": "^2.2.11"
35
36
  },
@@ -38,5 +39,5 @@
38
39
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
40
  },
40
41
  "nx": {},
41
- "gitHead": "dbbefd7b8e24da18262edf3baffa35039ae01af3"
42
+ "gitHead": "8aaaed4bee650c002b7f195438380b70c31cc5a4"
42
43
  }