@rescui/button 0.19.0 → 0.19.1

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 +7 -7
  2. package/lib/button.p.module.css.js +29 -29
  3. package/lib/index.css +65 -65
  4. package/package.json +2 -2
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1fbioow_4",
3
- "sizeXS": "_sizeXS_1fbioow_14",
4
- "sizeS": "_sizeS_1fbioow_18",
5
- "sizeM": "_sizeM_1fbioow_22",
6
- "sizeL": "_sizeL_1fbioow_26",
7
- "light": "_light_1fbioow_30",
8
- "dark": "_dark_1fbioow_34"
2
+ "icon": "_icon_j7ewom_4",
3
+ "sizeXS": "_sizeXS_j7ewom_14",
4
+ "sizeS": "_sizeS_j7ewom_18",
5
+ "sizeM": "_sizeM_j7ewom_22",
6
+ "sizeL": "_sizeL_j7ewom_26",
7
+ "light": "_light_j7ewom_30",
8
+ "dark": "_dark_j7ewom_34"
9
9
  };
10
10
  export { styles as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,32 +1,32 @@
1
1
  var styles = {
2
- "light": "_light_o3r6wz_6",
3
- "dark": "_dark_o3r6wz_9",
4
- "flatRight": "_flatRight_o3r6wz_13",
5
- "flatLeft": "_flatLeft_o3r6wz_16",
6
- "sizeXs": "_sizeXs_o3r6wz_20",
7
- "sizeS": "_sizeS_o3r6wz_23",
8
- "sizeM": "_sizeM_o3r6wz_26",
9
- "sizeL": "_sizeL_o3r6wz_29",
10
- "modeClassic": "_modeClassic_o3r6wz_33",
11
- "modeRock": "_modeRock_o3r6wz_36",
12
- "modeTransparent": "_modeTransparent_o3r6wz_39",
13
- "modeOutline": "_modeOutline_o3r6wz_42",
14
- "modeClear": "_modeClear_o3r6wz_45",
15
- "alignIconLeft": "_alignIconLeft_o3r6wz_49",
16
- "alignIconRight": "_alignIconRight_o3r6wz_52",
17
- "main": "_main_o3r6wz_56",
18
- "disabled": "_disabled_o3r6wz_133",
19
- "busy": "_busy_o3r6wz_143",
20
- "busyOverlay": "_busyOverlay_o3r6wz_147",
21
- "icon": "_icon_o3r6wz_182",
22
- "allowMultiline": "_allowMultiline_o3r6wz_195",
23
- "multiline": "_multiline_o3r6wz_199",
24
- "withoutText": "_withoutText_o3r6wz_203",
25
- "busyIcon": "_busyIcon_o3r6wz_208",
26
- "content": "_content_o3r6wz_224",
27
- "shiftedLeft": "_shiftedLeft_o3r6wz_229",
28
- "shiftedRight": "_shiftedRight_o3r6wz_232",
29
- "shiftedTop": "_shiftedTop_o3r6wz_235",
30
- "shiftedBottom": "_shiftedBottom_o3r6wz_238"
2
+ "light": "_light_13lu5th_6",
3
+ "dark": "_dark_13lu5th_9",
4
+ "flatRight": "_flatRight_13lu5th_13",
5
+ "flatLeft": "_flatLeft_13lu5th_16",
6
+ "sizeXs": "_sizeXs_13lu5th_20",
7
+ "sizeS": "_sizeS_13lu5th_23",
8
+ "sizeM": "_sizeM_13lu5th_26",
9
+ "sizeL": "_sizeL_13lu5th_29",
10
+ "modeClassic": "_modeClassic_13lu5th_33",
11
+ "modeRock": "_modeRock_13lu5th_36",
12
+ "modeTransparent": "_modeTransparent_13lu5th_39",
13
+ "modeOutline": "_modeOutline_13lu5th_42",
14
+ "modeClear": "_modeClear_13lu5th_45",
15
+ "alignIconLeft": "_alignIconLeft_13lu5th_49",
16
+ "alignIconRight": "_alignIconRight_13lu5th_52",
17
+ "main": "_main_13lu5th_56",
18
+ "disabled": "_disabled_13lu5th_133",
19
+ "busy": "_busy_13lu5th_143",
20
+ "busyOverlay": "_busyOverlay_13lu5th_147",
21
+ "icon": "_icon_13lu5th_182",
22
+ "allowMultiline": "_allowMultiline_13lu5th_195",
23
+ "multiline": "_multiline_13lu5th_199",
24
+ "withoutText": "_withoutText_13lu5th_203",
25
+ "busyIcon": "_busyIcon_13lu5th_208",
26
+ "content": "_content_13lu5th_224",
27
+ "shiftedLeft": "_shiftedLeft_13lu5th_229",
28
+ "shiftedRight": "_shiftedRight_13lu5th_232",
29
+ "shiftedTop": "_shiftedTop_13lu5th_235",
30
+ "shiftedBottom": "_shiftedBottom_13lu5th_238"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1fbioow_4{
1
+ ._icon_j7ewom_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_1fbioow_4{
11
+ ._icon_j7ewom_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_1fbioow_4{
20
+ ._icon_j7ewom_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_1fbioow_4{
28
+ ._icon_j7ewom_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_1fbioow_14{
35
+ ._sizeXS_j7ewom_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1fbioow_18{
38
+ ._sizeS_j7ewom_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1fbioow_22{
41
+ ._sizeM_j7ewom_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1fbioow_26{
44
+ ._sizeL_j7ewom_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1fbioow_30{
47
+ ._light_j7ewom_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_1fbioow_34{
51
+ ._dark_j7ewom_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,25 +60,25 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._light_o3r6wz_6{
63
+ ._light_13lu5th_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_o3r6wz_9{
66
+ ._dark_13lu5th_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._flatRight_o3r6wz_13{
69
+ ._flatRight_13lu5th_13{
70
70
  --_rs-button-top-right-border-radius-or-initial:0px;
71
71
  --_rs-button-bottom-right-border-radius-or-initial:0px;
72
72
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
73
73
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
74
74
  }
75
- ._flatLeft_o3r6wz_16{
75
+ ._flatLeft_13lu5th_16{
76
76
  --_rs-button-top-left-border-radius-or-initial:0px;
77
77
  --_rs-button-bottom-left-border-radius-or-initial:0px;
78
78
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
79
79
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
80
80
  }
81
- ._sizeXs_o3r6wz_20{
81
+ ._sizeXs_13lu5th_20{
82
82
  --_rs-button-border-radius-base:var(
83
83
  --rs-button-xs-border-radius,
84
84
  var(--rs-button-border-radius, 4px)
@@ -93,7 +93,7 @@
93
93
  --_rs-button-icon-size:16px;
94
94
  --_rs-button-icon-offset:4px;
95
95
  }
96
- ._sizeXs_o3r6wz_20 [data-rs-internal="button__content"]{
96
+ ._sizeXs_13lu5th_20 [data-rs-internal="button__content"]{
97
97
  --_rs-typography-letter-spacing:0.0045em;
98
98
  --_rs-typography-text-transform:initial;
99
99
  --_rs-typography-font-variant-numeric:initial;
@@ -127,7 +127,7 @@
127
127
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
128
128
  --_rs-typography-link-border-bottom-width-from-text:1px;
129
129
  }
130
- ._sizeS_o3r6wz_23{
130
+ ._sizeS_13lu5th_23{
131
131
  --_rs-button-border-radius-base:var(
132
132
  --rs-button-s-border-radius,
133
133
  var(--rs-button-border-radius, 16px)
@@ -142,7 +142,7 @@
142
142
  --_rs-button-icon-size:20px;
143
143
  --_rs-button-icon-offset:8px;
144
144
  }
145
- ._sizeS_o3r6wz_23 [data-rs-internal="button__content"]{
145
+ ._sizeS_13lu5th_23 [data-rs-internal="button__content"]{
146
146
  --_rs-typography-letter-spacing:0.0045em;
147
147
  --_rs-typography-text-transform:initial;
148
148
  --_rs-typography-font-variant-numeric:initial;
@@ -176,7 +176,7 @@
176
176
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
177
177
  --_rs-typography-link-border-bottom-width-from-text:1px;
178
178
  }
179
- ._sizeM_o3r6wz_26{
179
+ ._sizeM_13lu5th_26{
180
180
  --_rs-button-border-radius-base:var(
181
181
  --rs-button-m-border-radius,
182
182
  var(--rs-button-border-radius, 20px)
@@ -191,7 +191,7 @@
191
191
  --_rs-button-icon-size:24px;
192
192
  --_rs-button-icon-offset:8px;
193
193
  }
194
- ._sizeM_o3r6wz_26 [data-rs-internal="button__content"]{
194
+ ._sizeM_13lu5th_26 [data-rs-internal="button__content"]{
195
195
  --_rs-typography-letter-spacing:0.0015em;
196
196
  --_rs-typography-text-transform:initial;
197
197
  --_rs-typography-font-variant-numeric:initial;
@@ -226,11 +226,11 @@
226
226
  --_rs-typography-link-border-bottom-width-from-text:1px;
227
227
  }
228
228
  @media screen and (max-width: 640px){
229
- ._sizeM_o3r6wz_26 [data-rs-internal="button__content"]{
229
+ ._sizeM_13lu5th_26 [data-rs-internal="button__content"]{
230
230
  --_rs-typography-list-li-margin-top-from-text:12px;
231
231
  }
232
232
  }
233
- ._sizeL_o3r6wz_29{
233
+ ._sizeL_13lu5th_29{
234
234
  --_rs-button-border-radius-base:var(
235
235
  --rs-button-l-border-radius,
236
236
  var(--rs-button-border-radius, 26px)
@@ -245,7 +245,7 @@
245
245
  --_rs-button-icon-size:28px;
246
246
  --_rs-button-icon-offset:16px;
247
247
  }
248
- ._sizeL_o3r6wz_29 [data-rs-internal="button__content"]{
248
+ ._sizeL_13lu5th_29 [data-rs-internal="button__content"]{
249
249
  --_rs-typography-letter-spacing:normal;
250
250
  --_rs-typography-text-transform:initial;
251
251
  --_rs-typography-font-variant-numeric:initial;
@@ -280,11 +280,11 @@
280
280
  --_rs-typography-link-border-bottom-width-from-text:1px;
281
281
  }
282
282
  @media screen and (max-width: 640px){
283
- ._sizeL_o3r6wz_29 [data-rs-internal="button__content"]{
283
+ ._sizeL_13lu5th_29 [data-rs-internal="button__content"]{
284
284
  --_rs-typography-list-li-margin-top-from-text:16px;
285
285
  }
286
286
  }
287
- ._modeClassic_o3r6wz_33{
287
+ ._modeClassic_13lu5th_33{
288
288
  --_rs-button-inner-border-display:none;
289
289
  --_rs-button-color:#FFFFFF;
290
290
  --_rs-button-background:var(--_rs-color-primary);
@@ -296,7 +296,7 @@
296
296
  --_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);
297
297
  --_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);
298
298
  }
299
- ._modeRock_o3r6wz_36{
299
+ ._modeRock_13lu5th_36{
300
300
  --_rs-button-inner-border-display:none;
301
301
  --_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));
302
302
  --_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));
@@ -309,7 +309,7 @@
309
309
  --_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);
310
310
  --_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);
311
311
  }
312
- ._modeTransparent_o3r6wz_39{
312
+ ._modeTransparent_13lu5th_39{
313
313
  --_rs-button-inner-border-display:none;
314
314
  --_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));
315
315
  --_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);
@@ -321,7 +321,7 @@
321
321
  --_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);
322
322
  --_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);
323
323
  }
324
- ._modeOutline_o3r6wz_42{
324
+ ._modeOutline_13lu5th_42{
325
325
  --_rs-button-inner-border-display:block;
326
326
  --_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));
327
327
  --_rs-button-background:transparent;
@@ -333,7 +333,7 @@
333
333
  --_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);
334
334
  --_rs-button-disabled-background:transparent;
335
335
  }
336
- ._modeClear_o3r6wz_45{
336
+ ._modeClear_13lu5th_45{
337
337
  --_rs-button-inner-border-display:none;
338
338
  --_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));
339
339
  --_rs-button-background:transparent;
@@ -345,13 +345,13 @@
345
345
  --_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);
346
346
  --_rs-button-disabled-background:transparent;
347
347
  }
348
- ._alignIconLeft_o3r6wz_49{
348
+ ._alignIconLeft_13lu5th_49{
349
349
  --_rs-button-icon-flex-direction:row;
350
350
  }
351
- ._alignIconRight_o3r6wz_52{
351
+ ._alignIconRight_13lu5th_52{
352
352
  --_rs-button-icon-flex-direction:row-reverse;
353
353
  }
354
- ._main_o3r6wz_56{
354
+ ._main_13lu5th_56{
355
355
  --_rs-theme-dark:var(
356
356
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
357
357
  var(--rs-theme-dark, 0)
@@ -361,7 +361,7 @@
361
361
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
362
362
  }
363
363
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
364
- ._main_o3r6wz_56{
364
+ ._main_13lu5th_56{
365
365
  --_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)));
366
366
  --_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)));
367
367
  --_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)));
@@ -370,7 +370,7 @@
370
370
  }
371
371
  }
372
372
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
373
- ._main_o3r6wz_56{
373
+ ._main_13lu5th_56{
374
374
  --_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);
375
375
  --_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));
376
376
  --_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));
@@ -378,7 +378,7 @@
378
378
  --_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));
379
379
  }
380
380
  }
381
- ._main_o3r6wz_56 {
381
+ ._main_13lu5th_56 {
382
382
  --_rs-button-color-final:var(
383
383
  --_rs-button-color-from-state-active,
384
384
  var(--_rs-button-color-from-state-hover, var(--_rs-button-color))
@@ -463,19 +463,19 @@
463
463
  -moz-column-gap:var(--_rs-button-icon-offset);
464
464
  column-gap:var(--_rs-button-icon-offset);
465
465
  }
466
- ._main_o3r6wz_56:hover,
467
- ._main_o3r6wz_56:focus,
468
- ._main_o3r6wz_56:active{
466
+ ._main_13lu5th_56:hover,
467
+ ._main_13lu5th_56:focus,
468
+ ._main_13lu5th_56:active{
469
469
  outline:none;
470
470
 
471
471
  text-decoration:none;
472
472
  }
473
- ._main_o3r6wz_56:focus{
473
+ ._main_13lu5th_56:focus{
474
474
  color:var(--_rs-button-color-final);
475
475
  background:var(--_rs-button-background-final);
476
476
  }
477
477
  @media (hover: hover){
478
- ._main_o3r6wz_56:hover{
478
+ ._main_13lu5th_56:hover{
479
479
  --_rs-button-border-inner-color:rgba(
480
480
  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),
481
481
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -484,7 +484,7 @@
484
484
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
485
485
  }
486
486
  }
487
- ._main_o3r6wz_56:active{
487
+ ._main_13lu5th_56:active{
488
488
  --_rs-button-border-inner-width:2px;
489
489
  --_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));
490
490
  --_rs-button-color-from-state-active:var(--_rs-button-color);
@@ -492,17 +492,17 @@
492
492
  --_rs-button-active-background
493
493
  );
494
494
  }
495
- ._main_o3r6wz_56:focus[data-focus-method='key']{
495
+ ._main_13lu5th_56:focus[data-focus-method='key']{
496
496
  --_rs-button-box-shadow-from-state-focus-visible:var(
497
497
  --_rs-color-primary-t-dim
498
498
  ) 0 0 0 4px;
499
499
  }
500
- ._main_o3r6wz_56:active:not(:hover):focus[data-focus-method='key']{
500
+ ._main_13lu5th_56:active:not(:hover):focus[data-focus-method='key']{
501
501
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
502
502
  --_rs-button-active-focus-visible-no-hover-background
503
503
  );
504
504
  }
505
- ._main_o3r6wz_56._disabled_o3r6wz_133{
505
+ ._main_13lu5th_56._disabled_13lu5th_133{
506
506
  --_rs-button-border-inner-color:rgba(
507
507
  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),
508
508
  0.2
@@ -511,26 +511,26 @@
511
511
  color:var(--_rs-button-disabled-color);
512
512
  background:var(--_rs-button-disabled-background);
513
513
  }
514
- ._main_o3r6wz_56._busy_o3r6wz_143{
514
+ ._main_13lu5th_56._busy_13lu5th_143{
515
515
  pointer-events:none;
516
516
  }
517
- ._main_o3r6wz_56._busyOverlay_o3r6wz_147{
517
+ ._main_13lu5th_56._busyOverlay_13lu5th_147{
518
518
  display:inline-flex;
519
519
  justify-content:center;
520
520
  align-items:center;
521
521
  }
522
- ._main_o3r6wz_56._busyOverlay_o3r6wz_147,
523
- ._main_o3r6wz_56._busyOverlay_o3r6wz_147:hover,
524
- ._main_o3r6wz_56._busyOverlay_o3r6wz_147:active,
525
- ._main_o3r6wz_56._busyOverlay_o3r6wz_147._disabled_o3r6wz_133,
526
- ._main_o3r6wz_56._busyOverlay_o3r6wz_147:focus{
522
+ ._main_13lu5th_56._busyOverlay_13lu5th_147,
523
+ ._main_13lu5th_56._busyOverlay_13lu5th_147:hover,
524
+ ._main_13lu5th_56._busyOverlay_13lu5th_147:active,
525
+ ._main_13lu5th_56._busyOverlay_13lu5th_147._disabled_13lu5th_133,
526
+ ._main_13lu5th_56._busyOverlay_13lu5th_147:focus{
527
527
  -webkit-user-select:none;
528
528
  -moz-user-select:none;
529
529
  user-select:none;
530
530
 
531
531
  color:transparent;
532
532
  }
533
- ._main_o3r6wz_56::before{
533
+ ._main_13lu5th_56::before{
534
534
  position:absolute;
535
535
  top:0;
536
536
  right:0;
@@ -547,40 +547,40 @@
547
547
 
548
548
  transition:border-color 100ms;
549
549
  }
550
- ._main_o3r6wz_56 ._icon_o3r6wz_182{
550
+ ._main_13lu5th_56 ._icon_13lu5th_182{
551
551
  width:auto;
552
552
  height:var(--_rs-button-icon-size);
553
553
 
554
554
  margin:0;
555
555
  fill:currentColor;
556
556
  }
557
- ._disabled_o3r6wz_133{
557
+ ._disabled_13lu5th_133{
558
558
  pointer-events:none;
559
559
  }
560
- ._allowMultiline_o3r6wz_195{
560
+ ._allowMultiline_13lu5th_195{
561
561
  white-space:normal;
562
562
  }
563
- ._multiline_o3r6wz_199{
563
+ ._multiline_13lu5th_199{
564
564
  border-radius:var(--_rs-button-multiline-border-radius);
565
565
  }
566
- ._withoutText_o3r6wz_203{
566
+ ._withoutText_13lu5th_203{
567
567
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
568
568
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
569
569
  }
570
- ._busyIcon_o3r6wz_208{
570
+ ._busyIcon_13lu5th_208{
571
571
  position:absolute;
572
572
  top:50%;
573
573
  left:50%;
574
574
 
575
575
  transform:translate(-50%, -50%);
576
576
  }
577
- ._main_o3r6wz_56 ._busyIcon_o3r6wz_208{
577
+ ._main_13lu5th_56 ._busyIcon_13lu5th_208{
578
578
  color:var(--_rs-button-color);
579
579
  }
580
- ._main_o3r6wz_56._disabled_o3r6wz_133 ._busyIcon_o3r6wz_208{
580
+ ._main_13lu5th_56._disabled_13lu5th_133 ._busyIcon_13lu5th_208{
581
581
  color:var(--_rs-button-disabled-color);
582
582
  }
583
- ._content_o3r6wz_224{
583
+ ._content_13lu5th_224{
584
584
  letter-spacing:var(
585
585
  --rs-text-base-letter-spacing,
586
586
  var(--_rs-typography-letter-spacing)
@@ -593,15 +593,15 @@
593
593
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
594
594
  font-feature-settings:'kern', 'liga', 'calt';
595
595
  }
596
- ._shiftedLeft_o3r6wz_229{
596
+ ._shiftedLeft_13lu5th_229{
597
597
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
598
598
  }
599
- ._shiftedRight_o3r6wz_232{
599
+ ._shiftedRight_13lu5th_232{
600
600
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
601
601
  }
602
- ._shiftedTop_o3r6wz_235{
602
+ ._shiftedTop_13lu5th_235{
603
603
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
604
604
  }
605
- ._shiftedBottom_o3r6wz_238{
605
+ ._shiftedBottom_13lu5th_238{
606
606
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
607
607
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.19.0",
3
+ "version": "0.19.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "ad589f300662de65d6ac7bcdc5a2cad6610ca106"
39
+ "gitHead": "c01ec5e587ecd6f379cad0ce732300d5a1273201"
40
40
  }