@rescui/button 0.24.5-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.11 → 0.24.6

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 +12 -12
  2. package/lib/button.p.module.css.js +31 -31
  3. package/lib/index.css +89 -79
  4. package/lib/public-api.p.css +5 -0
  5. package/lib/public-api.pcss +5 -0
  6. package/package.json +9 -9
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_ydxoyp_4",
3
- "sizeXS": "_sizeXS_ydxoyp_14",
4
- "sizeS": "_sizeS_ydxoyp_18",
5
- "sizeM": "_sizeM_ydxoyp_22",
6
- "sizeL": "_sizeL_ydxoyp_26",
7
- "light": "_light_ydxoyp_30",
8
- "dark": "_dark_ydxoyp_34",
9
- "allVariants": "_allVariants_ydxoyp_48",
10
- "variant16": "_variant16_ydxoyp_53",
11
- "variant20": "_variant20_ydxoyp_54",
12
- "variant24": "_variant24_ydxoyp_55",
13
- "variant28": "_variant28_ydxoyp_58"
2
+ "icon": "_icon_1npbgia_4",
3
+ "sizeXS": "_sizeXS_1npbgia_14",
4
+ "sizeS": "_sizeS_1npbgia_18",
5
+ "sizeM": "_sizeM_1npbgia_22",
6
+ "sizeL": "_sizeL_1npbgia_26",
7
+ "light": "_light_1npbgia_30",
8
+ "dark": "_dark_1npbgia_34",
9
+ "allVariants": "_allVariants_1npbgia_48",
10
+ "variant16": "_variant16_1npbgia_53",
11
+ "variant20": "_variant20_1npbgia_54",
12
+ "variant24": "_variant24_1npbgia_55",
13
+ "variant28": "_variant28_1npbgia_58"
14
14
  };
