@rescui/button 0.27.2 → 0.27.3-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db

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/button.p.module.css.js +1 -1
  3. package/lib/index.css +81 -81
  4. package/llm/components/button.md +17 -17
  5. package/package.json +8 -8
package/lib/_virtual/index.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "icon": "_icon_g46ng3_4",
3
- "sizeXS": "_sizeXS_g46ng3_14",
4
- "sizeS": "_sizeS_g46ng3_18",
5
- "sizeM": "_sizeM_g46ng3_22",
6
- "sizeL": "_sizeL_g46ng3_26",
7
- "light": "_light_g46ng3_30",
8
- "dark": "_dark_g46ng3_34",
9
- "allVariants": "_allVariants_g46ng3_48",
10
- "variant16": "_variant16_g46ng3_53",
11
- "variant20": "_variant20_g46ng3_54",
12
- "variant24": "_variant24_g46ng3_55",
13
- "variant28": "_variant28_g46ng3_58"
2
+ "icon": "_icon_1jn1uwd_4",
3
+ "sizeXS": "_sizeXS_1jn1uwd_14",
4
+ "sizeS": "_sizeS_1jn1uwd_18",
5
+ "sizeM": "_sizeM_1jn1uwd_22",
6
+ "sizeL": "_sizeL_1jn1uwd_26",
7
+ "light": "_light_1jn1uwd_30",
8
+ "dark": "_dark_1jn1uwd_34",
9
+ "allVariants": "_allVariants_1jn1uwd_48",
10
+ "variant16": "_variant16_1jn1uwd_53",
11
+ "variant20": "_variant20_1jn1uwd_54",
12
+ "variant24": "_variant24_1jn1uwd_55",
13
+ "variant28": "_variant28_1jn1uwd_58"
14
14
  };
15
15
 
16
16
  export { styles as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"light":"_light_12q0bfr_6","dark":"_dark_12q0bfr_9","flatRight":"_flatRight_12q0bfr_13","flatLeft":"_flatLeft_12q0bfr_16","sizeXs":"_sizeXs_12q0bfr_20","sizeS":"_sizeS_12q0bfr_23","sizeM":"_sizeM_12q0bfr_26","sizeL":"_sizeL_12q0bfr_29","modeClassic":"_modeClassic_12q0bfr_33","modeRock":"_modeRock_12q0bfr_36","modeTransparent":"_modeTransparent_12q0bfr_39","modeOutline":"_modeOutline_12q0bfr_42","modeClear":"_modeClear_12q0bfr_45","alignIconLeft":"_alignIconLeft_12q0bfr_49","alignIconLeftEdge":"_alignIconLeftEdge_12q0bfr_52","alignIconRight":"_alignIconRight_12q0bfr_55","alignIconRightEdge":"_alignIconRightEdge_12q0bfr_58","main":"_main_12q0bfr_62","disabled":"_disabled_12q0bfr_141","busy":"_busy_12q0bfr_151","busyOverlay":"_busyOverlay_12q0bfr_155","icon":"_icon_12q0bfr_190","allowMultiline":"_allowMultiline_12q0bfr_205","content":"_content_12q0bfr_209","multiline":"_multiline_12q0bfr_215","withoutText":"_withoutText_12q0bfr_219","busyIcon":"_busyIcon_12q0bfr_224","shiftedLeft":"_shiftedLeft_12q0bfr_245","shiftedRight":"_shiftedRight_12q0bfr_248","shiftedTop":"_shiftedTop_12q0bfr_251","shiftedBottom":"_shiftedBottom_12q0bfr_254"};
