@rescui/button 0.26.0 → 0.27.0

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 (4) 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 -79
  4. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "icon": "_icon_1lt6eh4_4",
3
- "sizeXS": "_sizeXS_1lt6eh4_14",
4
- "sizeS": "_sizeS_1lt6eh4_18",
5
- "sizeM": "_sizeM_1lt6eh4_22",
6
- "sizeL": "_sizeL_1lt6eh4_26",
7
- "light": "_light_1lt6eh4_30",
8
- "dark": "_dark_1lt6eh4_34",
9
- "allVariants": "_allVariants_1lt6eh4_48",
10
- "variant16": "_variant16_1lt6eh4_53",
11
- "variant20": "_variant20_1lt6eh4_54",
12
- "variant24": "_variant24_1lt6eh4_55",
13
- "variant28": "_variant28_1lt6eh4_58"
2
+ "icon": "_icon_622m6a_4",
3
+ "sizeXS": "_sizeXS_622m6a_14",
4
+ "sizeS": "_sizeS_622m6a_18",
5
+ "sizeM": "_sizeM_622m6a_22",
6
+ "sizeL": "_sizeL_622m6a_26",
7
+ "light": "_light_622m6a_30",
8
+ "dark": "_dark_622m6a_34",
9
+ "allVariants": "_allVariants_622m6a_48",
10
+ "variant16": "_variant16_622m6a_53",
11
+ "variant20": "_variant20_622m6a_54",
12
+ "variant24": "_variant24_622m6a_55",
13
+ "variant28": "_variant28_622m6a_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_uqlz7c_6","dark":"_dark_uqlz7c_9","flatRight":"_flatRight_uqlz7c_13","flatLeft":"_flatLeft_uqlz7c_16","sizeXs":"_sizeXs_uqlz7c_20","sizeS":"_sizeS_uqlz7c_23","sizeM":"_sizeM_uqlz7c_26","sizeL":"_sizeL_uqlz7c_29","modeClassic":"_modeClassic_uqlz7c_33","modeRock":"_modeRock_uqlz7c_36","modeTransparent":"_modeTransparent_uqlz7c_39","modeOutline":"_modeOutline_uqlz7c_42","modeClear":"_modeClear_uqlz7c_45","alignIconLeft":"_alignIconLeft_uqlz7c_49","alignIconLeftEdge":"_alignIconLeftEdge_uqlz7c_52","alignIconRight":"_alignIconRight_uqlz7c_55","alignIconRightEdge":"_alignIconRightEdge_uqlz7c_58","main":"_main_uqlz7c_62","disabled":"_disabled_uqlz7c_139","busy":"_busy_uqlz7c_149","busyOverlay":"_busyOverlay_uqlz7c_153","icon":"_icon_uqlz7c_188","allowMultiline":"_allowMultiline_uqlz7c_203","content":"_content_uqlz7c_207","multiline":"_multiline_uqlz7c_213","withoutText":"_withoutText_uqlz7c_217","busyIcon":"_busyIcon_uqlz7c_222","shiftedLeft":"_shiftedLeft_uqlz7c_243","shiftedRight":"_shiftedRight_uqlz7c_246","shiftedTop":"_shiftedTop_uqlz7c_249","shiftedBottom":"_shiftedBottom_uqlz7c_252"};
1
+ var styles = {"light":"_light_lgomra_6","dark":"_dark_lgomra_9","flatRight":"_flatRight_lgomra_13","flatLeft":"_flatLeft_lgomra_16","sizeXs":"_sizeXs_lgomra_20","sizeS":"_sizeS_lgomra_23","sizeM":"_sizeM_lgomra_26","sizeL":"_sizeL_lgomra_29","modeClassic":"_modeClassic_lgomra_33","modeRock":"_modeRock_lgomra_36","modeTransparent":"_modeTransparent_lgomra_39","modeOutline":"_modeOutline_lgomra_42","modeClear":"_modeClear_lgomra_45","alignIconLeft":"_alignIconLeft_lgomra_49","alignIconLeftEdge":"_alignIconLeftEdge_lgomra_52","alignIconRight":"_alignIconRight_lgomra_55","alignIconRightEdge":"_alignIconRightEdge_lgomra_58","main":"_main_lgomra_62","disabled":"_disabled_lgomra_141","busy":"_busy_lgomra_151","busyOverlay":"_busyOverlay_lgomra_155","icon":"_icon_lgomra_190","allowMultiline":"_allowMultiline_lgomra_205","content":"_content_lgomra_209","multiline":"_multiline_lgomra_215","withoutText":"_withoutText_lgomra_219","busyIcon":"_busyIcon_lgomra_224","shiftedLeft":"_shiftedLeft_lgomra_245","shiftedRight":"_shiftedRight_lgomra_248","shiftedTop":"_shiftedTop_lgomra_251","shiftedBottom":"_shiftedBottom_lgomra_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_1lt6eh4_4{
6
+ ._icon_622m6a_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_1lt6eh4_4{
16
+ ._icon_622m6a_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_1lt6eh4_4{
25
+ ._icon_622m6a_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_1lt6eh4_4{
33
+ ._icon_622m6a_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_1lt6eh4_14{
41
+ ._sizeXS_622m6a_14{
42
42
  --_rs-icons-height:16px;
43
43
  }
44
44
 
45
- ._sizeS_1lt6eh4_18{
45
+ ._sizeS_622m6a_18{
46
46
  --_rs-icons-height:20px;
47
47
  }
48
48
 
49
- ._sizeM_1lt6eh4_22{
49
+ ._sizeM_622m6a_22{
50
50
  --_rs-icons-height:24px;
51
51
  }
52
52
 
53
- ._sizeL_1lt6eh4_26{
53
+ ._sizeL_622m6a_26{
54
54
  --_rs-icons-height:28px;
55
55
  }
56
56
 
57
- ._light_1lt6eh4_30{
57
+ ._light_622m6a_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_1lt6eh4_34{
61
+ ._dark_622m6a_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_1lt6eh4_48{
75
+ ._allVariants_622m6a_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_1lt6eh4_53,
81
- ._variant20_1lt6eh4_54,
82
- ._variant24_1lt6eh4_55{
80
+ ._variant16_622m6a_53,
81
+ ._variant20_622m6a_54,
82
+ ._variant24_622m6a_55{
83
83
  display:none;
84
84
  }
85
- ._variant28_1lt6eh4_58{
85
+ ._variant28_622m6a_58{
86
86
  display:block;
87
87
  }
88
88
  @container rs-icon (max-height: 24px){
89
- ._variant24_1lt6eh4_55{
89
+ ._variant24_622m6a_55{
90
90
  display:block;
91
91
  }
92
- ._variant28_1lt6eh4_58{
92
+ ._variant28_622m6a_58{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 20px){
97
- ._variant20_1lt6eh4_54{
97
+ ._variant20_622m6a_54{
98
98
  display:block;
99
99
  }
100
- ._variant24_1lt6eh4_55{
100
+ ._variant24_622m6a_55{
101
101
  display:none;
102
102
  }
103
103
  }
104
104
  @container rs-icon (max-height: 16px){
105
- ._variant16_1lt6eh4_53{
105
+ ._variant16_622m6a_53{
106
106
  display:block;
107
107
  }
108
- ._variant20_1lt6eh4_54{
108
+ ._variant20_622m6a_54{
109
109
  display:none;
110
110
  }
111
111
  }
@@ -116,27 +116,27 @@
116
116
  initial-value:0;
117
117
  }
118
118
 
119
- ._light_uqlz7c_6{
119
+ ._light_lgomra_6{
120
120
  --rs-theme-dark:0;
121
121
  }
122
- ._dark_uqlz7c_9{
122
+ ._dark_lgomra_9{
123
123
  --rs-theme-dark:1;
124
124
  }
125
125
 
126
- ._flatRight_uqlz7c_13{
126
+ ._flatRight_lgomra_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_uqlz7c_16{
132
+ ._flatLeft_lgomra_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_uqlz7c_20{
139
+ ._sizeXs_lgomra_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_uqlz7c_20 [data-rs-internal='button__content']{
155
+ ._sizeXs_lgomra_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_uqlz7c_23{
190
+ ._sizeS_lgomra_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_uqlz7c_23 [data-rs-internal='button__content']{
205
+ ._sizeS_lgomra_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_uqlz7c_26{
240
+ ._sizeM_lgomra_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_uqlz7c_26 [data-rs-internal='button__content']{
255
+ ._sizeM_lgomra_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_uqlz7c_26 [data-rs-internal='button__content']{
294
+ ._sizeM_lgomra_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_uqlz7c_29{
298
+ ._sizeL_lgomra_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_uqlz7c_29 [data-rs-internal='button__content']{
313
+ ._sizeL_lgomra_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_uqlz7c_29 [data-rs-internal='button__content']{
352
+ ._sizeL_lgomra_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_uqlz7c_33{
357
+ ._modeClassic_lgomra_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_uqlz7c_36{
373
+ ._modeRock_lgomra_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_uqlz7c_39{
386
+ ._modeTransparent_lgomra_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_uqlz7c_42{
398
+ ._modeOutline_lgomra_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_uqlz7c_45{
410
+ ._modeClear_lgomra_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_uqlz7c_49{
423
+ ._alignIconLeft_lgomra_49{
424
424
  --_rs-button-icon-flex-direction:row;
425
425
  --_rs-button-content-grow:0;
426
426
  }
427
- ._alignIconLeftEdge_uqlz7c_52{
427
+ ._alignIconLeftEdge_lgomra_52{
428
428
  --_rs-button-icon-flex-direction:row;
429
429
  --_rs-button-content-grow:1;
430
430
  }
431
- ._alignIconRight_uqlz7c_55{
431
+ ._alignIconRight_lgomra_55{
432
432
  --_rs-button-icon-flex-direction:row-reverse;
433
433
  --_rs-button-content-grow:0;
434
434
  }
435
- ._alignIconRightEdge_uqlz7c_58{
435
+ ._alignIconRightEdge_lgomra_58{
436
436
  --_rs-button-icon-flex-direction:row-reverse;
437
437
  --_rs-button-content-grow:1;
438
438
  }
439
439
 
440
- ._main_uqlz7c_62{
440
+ ._main_lgomra_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_uqlz7c_62{
452
+ ._main_lgomra_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_uqlz7c_62{
463
+ ._main_lgomra_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_uqlz7c_62 {
472
+ ._main_lgomra_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_uqlz7c_62:hover,
554
- ._main_uqlz7c_62:focus,
555
- ._main_uqlz7c_62:active{
553
+ ._main_lgomra_62:hover,
554
+ ._main_lgomra_62:focus,
555
+ ._main_lgomra_62:active{
556
556
  outline:none;
557
557
 
558
558
  text-decoration:none;
559
559
  }
560
560
 
561
- ._main_uqlz7c_62:focus{
561
+ ._main_lgomra_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_uqlz7c_62:hover{
567
+ ._main_lgomra_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_uqlz7c_62:active{
576
+ ._main_lgomra_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,19 +581,21 @@
581
581
  );
582
582
  }
583
583
 
584
- ._main_uqlz7c_62:focus[data-focus-method='key']{
584
+ ._main_lgomra_62:focus-visible,
585
+ ._main_lgomra_62:focus[data-focus-method='key']{
585
586
  --_rs-button-box-shadow-from-state-focus-visible:var(
586
587
  --_rs-color-primary-t-dim
587
588
  ) 0 0 0 4px;
588
589
  }
589
590
 
590
- ._main_uqlz7c_62:active:not(:hover):focus[data-focus-method='key']{
591
+ ._main_lgomra_62:active:not(:hover):focus-visible,
592
+ ._main_lgomra_62:active:not(:hover):focus[data-focus-method='key']{
591
593
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
592
594
  --_rs-button-active-focus-visible-no-hover-background
593
595
  );
594
596
  }
595
597
 
596
- ._main_uqlz7c_62._disabled_uqlz7c_139{
598
+ ._main_lgomra_62._disabled_lgomra_141{
597
599
  --_rs-button-border-inner-color:rgba(
598
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)),
599
601
  0.2
@@ -603,28 +605,28 @@
603
605
  background:var(--_rs-button-disabled-background);
604
606
  }
605
607
 
606
- ._main_uqlz7c_62._busy_uqlz7c_149{
608
+ ._main_lgomra_62._busy_lgomra_151{
607
609
  pointer-events:none;
608
610
  }
609
611
 
610
- ._main_uqlz7c_62._busyOverlay_uqlz7c_153{
612
+ ._main_lgomra_62._busyOverlay_lgomra_155{
611
613
  display:inline-flex;
612
614
  justify-content:center;
613
615
  align-items:center;
614
616
  }
615
617
 
616
- ._main_uqlz7c_62._busyOverlay_uqlz7c_153,
617
- ._main_uqlz7c_62._busyOverlay_uqlz7c_153:hover,
618
- ._main_uqlz7c_62._busyOverlay_uqlz7c_153:active,
619
- ._main_uqlz7c_62._busyOverlay_uqlz7c_153._disabled_uqlz7c_139,
620
- ._main_uqlz7c_62._busyOverlay_uqlz7c_153:focus{
618
+ ._main_lgomra_62._busyOverlay_lgomra_155,
619
+ ._main_lgomra_62._busyOverlay_lgomra_155:hover,
620
+ ._main_lgomra_62._busyOverlay_lgomra_155:active,
621
+ ._main_lgomra_62._busyOverlay_lgomra_155._disabled_lgomra_141,
622
+ ._main_lgomra_62._busyOverlay_lgomra_155:focus{
621
623
  -webkit-user-select:none;
622
624
  user-select:none;
623
625
 
624
626
  color:transparent;
625
627
  }
626
628
 
627
- ._main_uqlz7c_62::before{
629
+ ._main_lgomra_62::before{
628
630
  position:absolute;
629
631
  top:0;
630
632
  right:0;
@@ -642,7 +644,7 @@
642
644
  transition:border-color 100ms var(--rs-transition-function, ease);
643
645
  }
644
646
 
645
- ._main_uqlz7c_62 ._icon_uqlz7c_188{
647
+ ._main_lgomra_62 ._icon_lgomra_190{
646
648
  flex:0 0 auto;
647
649
 
648
650
  width:auto;
@@ -652,30 +654,30 @@
652
654
  fill:currentColor;
653
655
  }
654
656
 
655
- ._disabled_uqlz7c_139{
657
+ ._disabled_lgomra_141{
656
658
  pointer-events:none;
657
659
  }
658
660
 
659
- ._allowMultiline_uqlz7c_203{
661
+ ._allowMultiline_lgomra_205{
660
662
  white-space:normal;
661
663
  }
662
664
 
663
- ._content_uqlz7c_207{
665
+ ._content_lgomra_209{
664
666
  flex:var(--_rs-button-content-grow) 1 auto;
665
667
 
666
668
  min-width:0;
667
669
  }
668
670
 
669
- ._multiline_uqlz7c_213{
671
+ ._multiline_lgomra_215{
670
672
  border-radius:var(--_rs-button-multiline-border-radius);
671
673
  }
672
674
 
673
- ._withoutText_uqlz7c_217{
675
+ ._withoutText_lgomra_219{
674
676
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
675
677
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
676
678
  }
677
679
 
678
- ._busyIcon_uqlz7c_222{
680
+ ._busyIcon_lgomra_224{
679
681
  position:absolute;
680
682
  top:50%;
681
683
  left:50%;
@@ -683,15 +685,15 @@
683
685
  transform:translate(-50%, -50%);
684
686
  }
685
687
 
686
- ._main_uqlz7c_62 ._busyIcon_uqlz7c_222{
688
+ ._main_lgomra_62 ._busyIcon_lgomra_224{
687
689
  color:var(--_rs-button-color);
688
690
  }
689
691
 
690
- ._main_uqlz7c_62._disabled_uqlz7c_139 ._busyIcon_uqlz7c_222{
692
+ ._main_lgomra_62._disabled_lgomra_141 ._busyIcon_lgomra_224{
691
693
  color:var(--_rs-button-disabled-color);
692
694
  }
693
695
 
694
- ._content_uqlz7c_207{
696
+ ._content_lgomra_209{
695
697
  letter-spacing:var(
696
698
  --rs-text-base-letter-spacing,
697
699
  var(--_rs-typography-letter-spacing)
@@ -704,15 +706,15 @@
704
706
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
705
707
  font-feature-settings:'kern', 'liga', 'calt';
706
708
  }
707
- ._shiftedLeft_uqlz7c_243{
709
+ ._shiftedLeft_lgomra_245{
708
710
  margin-left:calc(-1 * var(--_rs-button-horizontal-real-padding));
709
711
  }
710
- ._shiftedRight_uqlz7c_246{
712
+ ._shiftedRight_lgomra_248{
711
713
  margin-right:calc(-1 * var(--_rs-button-horizontal-real-padding));
712
714
  }
713
- ._shiftedTop_uqlz7c_249{
715
+ ._shiftedTop_lgomra_251{
714
716
  margin-top:calc(-1 * var(--_rs-button-vertical-real-padding));
715
717
  }
716
- ._shiftedBottom_uqlz7c_252{
718
+ ._shiftedBottom_lgomra_254{
717
719
  margin-bottom:calc(-1 * var(--_rs-button-vertical-real-padding));
718
720
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.26.0",
3
+ "version": "0.27.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,9 +27,9 @@
27
27
  },
28
28
  "devDependencies": {
29
29
  "@rescui/colors": "^0.3.5",
30
- "@rescui/icons": "^1.11.0",
30
+ "@rescui/icons": "^1.11.1",
31
31
  "@rescui/scripts": "^0.6.0",
32
- "@rescui/typography": "^0.29.0",
32
+ "@rescui/typography": "^0.30.0",
33
33
  "@rescui/visual-regression": "^0.1.4",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
@@ -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": "e3d19214955db8de3ac6dccdea512f9331332d29"
41
+ "gitHead": "bf5230351055bc038b125e0de66eaee52085973a"
42
42
  }