15
15
  export { styles as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "light": "_light_1bes39t_6",
3
- "dark": "_dark_1bes39t_9",
4
- "flatRight": "_flatRight_1bes39t_13",
5
- "flatLeft": "_flatLeft_1bes39t_16",
6
- "sizeXs": "_sizeXs_1bes39t_20",
7
- "sizeS": "_sizeS_1bes39t_23",
8
- "sizeM": "_sizeM_1bes39t_26",
9
- "sizeL": "_sizeL_1bes39t_29",
10
- "modeClassic": "_modeClassic_1bes39t_33",
11
- "modeRock": "_modeRock_1bes39t_36",
12
- "modeTransparent": "_modeTransparent_1bes39t_39",
13
- "modeOutline": "_modeOutline_1bes39t_42",
14
- "modeClear": "_modeClear_1bes39t_45",
15
- "alignIconLeft": "_alignIconLeft_1bes39t_49",
16
- "alignIconLeftEdge": "_alignIconLeftEdge_1bes39t_52",
17
- "alignIconRight": "_alignIconRight_1bes39t_55",
18
- "alignIconRightEdge": "_alignIconRightEdge_1bes39t_58",
19
- "main": "_main_1bes39t_62",
20
- "disabled": "_disabled_1bes39t_139",
21
- "busy": "_busy_1bes39t_149",
22
- "busyOverlay": "_busyOverlay_1bes39t_153",
23
- "icon": "_icon_1bes39t_188",
24
- "allowMultiline": "_allowMultiline_1bes39t_203",
25
- "content": "_content_1bes39t_207",
26
- "multiline": "_multiline_1bes39t_213",
27
- "withoutText": "_withoutText_1bes39t_217",
28
- "busyIcon": "_busyIcon_1bes39t_222",
29
- "shiftedLeft": "_shiftedLeft_1bes39t_243",
30
- "shiftedRight": "_shiftedRight_1bes39t_246",
31
- "shiftedTop": "_shiftedTop_1bes39t_249",
32
- "shiftedBottom": "_shiftedBottom_1bes39t_252"
2
+ "light": "_light_j8rlk2_6",
3
+ "dark": "_dark_j8rlk2_9",
4
+ "flatRight": "_flatRight_j8rlk2_13",
5
+ "flatLeft": "_flatLeft_j8rlk2_16",
6
+ "sizeXs": "_sizeXs_j8rlk2_20",
7
+ "sizeS": "_sizeS_j8rlk2_23",
8
+ "sizeM": "_sizeM_j8rlk2_26",
9
+ "sizeL": "_sizeL_j8rlk2_29",
10
+ "modeClassic": "_modeClassic_j8rlk2_33",
11
+ "modeRock": "_modeRock_j8rlk2_36",
12
+ "modeTransparent": "_modeTransparent_j8rlk2_39",
13
+ "modeOutline": "_modeOutline_j8rlk2_42",
14
+ "modeClear": "_modeClear_j8rlk2_45",
15
+ "alignIconLeft": "_alignIconLeft_j8rlk2_49",
16
+ "alignIconLeftEdge": "_alignIconLeftEdge_j8rlk2_52",
17
+ "alignIconRight": "_alignIconRight_j8rlk2_55",
18
+ "alignIconRightEdge": "_alignIconRightEdge_j8rlk2_58",
19
+ "main": "_main_j8rlk2_62",
20
+ "disabled": "_disabled_j8rlk2_139",
21
+ "busy": "_busy_j8rlk2_149",
22
+ "busyOverlay": "_busyOverlay_j8rlk2_153",
23
+ "icon": "_icon_j8rlk2_188",
24
+ "allowMultiline": "_allowMultiline_j8rlk2_203",
25
+ "content": "_content_j8rlk2_207",
26
+ "multiline": "_multiline_j8rlk2_213",
27
+ "withoutText": "_withoutText_j8rlk2_217",
28
+ "busyIcon": "_busyIcon_j8rlk2_222",
29
+ "shiftedLeft": "_shiftedLeft_j8rlk2_243",
30
+ "shiftedRight": "_shiftedRight_j8rlk2_246",
31
+ "shiftedTop": "_shiftedTop_j8rlk2_249",
32
+ "shiftedBottom": "_shiftedBottom_j8rlk2_252"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,9 @@
1
- ._icon_ydxoyp_4{
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
6
+ ._icon_1npbgia_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_ydxoyp_4{
16
+ ._icon_1npbgia_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_ydxoyp_4{
25
+ ._icon_1npbgia_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_ydxoyp_4{
33
+ ._icon_1npbgia_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_ydxoyp_14{
40
+ ._sizeXS_1npbgia_14{
36
41
  --_rs-icons-height:16px;
37
42
  }
38
- ._sizeS_ydxoyp_18{
43
+ ._sizeS_1npbgia_18{
39
44
  --_rs-icons-height:20px;
40
45
  }
41
- ._sizeM_ydxoyp_22{
46
+ ._sizeM_1npbgia_22{
42
47
  --_rs-icons-height:24px;
43
48
  }
44
- ._sizeL_ydxoyp_26{
49
+ ._sizeL_1npbgia_26{
45
50
  --_rs-icons-height:28px;
46
51
  }
47
- ._light_ydxoyp_30{
52
+ ._light_1npbgia_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_ydxoyp_34{
56
+ ._dark_1npbgia_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_ydxoyp_48{
68
+ ._allVariants_1npbgia_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_ydxoyp_53,
68
- ._variant20_ydxoyp_54,
69
- ._variant24_ydxoyp_55{
72
+ ._variant16_1npbgia_53,
73
+ ._variant20_1npbgia_54,
74
+ ._variant24_1npbgia_55{
70
75
  display:none;
71
76
  }
72
- ._variant28_ydxoyp_58{
77
+ ._variant28_1npbgia_58{
73
78
  display:block;
74
79
  }
75
80
  @container rs-icon (max-height: 24px){
76
- ._variant24_ydxoyp_55{
81
+ ._variant24_1npbgia_55{
77
82
  display:block;
78
83
  }
79
- ._variant28_ydxoyp_58{
84
+ ._variant28_1npbgia_58{
80
85
  display:none;
81
86
  }
82
87
  }
83
88
  @container rs-icon (max-height: 20px){
84
- ._variant20_ydxoyp_54{
89
+ ._variant20_1npbgia_54{
85
90
  display:block;
86
91
  }
87
- ._variant24_ydxoyp_55{
92
+ ._variant24_1npbgia_55{
88
93
  display:none;
89
94
  }
90
95
  }
91
96
  @container rs-icon (max-height: 16px){
92
- ._variant16_ydxoyp_53{
97
+ ._variant16_1npbgia_53{
93
98
  display:block;
94
99
  }
95
- ._variant20_ydxoyp_54{
100
+ ._variant20_1npbgia_54{
96
101
  display:none;
97
102
  }
98
103
  }
99
- ._light_1bes39t_6{
104
+ @property --_rs-theme-dark-coefficient{
105
+ syntax:'<number>';
106
+ inherits:true;
107
+ initial-value:0;
108
+ }
109
+ ._light_j8rlk2_6{
100
110
  --rs-theme-dark:0;
101
111
  }
102
- ._dark_1bes39t_9{
112
+ ._dark_j8rlk2_9{
103
113
  --rs-theme-dark:1;
104
114
  }
105
- ._flatRight_1bes39t_13{
115
+ ._flatRight_j8rlk2_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_1bes39t_16{
121
+ ._flatLeft_j8rlk2_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_1bes39t_20{
127
+ ._sizeXs_j8rlk2_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_1bes39t_20 [data-rs-internal='button__content']{
142
+ ._sizeXs_j8rlk2_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_1bes39t_23{
177
+ ._sizeS_j8rlk2_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_1bes39t_23 [data-rs-internal='button__content']{
192
+ ._sizeS_j8rlk2_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_1bes39t_26{
227
+ ._sizeM_j8rlk2_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_1bes39t_26 [data-rs-internal='button__content']{
242
+ ._sizeM_j8rlk2_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_1bes39t_26 [data-rs-internal='button__content']{
281
+ ._sizeM_j8rlk2_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_1bes39t_29{
285
+ ._sizeL_j8rlk2_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_1bes39t_29 [data-rs-internal='button__content']{
300
+ ._sizeL_j8rlk2_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_1bes39t_29 [data-rs-internal='button__content']{
339
+ ._sizeL_j8rlk2_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_1bes39t_33{
343
+ ._modeClassic_j8rlk2_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_1bes39t_36{
359
+ ._modeRock_j8rlk2_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_1bes39t_39{
372
+ ._modeTransparent_j8rlk2_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_1bes39t_42{
384
+ ._modeOutline_j8rlk2_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_1bes39t_45{
396
+ ._modeClear_j8rlk2_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_1bes39t_49{
408
+ ._alignIconLeft_j8rlk2_49{
399
409
  --_rs-button-icon-flex-direction:row;
400
410
  --_rs-button-content-grow:0;
401
411
  }
402
- ._alignIconLeftEdge_1bes39t_52{
412
+ ._alignIconLeftEdge_j8rlk2_52{
403
413
  --_rs-button-icon-flex-direction:row;
404
414
  --_rs-button-content-grow:1;
405
415
  }
406
- ._alignIconRight_1bes39t_55{
416
+ ._alignIconRight_j8rlk2_55{
407
417
  --_rs-button-icon-flex-direction:row-reverse;
408
418
  --_rs-button-content-grow:0;
409
419
  }
410
- ._alignIconRightEdge_1bes39t_58{
420
+ ._alignIconRightEdge_j8rlk2_58{
411
421
  --_rs-button-icon-flex-direction:row-reverse;
412
422
  --_rs-button-content-grow:1;
413
423
  }
414
- ._main_1bes39t_62{
424
+ ._main_j8rlk2_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_1bes39t_62{
434
+ ._main_j8rlk2_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_1bes39t_62{
443
+ ._main_j8rlk2_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_1bes39t_62 {
451
+ ._main_j8rlk2_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_1bes39t_62:hover,
523
- ._main_1bes39t_62:focus,
524
- ._main_1bes39t_62:active{
532
+ ._main_j8rlk2_62:hover,
533
+ ._main_j8rlk2_62:focus,
534
+ ._main_j8rlk2_62:active{
525
535
  outline:none;
526
536
 
527
537
  text-decoration:none;
528
538
  }
529
- ._main_1bes39t_62:focus{
539
+ ._main_j8rlk2_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_1bes39t_62:hover{
544
+ ._main_j8rlk2_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_1bes39t_62:active{
552
+ ._main_j8rlk2_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_1bes39t_62:focus[data-focus-method='key']{
559
+ ._main_j8rlk2_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_1bes39t_62:active:not(:hover):focus[data-focus-method='key']{
564
+ ._main_j8rlk2_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_1bes39t_62._disabled_1bes39t_139{
569
+ ._main_j8rlk2_62._disabled_j8rlk2_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_1bes39t_62._busy_1bes39t_149{
578
+ ._main_j8rlk2_62._busy_j8rlk2_149{
569
579
  pointer-events:none;
570
580
  }
571
- ._main_1bes39t_62._busyOverlay_1bes39t_153{
581
+ ._main_j8rlk2_62._busyOverlay_j8rlk2_153{
572
582
  display:inline-flex;
573
583
  justify-content:center;
574
584
  align-items:center;
575
585
  }
576
- ._main_1bes39t_62._busyOverlay_1bes39t_153,
577
- ._main_1bes39t_62._busyOverlay_1bes39t_153:hover,
578
- ._main_1bes39t_62._busyOverlay_1bes39t_153:active,
579
- ._main_1bes39t_62._busyOverlay_1bes39t_153._disabled_1bes39t_139,
580
- ._main_1bes39t_62._busyOverlay_1bes39t_153:focus{
586
+ ._main_j8rlk2_62._busyOverlay_j8rlk2_153,
587
+ ._main_j8rlk2_62._busyOverlay_j8rlk2_153:hover,
588
+ ._main_j8rlk2_62._busyOverlay_j8rlk2_153:active,
589
+ ._main_j8rlk2_62._busyOverlay_j8rlk2_153._disabled_j8rlk2_139,
590
+ ._main_j8rlk2_62._busyOverlay_j8rlk2_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_1bes39t_62::before{
597
+ ._main_j8rlk2_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_1bes39t_62 ._icon_1bes39t_188{
614
+ ._main_j8rlk2_62 ._icon_j8rlk2_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_1bes39t_139{
623
+ ._disabled_j8rlk2_139{
614
624
  pointer-events:none;
615
625
  }
616
- ._allowMultiline_1bes39t_203{
626
+ ._allowMultiline_j8rlk2_203{
617
627
  white-space:normal;
618
628
  }
619
- ._content_1bes39t_207{
629
+ ._content_j8rlk2_207{
620
630
  flex:var(--_rs-button-content-grow) 1 auto;
621
631
 
622
632
  min-width:0;
623
633
  }
624
- ._multiline_1bes39t_213{
634
+ ._multiline_j8rlk2_213{
625
635
  border-radius:var(--_rs-button-multiline-border-radius);
626
636
  }
627
- ._withoutText_1bes39t_217{
637
+ ._withoutText_j8rlk2_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_1bes39t_222{
641
+ ._busyIcon_j8rlk2_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_1bes39t_62 ._busyIcon_1bes39t_222{
648
+ ._main_j8rlk2_62 ._busyIcon_j8rlk2_222{
639
649
  color:var(--_rs-button-color);
640
650
  }
641
- ._main_1bes39t_62._disabled_1bes39t_139 ._busyIcon_1bes39t_222{
651
+ ._main_j8rlk2_62._disabled_j8rlk2_139 ._busyIcon_j8rlk2_222{
642
652
  color:var(--_rs-button-disabled-color);
643
653
  }
644
- ._content_1bes39t_207{
654
+ ._content_j8rlk2_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_1bes39t_243{
667
+ ._shiftedLeft_j8rlk2_243{
658
668
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
659
669
  }
660
- ._shiftedRight_1bes39t_246{
670
+ ._shiftedRight_j8rlk2_246{
661
671
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
662
672
  }
663
- ._shiftedTop_1bes39t_249{
673
+ ._shiftedTop_j8rlk2_249{
664
674
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
665
675
  }
666
- ._shiftedBottom_1bes39t_252{
676
+ ._shiftedBottom_j8rlk2_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-f15074a13.11+f15074a13",
3
+ "version": "0.24.6",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -17,20 +17,20 @@
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-f15074a13.11+f15074a13",
20
+ "@rescui/use-resize-observer": "^0.3.4",
21
21
  "classnames": "^2.2.6"
22
22
  },
23
23
  "peerDependencies": {
24
24
  "@rescui/ui-contexts": "^0.6.0",
25
25
  "prop-types": "^15",
26
- "react": ">=17.0.0 <20"
26
+ "react": ">=16.8.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "0.3.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
30
- "@rescui/icons": "1.8.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
31
- "@rescui/scripts": "0.5.2",
32
- "@rescui/typography": "0.27.3-RUI-297-Add-react-compiler-to-the-packages-build-f15074a13.15+f15074a13",
33
- "@rescui/visual-regression": "0.1.4",
29
+ "@rescui/colors": "^0.3.3",
30
+ "@rescui/icons": "^1.8.4",
31
+ "@rescui/scripts": "^0.5.2",
32
+ "@rescui/typography": "^0.27.4",
33
+ "@rescui/visual-regression": "^0.1.4",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
36
36
  "scripts": {
@@ -38,5 +38,5 @@
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "f15074a13a93f4cdfe7b9ac295f0a493e4a0ca0f"
41
+ "gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
42
42
  }