1
+ var styles = {"light":"_light_1pe1znd_6","dark":"_dark_1pe1znd_9","flatRight":"_flatRight_1pe1znd_13","flatLeft":"_flatLeft_1pe1znd_16","sizeXs":"_sizeXs_1pe1znd_20","sizeS":"_sizeS_1pe1znd_23","sizeM":"_sizeM_1pe1znd_26","sizeL":"_sizeL_1pe1znd_29","modeClassic":"_modeClassic_1pe1znd_33","modeRock":"_modeRock_1pe1znd_36","modeTransparent":"_modeTransparent_1pe1znd_39","modeOutline":"_modeOutline_1pe1znd_42","modeClear":"_modeClear_1pe1znd_45","alignIconLeft":"_alignIconLeft_1pe1znd_49","alignIconLeftEdge":"_alignIconLeftEdge_1pe1znd_52","alignIconRight":"_alignIconRight_1pe1znd_55","alignIconRightEdge":"_alignIconRightEdge_1pe1znd_58","main":"_main_1pe1znd_62","disabled":"_disabled_1pe1znd_141","busy":"_busy_1pe1znd_151","busyOverlay":"_busyOverlay_1pe1znd_155","icon":"_icon_1pe1znd_190","allowMultiline":"_allowMultiline_1pe1znd_205","content":"_content_1pe1znd_209","multiline":"_multiline_1pe1znd_215","withoutText":"_withoutText_1pe1znd_219","busyIcon":"_busyIcon_1pe1znd_224","shiftedLeft":"_shiftedLeft_1pe1znd_245","shiftedRight":"_shiftedRight_1pe1znd_248","shiftedTop":"_shiftedTop_1pe1znd_251","shiftedBottom":"_shiftedBottom_1pe1znd_254"};
2
2
 
3
3
  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_g46ng3_4{
6
+ ._icon_1jn1uwd_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_g46ng3_4{
16
+ ._icon_1jn1uwd_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_g46ng3_4{
25
+ ._icon_1jn1uwd_4{
26
26
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
27
27
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
28
28
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -30,7 +30,7 @@
30
30
  --_rs-color-primary-t-fog:rgba(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255, calc(.2 * var(--_rs-theme-light-coefficient, 1) + .3 * var(--_rs-theme-dark-coefficient, 0)));
31
31
  }
32
32
  }
33
- ._icon_g46ng3_4{
33
+ ._icon_1jn1uwd_4{
34
34
 
35
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
36
36
 
@@ -38,27 +38,27 @@
38
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
39
39
  }
40
40
 
41
- ._sizeXS_g46ng3_14{
41
+ ._sizeXS_1jn1uwd_14{
42
42
  --_rs-icons-height:16px;
43
43
  }
44
44
 
45
- ._sizeS_g46ng3_18{
45
+ ._sizeS_1jn1uwd_18{
46
46
  --_rs-icons-height:20px;
47
47
  }
48
48
 
49
- ._sizeM_g46ng3_22{
49
+ ._sizeM_1jn1uwd_22{
50
50
  --_rs-icons-height:24px;
51
51
  }
52
52
 
53
- ._sizeL_g46ng3_26{
53
+ ._sizeL_1jn1uwd_26{
54
54
  --_rs-icons-height:28px;
55
55
  }
56
56
 
57
- ._light_g46ng3_30{
57
+ ._light_1jn1uwd_30{
58
58
  --rs-theme-dark:0;
59
59
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
60
60
  }
61
- ._dark_g46ng3_34{
61
+ ._dark_1jn1uwd_34{
62
62
  --rs-theme-dark:1;
63
63
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
64
64
  }
@@ -72,40 +72,40 @@
72
72
  }
73
73
  }
74
74
 
75
- ._allVariants_g46ng3_48{
75
+ ._allVariants_1jn1uwd_48{
76
76
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
77
77
  container:rs-icon / size;
78
78
  }
79
79
 
80
- ._variant16_g46ng3_53,
81
- ._variant20_g46ng3_54,
82
- ._variant24_g46ng3_55{
80
+ ._variant16_1jn1uwd_53,
81
+ ._variant20_1jn1uwd_54,
82
+ ._variant24_1jn1uwd_55{
83
83
  display:none;
84
84
  }
85
- ._variant28_g46ng3_58{
85
+ ._variant28_1jn1uwd_58{
86
86
  display:block;
87
87
  }
88
88
  @container rs-icon (max-height: 24px){
89
- ._variant24_g46ng3_55{
89
+ ._variant24_1jn1uwd_55{
90
90
  display:block;
91
91
  }
92
- ._variant28_g46ng3_58{
92
+ ._variant28_1jn1uwd_58{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 20px){
97
- ._variant20_g46ng3_54{
97
+ ._variant20_1jn1uwd_54{
98
98
  display:block;
99
99
  }
100
- ._variant24_g46ng3_55{
100
+ ._variant24_1jn1uwd_55{
101
101
  display:none;
102
102
  }
103
103
  }
104
104
  @container rs-icon (max-height: 16px){
105
- ._variant16_g46ng3_53{
105
+ ._variant16_1jn1uwd_53{
106
106
  display:block;
107
107
  }
108
- ._variant20_g46ng3_54{
108
+ ._variant20_1jn1uwd_54{
109
109
  display:none;
110
110
  }
111
111
  }
@@ -116,27 +116,27 @@
116
116
  initial-value:0;
117
117
  }
118
118
 
119
- ._light_12q0bfr_6{
119
+ ._light_1pe1znd_6{
120
120
  --rs-theme-dark:0;
121
121
  }
122
- ._dark_12q0bfr_9{
122
+ ._dark_1pe1znd_9{
123
123
  --rs-theme-dark:1;
124
124
  }
125
125
 
126
- ._flatRight_12q0bfr_13{
126
+ ._flatRight_1pe1znd_13{
127
127
  --_rs-button-top-right-border-radius-or-initial:0px;
128
128
  --_rs-button-bottom-right-border-radius-or-initial:0px;
129
129
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
130
130
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
131
131
  }
132
- ._flatLeft_12q0bfr_16{
132
+ ._flatLeft_1pe1znd_16{
133
133
  --_rs-button-top-left-border-radius-or-initial:0px;
134
134
  --_rs-button-bottom-left-border-radius-or-initial:0px;
135
135
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
136
136
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
137
137
  }
138
138
 
139
- ._sizeXs_12q0bfr_20{
139
+ ._sizeXs_1pe1znd_20{
140
140
  --_rs-button-border-radius-base:var(
141
141
  --rs-button-xs-border-radius,
142
142
  var(--rs-button-border-radius, 4px)
@@ -152,7 +152,7 @@
152
152
  --_rs-button-icon-offset:4px;
153
153
  }
154
154
 
155
- ._sizeXs_12q0bfr_20 [data-rs-internal='button__content']{
155
+ ._sizeXs_1pe1znd_20 [data-rs-internal='button__content']{
156
156
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
157
157
  --_rs-typography-text-transform:initial;
158
158
  --_rs-typography-font-variant-numeric:initial;
@@ -187,7 +187,7 @@
187
187
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
188
188
  --_rs-typography-link-border-bottom-width-from-text:1px;
189
189
  }
190
- ._sizeS_12q0bfr_23{
190
+ ._sizeS_1pe1znd_23{
191
191
  --_rs-button-border-radius-base:var(
192
192
  --rs-button-s-border-radius,
193
193
  var(--rs-button-border-radius, 16px)
@@ -202,7 +202,7 @@
202
202
  --_rs-button-icon-size:20px;
203
203
  --_rs-button-icon-offset:8px;
204
204
  }
205
- ._sizeS_12q0bfr_23 [data-rs-internal='button__content']{
205
+ ._sizeS_1pe1znd_23 [data-rs-internal='button__content']{
206
206
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
207
207
  --_rs-typography-text-transform:initial;
208
208
  --_rs-typography-font-variant-numeric:initial;
@@ -237,7 +237,7 @@
237
237
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
238
238
  --_rs-typography-link-border-bottom-width-from-text:1px;
239
239
  }
240
- ._sizeM_12q0bfr_26{
240
+ ._sizeM_1pe1znd_26{
241
241
  --_rs-button-border-radius-base:var(
242
242
  --rs-button-m-border-radius,
243
243
  var(--rs-button-border-radius, 20px)
@@ -252,7 +252,7 @@
252
252
  --_rs-button-icon-size:24px;
253
253
  --_rs-button-icon-offset:8px;
254
254
  }
255
- ._sizeM_12q0bfr_26 [data-rs-internal='button__content']{
255
+ ._sizeM_1pe1znd_26 [data-rs-internal='button__content']{
256
256
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
257
257
  --_rs-typography-text-transform:initial;
258
258
  --_rs-typography-font-variant-numeric:initial;
@@ -291,11 +291,11 @@
291
291
  --_rs-typography-link-border-bottom-width-from-text:1px;
292
292
  }
293
293
  @media screen and (max-width: 640px){
294
- ._sizeM_12q0bfr_26 [data-rs-internal='button__content']{
294
+ ._sizeM_1pe1znd_26 [data-rs-internal='button__content']{
295
295
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
296
296
  }
297
297
  }
298
- ._sizeL_12q0bfr_29{
298
+ ._sizeL_1pe1znd_29{
299
299
  --_rs-button-border-radius-base:var(
300
300
  --rs-button-l-border-radius,
301
301
  var(--rs-button-border-radius, 26px)
@@ -310,7 +310,7 @@
310
310
  --_rs-button-icon-size:28px;
311
311
  --_rs-button-icon-offset:16px;
312
312
  }
313
- ._sizeL_12q0bfr_29 [data-rs-internal='button__content']{
313
+ ._sizeL_1pe1znd_29 [data-rs-internal='button__content']{
314
314
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
315
315
  --_rs-typography-text-transform:initial;
316
316
  --_rs-typography-font-variant-numeric:initial;
@@ -349,12 +349,12 @@
349
349
  --_rs-typography-link-border-bottom-width-from-text:1px;
350
350
  }
351
351
  @media screen and (max-width: 640px){
352
- ._sizeL_12q0bfr_29 [data-rs-internal='button__content']{
352
+ ._sizeL_1pe1znd_29 [data-rs-internal='button__content']{
353
353
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
354
354
  }
355
355
  }
356
356
 
357
- ._modeClassic_12q0bfr_33{
357
+ ._modeClassic_1pe1znd_33{
358
358
  --_rs-button-inner-border-display:none;
359
359
  --_rs-button-color:rgb(
360
360
  calc(255 - 230 * var(--rs-button-flip-text-color, 0)),
@@ -370,7 +370,7 @@
370
370
  --_rs-button-disabled-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
371
371
  --_rs-button-disabled-background:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
372
372
  }
373
- ._modeRock_12q0bfr_36{
373
+ ._modeRock_1pe1znd_36{
374
374
  --_rs-button-inner-border-display:none;
375
375
  --_rs-button-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
376
376
  --_rs-button-background:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
@@ -383,7 +383,7 @@
383
383
  --_rs-button-disabled-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
384
384
  --_rs-button-disabled-background:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
385
385
  }
386
- ._modeTransparent_12q0bfr_39{
386
+ ._modeTransparent_1pe1znd_39{
387
387
  --_rs-button-inner-border-display:none;
388
388
  --_rs-button-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
389
389
  --_rs-button-background:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
@@ -395,7 +395,7 @@
395
395
  --_rs-button-disabled-color:rgba(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
396
396
  --_rs-button-disabled-background:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.4);
397
397
  }
398
- ._modeOutline_12q0bfr_42{
398
+ ._modeOutline_1pe1znd_42{
399
399
  --_rs-button-inner-border-display:block;
400
400
  --_rs-button-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
401
401
  --_rs-button-background:transparent;
@@ -407,7 +407,7 @@
407
407
  --_rs-button-disabled-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
408
408
  --_rs-button-disabled-background:transparent;
409
409
  }
410
- ._modeClear_12q0bfr_45{
410
+ ._modeClear_1pe1znd_45{
411
411
  --_rs-button-inner-border-display:none;
412
412
  --_rs-button-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
413
413
  --_rs-button-background:transparent;
@@ -420,24 +420,24 @@
420
420
  --_rs-button-disabled-background:transparent;
421
421
  }
422
422
 
423
- ._alignIconLeft_12q0bfr_49{
423
+ ._alignIconLeft_1pe1znd_49{
424
424
  --_rs-button-icon-flex-direction:row;
425
425
  --_rs-button-content-grow:0;
426
426
  }
427
- ._alignIconLeftEdge_12q0bfr_52{
427
+ ._alignIconLeftEdge_1pe1znd_52{
428
428
  --_rs-button-icon-flex-direction:row;
429
429
  --_rs-button-content-grow:1;
430
430
  }
431
- ._alignIconRight_12q0bfr_55{
431
+ ._alignIconRight_1pe1znd_55{
432
432
  --_rs-button-icon-flex-direction:row-reverse;
433
433
  --_rs-button-content-grow:0;
434
434
  }
435
- ._alignIconRightEdge_12q0bfr_58{
435
+ ._alignIconRightEdge_1pe1znd_58{
436
436
  --_rs-button-icon-flex-direction:row-reverse;
437
437
  --_rs-button-content-grow:1;
438
438
  }
439
439
 
440
- ._main_12q0bfr_62{
440
+ ._main_1pe1znd_62{
441
441
  --_rs-theme-dark:var(
442
442
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
443
443
  var(--rs-theme-dark, 0)
@@ -449,7 +449,7 @@
449
449
 
450
450
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
451
451
 
452
- ._main_12q0bfr_62{
452
+ ._main_1pe1znd_62{
453
453
  --_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)));
454
454
  --_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)));
455
455
  --_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)));
@@ -460,7 +460,7 @@
460
460
 
461
461
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
462
462
 
463
- ._main_12q0bfr_62{
463
+ ._main_1pe1znd_62{
464
464
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
465
465
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
466
466
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -469,7 +469,7 @@
469
469
  }
470
470
  }
471
471
 
472
- ._main_12q0bfr_62 {
472
+ ._main_1pe1znd_62 {
473
473
  --_rs-button-background-final:var(
474
474
  --_rs-button-background-from-state-active-focus-visible-no-hover,
475
475
  var(
@@ -550,21 +550,21 @@
550
550
  column-gap:var(--_rs-button-icon-offset);
551
551
  }
552
552
 
553
- ._main_12q0bfr_62:hover,
554
- ._main_12q0bfr_62:focus,
555
- ._main_12q0bfr_62:active{
553
+ ._main_1pe1znd_62:hover,
554
+ ._main_1pe1znd_62:focus,
555
+ ._main_1pe1znd_62:active{
556
556
  outline:none;
557
557
 
558
558
  text-decoration:none;
559
559
  }
560
560
 
561
- ._main_12q0bfr_62:focus{
561
+ ._main_1pe1znd_62:focus{
562
562
  color:var(--_rs-button-color);
563
563
  background:var(--_rs-button-background-final);
564
564
  }
565
565
 
566
566
  @media (hover: hover){
567
- ._main_12q0bfr_62:hover{
567
+ ._main_1pe1znd_62:hover{
568
568
  --_rs-button-border-inner-color:rgba(
569
569
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
570
570
  calc(.3 + .1 * var(--_rs-theme-dark-coefficient, 0))
@@ -573,7 +573,7 @@
573
573
  }
574
574
  }
575
575
 
576
- ._main_12q0bfr_62:active{
576
+ ._main_1pe1znd_62:active{
577
577
  --_rs-button-border-inner-width:2px;
578
578
  --_rs-button-border-inner-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
579
579
  --_rs-button-background-from-state-active:var(
@@ -581,21 +581,21 @@
581
581
  );
582
582
  }
583
583
 
584
- ._main_12q0bfr_62:focus-visible,
585
- ._main_12q0bfr_62:focus[data-focus-method='key']{
584
+ ._main_1pe1znd_62:focus-visible,
585
+ ._main_1pe1znd_62:focus[data-focus-method='key']{
586
586
  --_rs-button-box-shadow-from-state-focus-visible:var(
587
587
  --_rs-color-primary-t-dim
588
588
  ) 0 0 0 4px;
589
589
  }
590
590
 
591
- ._main_12q0bfr_62:active:not(:hover):focus-visible,
592
- ._main_12q0bfr_62:active:not(:hover):focus[data-focus-method='key']{
591
+ ._main_1pe1znd_62:active:not(:hover):focus-visible,
592
+ ._main_1pe1znd_62:active:not(:hover):focus[data-focus-method='key']{
593
593
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
594
594
  --_rs-button-active-focus-visible-no-hover-background
595
595
  );
596
596
  }
597
597
 
598
- ._main_12q0bfr_62._disabled_12q0bfr_141{
598
+ ._main_1pe1znd_62._disabled_1pe1znd_141{
599
599
  --_rs-button-border-inner-color:rgba(
600
600
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
601
601
  0.2
@@ -605,28 +605,28 @@
605
605
  background:var(--_rs-button-disabled-background);
606
606
  }
607
607
 
608
- ._main_12q0bfr_62._busy_12q0bfr_151{
608
+ ._main_1pe1znd_62._busy_1pe1znd_151{
609
609
  pointer-events:none;
610
610
  }
611
611
 
612
- ._main_12q0bfr_62._busyOverlay_12q0bfr_155{
612
+ ._main_1pe1znd_62._busyOverlay_1pe1znd_155{
613
613
  display:inline-flex;
614
614
  justify-content:center;
615
615
  align-items:center;
616
616
  }
617
617
 
618
- ._main_12q0bfr_62._busyOverlay_12q0bfr_155,
619
- ._main_12q0bfr_62._busyOverlay_12q0bfr_155:hover,
620
- ._main_12q0bfr_62._busyOverlay_12q0bfr_155:active,
621
- ._main_12q0bfr_62._busyOverlay_12q0bfr_155._disabled_12q0bfr_141,
622
- ._main_12q0bfr_62._busyOverlay_12q0bfr_155:focus{
618
+ ._main_1pe1znd_62._busyOverlay_1pe1znd_155,
619
+ ._main_1pe1znd_62._busyOverlay_1pe1znd_155:hover,
620
+ ._main_1pe1znd_62._busyOverlay_1pe1znd_155:active,
621
+ ._main_1pe1znd_62._busyOverlay_1pe1znd_155._disabled_1pe1znd_141,
622
+ ._main_1pe1znd_62._busyOverlay_1pe1znd_155:focus{
623
623
  -webkit-user-select:none;
624
624
  user-select:none;
625
625
 
626
626
  color:transparent;
627
627
  }
628
628
 
629
- ._main_12q0bfr_62::before{
629
+ ._main_1pe1znd_62::before{
630
630
  position:absolute;
631
631
  top:0;
632
632
  right:0;
@@ -644,7 +644,7 @@
644
644
  transition:border-color 100ms var(--rs-transition-function, ease);
645
645
  }
646
646
 
647
- ._main_12q0bfr_62 ._icon_12q0bfr_190{
647
+ ._main_1pe1znd_62 ._icon_1pe1znd_190{
648
648
  flex:0 0 auto;
649
649
 
650
650
  width:auto;
@@ -654,30 +654,30 @@
654
654
  fill:currentColor;
655
655
  }
656
656
 
657
- ._disabled_12q0bfr_141{
657
+ ._disabled_1pe1znd_141{
658
658
  pointer-events:none;
659
659
  }
660
660
 
661
- ._allowMultiline_12q0bfr_205{
661
+ ._allowMultiline_1pe1znd_205{
662
662
  white-space:normal;
663
663
  }
664
664
 
665
- ._content_12q0bfr_209{
665
+ ._content_1pe1znd_209{
666
666
  flex:var(--_rs-button-content-grow) 1 auto;
667
667
 
668
668
  min-width:0;
669
669
  }
670
670
 
671
- ._multiline_12q0bfr_215{
671
+ ._multiline_1pe1znd_215{
672
672
  border-radius:var(--_rs-button-multiline-border-radius);
673
673
  }
674
674
 
675
- ._withoutText_12q0bfr_219{
675
+ ._withoutText_1pe1znd_219{
676
676
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
677
677
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
678
678
  }
679
679
 
680
- ._busyIcon_12q0bfr_224{
680
+ ._busyIcon_1pe1znd_224{
681
681
  position:absolute;
682
682
  top:50%;
683
683
  left:50%;
@@ -685,15 +685,15 @@
685
685
  transform:translate(-50%, -50%);
686
686
  }
687
687
 
688
- ._main_12q0bfr_62 ._busyIcon_12q0bfr_224{
688
+ ._main_1pe1znd_62 ._busyIcon_1pe1znd_224{
689
689
  color:var(--_rs-button-color);
690
690
  }
691
691
 
692
- ._main_12q0bfr_62._disabled_12q0bfr_141 ._busyIcon_12q0bfr_224{
692
+ ._main_1pe1znd_62._disabled_1pe1znd_141 ._busyIcon_1pe1znd_224{
693
693
  color:var(--_rs-button-disabled-color);
694
694
  }
695
695
 
696
- ._content_12q0bfr_209{
696
+ ._content_1pe1znd_209{
697
697
  letter-spacing:var(
698
698
  --rs-text-base-letter-spacing,
699
699
  var(--_rs-typography-letter-spacing)
@@ -706,15 +706,15 @@
706
706
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
707
707
  font-feature-settings:'kern', 'liga', 'calt';
708
708
  }
709
- ._shiftedLeft_12q0bfr_245{
709
+ ._shiftedLeft_1pe1znd_245{
710
710
  margin-left:calc(-1 * var(--_rs-button-horizontal-real-padding));
711
711
  }
712
- ._shiftedRight_12q0bfr_248{
712
+ ._shiftedRight_1pe1znd_248{
713
713
  margin-right:calc(-1 * var(--_rs-button-horizontal-real-padding));
714
714
  }
715
- ._shiftedTop_12q0bfr_251{
715
+ ._shiftedTop_1pe1znd_251{
716
716
  margin-top:calc(-1 * var(--_rs-button-vertical-real-padding));
717
717
  }
718
- ._shiftedBottom_12q0bfr_254{
718
+ ._shiftedBottom_1pe1znd_254{
719
719
  margin-bottom:calc(-1 * var(--_rs-button-vertical-real-padding));
720
720
  }
package/llm/components/button.md CHANGED
@@ -8,7 +8,7 @@ Buttons allow users to perform actions with a single click.
8
8
 
9
9
  ### Basic usage
10
10
 
11
- ```tsx
11
+ ```jsx
12
12
  import { Button } from '@rescui/button';
13
13
 
14
14
  <Button onClick={() => alert('Boom💥😀')}>Button</Button>;
@@ -16,7 +16,7 @@ import { Button } from '@rescui/button';
16
16
 
17
17
  ### Change mode and size
18
18
 
19
- ```tsx
19
+ ```jsx
20
20
  import { Button } from '@rescui/button';
21
21
 
22
22
  <Button mode="rock" size="s">
@@ -26,7 +26,7 @@ import { Button } from '@rescui/button';
26
26
 
27
27
  ### Add icon
28
28
 
29
- ```tsx
29
+ ```jsx
30
30
  import { Button } from '@rescui/button';
31
31
  import { DownloadOutlineIcon } from '@rescui/icons';
32
32
 
@@ -46,7 +46,7 @@ import { DownloadOutlineIcon } from '@rescui/icons';
46
46
 
47
47
  Use this to align icons in a column of buttons, ensuring consistency even when some buttons have multiple lines of text.
48
48
 
49
- ```tsx
49
+ ```jsx
50
50
  import { Button } from '@rescui/button';
51
51
  import { AiIcon } from '@rescui/icons';
52
52
 
@@ -94,7 +94,7 @@ render(<Demo />);
94
94
 
95
95
  To get the correct primary color variables bundle, use the [primary color tool](/design/colors/primary-tool/).
96
96
 
97
- ```tsx
97
+ ```jsx
98
98
  import { Button } from '@rescui/button';
99
99
 
100
100
  render(
@@ -162,7 +162,7 @@ render(
162
162
 
163
163
  Use the controls to see the effect at different viewport widths.
164
164
 
165
- ```tsx
165
+ ```jsx
166
166
  import { Button } from '@rescui/button';
167
167
  import { PersonIcon } from '@rescui/icons';
168
168
 
@@ -212,7 +212,7 @@ render(<MyButton />);
212
212
 
213
213
  ##### Demo
214
214
 
215
- ```tsx
215
+ ```jsx
216
216
  import { Button } from '@rescui/button';
217
217
 
218
218
  <div className="button-customization-example-wrapper-1 rs-docs-row">
@@ -234,7 +234,7 @@ import { Button } from '@rescui/button';
234
234
  }
235
235
  ```
236
236
 
237
- ```tsx
237
+ ```jsx
238
238
  import { Button } from '@rescui/button';
239
239
 
240
240
  <div className="button-customization-example-wrapper-2 rs-docs-row">
@@ -264,7 +264,7 @@ import { Button } from '@rescui/button';
264
264
 
265
265
  You can control button width externally via a `width` CSS property. You can also do that by putting it into CSS Flexbox container.
266
266
 
267
- ```tsx
267
+ ```jsx
268
268
  import { Button } from '@rescui/button';
269
269
 
270
270
  <Button className={'my-button-with-custom-width'}>Custom width button</Button>;
@@ -278,7 +278,7 @@ import { Button } from '@rescui/button';
278
278
 
279
279
  ##### Adaptive equal width buttons
280
280
 
281
- ```tsx
281
+ ```jsx
282
282
  import { useState } from 'react';
283
283
  import { createTextCn } from '@rescui/typography';
284
284
  import { Button } from '@rescui/button';
@@ -350,7 +350,7 @@ If you want to add your own icons, make sure they use correct box sizes
350
350
 
351
351
  Icons should support `className` prop, as well.
352
352
 
353
- ```tsx
353
+ ```jsx
354
354
  import { Button } from '@rescui/button';
355
355
 
356
356
  const SettingsIcon = ({ className }) => (
@@ -391,7 +391,7 @@ You can customize border-radius for all and for specific button sizes, using CSS
391
391
  - `--rs-button-m-multiline-border-radius`
392
392
  - `--rs-button-l-multiline-border-radius`
393
393
 
394
- ```tsx
394
+ ```jsx
395
395
  import { Button } from '@rescui/button';
396
396
 
397
397
  <div className="button-customization-example-wrapper-1 rs-docs-row">
@@ -413,7 +413,7 @@ import { Button } from '@rescui/button';
413
413
  }
414
414
  ```
415
415
 
416
- ```tsx
416
+ ```jsx
417
417
  import { Button } from '@rescui/button';
418
418
 
419
419
  <div className="button-customization-example-wrapper-2 rs-docs-row">
@@ -448,7 +448,7 @@ Shifted side means that buttons will be shifted to a specific side by the paddin
448
448
 
449
449
  Examples:
450
450
 
451
- ```tsx
451
+ ```jsx
452
452
  import { Button } from '@rescui/button';
453
453
  import '@rescui/typography';
454
454
 
@@ -499,7 +499,7 @@ You may also use following CSS variables to manually shift your button:
499
499
  - `--rs-out-button-vertical-padding`
500
500
  - `--rs-out-button-horizontal-padding`
501
501
 
502
- ```tsx
502
+ ```jsx
503
503
  import { Button } from '@rescui/button';
504
504
 
505
505
  <div className="shifted-css__wrapper">
@@ -526,7 +526,7 @@ import { Button } from '@rescui/button';
526
526
 
527
527
  To get the correct primary color variables bundle, use the [primary color tool](/design/colors/primary-tool/).
528
528
 
529
- ```tsx
529
+ ```jsx
530
530
  import { Button } from '@rescui/button';
531
531
 
532
532
  render(
@@ -568,7 +568,7 @@ render(
568
568
 
569
569
  You may also use `--rs-button-flip-text-color` CSS variable to flip the text color of the `mode="classic"` Button:
570
570
 
571
- ```tsx
571
+ ```jsx
572
572
  import { Button } from '@rescui/button';
573
573
 
574
574
  <div className="light-green-primary">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.27.2",
3
+ "version": "0.27.3-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  "access": "public"
17
17
  },
18
18
  "dependencies": {
19
- "@rescui/use-resize-observer": "^0.5.0",
19
+ "@rescui/use-resize-observer": "0.5.1-floating-ui-migration-ee8cf10db.25.sha-ee8cf10db",
20
20
  "classnames": "^2.2.6",
21
21
  "react-compiler-runtime": "^1.0.0"
22
22
  },
@@ -26,11 +26,11 @@
26
26
  "react": ">=17.0.0 <20"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.3.6",
30
- "@rescui/icons": "^1.12.0",
31
- "@rescui/scripts": "^0.6.0",
32
- "@rescui/typography": "^0.30.2",
33
- "@rescui/visual-regression": "^0.1.5",
29
+ "@rescui/colors": "0.3.7-floating-ui-migration-ee8cf10db.12.sha-ee8cf10db",
30
+ "@rescui/icons": "1.12.1-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db",
31
+ "@rescui/scripts": "0.6.0",
32
+ "@rescui/typography": "0.30.3-floating-ui-migration-ee8cf10db.9.sha-ee8cf10db",
33
+ "@rescui/visual-regression": "0.1.5",
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": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
41
+ "gitHead": "ee8cf10dbbe12af812fa565b2325a88196088d92"
42
42
  }