@rescui/button 0.21.1 → 0.21.2

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 +31 -31
  3. package/lib/index.css +68 -68
  4. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_gxmcf_4",
3
- "sizeXS": "_sizeXS_gxmcf_14",
4
- "sizeS": "_sizeS_gxmcf_18",
5
- "sizeM": "_sizeM_gxmcf_22",
6
- "sizeL": "_sizeL_gxmcf_26",
7
- "light": "_light_gxmcf_30",
8
- "dark": "_dark_gxmcf_34"
2
+ "icon": "_icon_afka1x_4",
3
+ "sizeXS": "_sizeXS_afka1x_14",
4
+ "sizeS": "_sizeS_afka1x_18",
5
+ "sizeM": "_sizeM_afka1x_22",
6
+ "sizeL": "_sizeL_afka1x_26",
7
+ "light": "_light_afka1x_30",
8
+ "dark": "_dark_afka1x_34"
9
9
  };
10
10
  export { styles as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "light": "_light_xd7td5_6",
3
- "dark": "_dark_xd7td5_9",
4
- "flatRight": "_flatRight_xd7td5_13",
5
- "flatLeft": "_flatLeft_xd7td5_16",
6
- "sizeXs": "_sizeXs_xd7td5_20",
7
- "sizeS": "_sizeS_xd7td5_23",
8
- "sizeM": "_sizeM_xd7td5_26",
9
- "sizeL": "_sizeL_xd7td5_29",
10
- "modeClassic": "_modeClassic_xd7td5_33",
11
- "modeRock": "_modeRock_xd7td5_36",
12
- "modeTransparent": "_modeTransparent_xd7td5_39",
13
- "modeOutline": "_modeOutline_xd7td5_42",
14
- "modeClear": "_modeClear_xd7td5_45",
15
- "alignIconLeft": "_alignIconLeft_xd7td5_49",
16
- "alignIconLeftEdge": "_alignIconLeftEdge_xd7td5_52",
17
- "alignIconRight": "_alignIconRight_xd7td5_55",
18
- "alignIconRightEdge": "_alignIconRightEdge_xd7td5_58",
19
- "main": "_main_xd7td5_62",
20
- "disabled": "_disabled_xd7td5_139",
21
- "busy": "_busy_xd7td5_149",
22
- "busyOverlay": "_busyOverlay_xd7td5_153",
23
- "icon": "_icon_xd7td5_188",
24
- "allowMultiline": "_allowMultiline_xd7td5_203",
25
- "content": "_content_xd7td5_207",
26
- "multiline": "_multiline_xd7td5_211",
27
- "withoutText": "_withoutText_xd7td5_215",
28
- "busyIcon": "_busyIcon_xd7td5_220",
29
- "shiftedLeft": "_shiftedLeft_xd7td5_241",
30
- "shiftedRight": "_shiftedRight_xd7td5_244",
31
- "shiftedTop": "_shiftedTop_xd7td5_247",
32
- "shiftedBottom": "_shiftedBottom_xd7td5_250"
2
+ "light": "_light_1f7yiab_6",
3
+ "dark": "_dark_1f7yiab_9",
4
+ "flatRight": "_flatRight_1f7yiab_13",
5
+ "flatLeft": "_flatLeft_1f7yiab_16",
6
+ "sizeXs": "_sizeXs_1f7yiab_20",
7
+ "sizeS": "_sizeS_1f7yiab_23",
8
+ "sizeM": "_sizeM_1f7yiab_26",
9
+ "sizeL": "_sizeL_1f7yiab_29",
10
+ "modeClassic": "_modeClassic_1f7yiab_33",
11
+ "modeRock": "_modeRock_1f7yiab_36",
12
+ "modeTransparent": "_modeTransparent_1f7yiab_39",
13
+ "modeOutline": "_modeOutline_1f7yiab_42",
14
+ "modeClear": "_modeClear_1f7yiab_45",
15
+ "alignIconLeft": "_alignIconLeft_1f7yiab_49",
16
+ "alignIconLeftEdge": "_alignIconLeftEdge_1f7yiab_52",
17
+ "alignIconRight": "_alignIconRight_1f7yiab_55",
18
+ "alignIconRightEdge": "_alignIconRightEdge_1f7yiab_58",
19
+ "main": "_main_1f7yiab_62",
20
+ "disabled": "_disabled_1f7yiab_139",
21
+ "busy": "_busy_1f7yiab_149",
22
+ "busyOverlay": "_busyOverlay_1f7yiab_153",
23
+ "icon": "_icon_1f7yiab_188",
24
+ "allowMultiline": "_allowMultiline_1f7yiab_203",
25
+ "content": "_content_1f7yiab_207",
26
+ "multiline": "_multiline_1f7yiab_211",
27
+ "withoutText": "_withoutText_1f7yiab_215",
28
+ "busyIcon": "_busyIcon_1f7yiab_220",
29
+ "shiftedLeft": "_shiftedLeft_1f7yiab_241",
30
+ "shiftedRight": "_shiftedRight_1f7yiab_244",
31
+ "shiftedTop": "_shiftedTop_1f7yiab_247",
32
+ "shiftedBottom": "_shiftedBottom_1f7yiab_250"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_gxmcf_4{
1
+ ._icon_afka1x_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_gxmcf_4{
11
+ ._icon_afka1x_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_gxmcf_4{
20
+ ._icon_afka1x_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_gxmcf_4{
28
+ ._icon_afka1x_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_gxmcf_14{
35
+ ._sizeXS_afka1x_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_gxmcf_18{
38
+ ._sizeS_afka1x_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_gxmcf_22{
41
+ ._sizeM_afka1x_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_gxmcf_26{
44
+ ._sizeL_afka1x_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_gxmcf_30{
47
+ ._light_afka1x_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_gxmcf_34{
51
+ ._dark_afka1x_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_xd7td5_6{
63
+ ._light_1f7yiab_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_xd7td5_9{
66
+ ._dark_1f7yiab_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._flatRight_xd7td5_13{
69
+ ._flatRight_1f7yiab_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_xd7td5_16{
75
+ ._flatLeft_1f7yiab_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_xd7td5_20{
81
+ ._sizeXs_1f7yiab_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_xd7td5_20 [data-rs-internal='button__content']{
96
+ ._sizeXs_1f7yiab_20 [data-rs-internal='button__content']{
97
97
  --_rs-typography-letter-spacing:var(--rs-text-3-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_xd7td5_23{
130
+ ._sizeS_1f7yiab_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_xd7td5_23 [data-rs-internal='button__content']{
145
+ ._sizeS_1f7yiab_23 [data-rs-internal='button__content']{
146
146
  --_rs-typography-letter-spacing:var(--rs-text-3-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_xd7td5_26{
179
+ ._sizeM_1f7yiab_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_xd7td5_26 [data-rs-internal='button__content']{
194
+ ._sizeM_1f7yiab_26 [data-rs-internal='button__content']{
195
195
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
196
196
  --_rs-typography-text-transform:initial;
197
197
  --_rs-typography-font-variant-numeric:initial;
@@ -229,11 +229,11 @@
229
229
  --_rs-typography-link-border-bottom-width-from-text:1px;
230
230
  }
231
231
  @media screen and (max-width: 640px){
232
- ._sizeM_xd7td5_26 [data-rs-internal='button__content']{
232
+ ._sizeM_1f7yiab_26 [data-rs-internal='button__content']{
233
233
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
234
234
  }
235
235
  }
236
- ._sizeL_xd7td5_29{
236
+ ._sizeL_1f7yiab_29{
237
237
  --_rs-button-border-radius-base:var(
238
238
  --rs-button-l-border-radius,
239
239
  var(--rs-button-border-radius, 26px)
@@ -248,7 +248,7 @@
248
248
  --_rs-button-icon-size:28px;
249
249
  --_rs-button-icon-offset:16px;
250
250
  }
251
- ._sizeL_xd7td5_29 [data-rs-internal='button__content']{
251
+ ._sizeL_1f7yiab_29 [data-rs-internal='button__content']{
252
252
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
253
253
  --_rs-typography-text-transform:initial;
254
254
  --_rs-typography-font-variant-numeric:initial;
@@ -286,11 +286,11 @@
286
286
  --_rs-typography-link-border-bottom-width-from-text:1px;
287
287
  }
288
288
  @media screen and (max-width: 640px){
289
- ._sizeL_xd7td5_29 [data-rs-internal='button__content']{
289
+ ._sizeL_1f7yiab_29 [data-rs-internal='button__content']{
290
290
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
291
291
  }
292
292
  }
293
- ._modeClassic_xd7td5_33{
293
+ ._modeClassic_1f7yiab_33{
294
294
  --_rs-button-inner-border-display:none;
295
295
  --_rs-button-color:rgb(
296
296
  calc(255 - var(--rs-button-flip-text-color, 0)*230),
@@ -306,7 +306,7 @@
306
306
  --_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);
307
307
  --_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);
308
308
  }
309
- ._modeRock_xd7td5_36{
309
+ ._modeRock_1f7yiab_36{
310
310
  --_rs-button-inner-border-display:none;
311
311
  --_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));
312
312
  --_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));
@@ -319,7 +319,7 @@
319
319
  --_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);
320
320
  --_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);
321
321
  }
322
- ._modeTransparent_xd7td5_39{
322
+ ._modeTransparent_1f7yiab_39{
323
323
  --_rs-button-inner-border-display:none;
324
324
  --_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));
325
325
  --_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);
@@ -331,7 +331,7 @@
331
331
  --_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);
332
332
  --_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);
333
333
  }
334
- ._modeOutline_xd7td5_42{
334
+ ._modeOutline_1f7yiab_42{
335
335
  --_rs-button-inner-border-display:block;
336
336
  --_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));
337
337
  --_rs-button-background:transparent;
@@ -343,7 +343,7 @@
343
343
  --_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);
344
344
  --_rs-button-disabled-background:transparent;
345
345
  }
346
- ._modeClear_xd7td5_45{
346
+ ._modeClear_1f7yiab_45{
347
347
  --_rs-button-inner-border-display:none;
348
348
  --_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));
349
349
  --_rs-button-background:transparent;
@@ -355,23 +355,23 @@
355
355
  --_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);
356
356
  --_rs-button-disabled-background:transparent;
357
357
  }
358
- ._alignIconLeft_xd7td5_49{
358
+ ._alignIconLeft_1f7yiab_49{
359
359
  --_rs-button-icon-flex-direction:row;
360
360
  --_rs-button-content-grow:0;
361
361
  }
362
- ._alignIconLeftEdge_xd7td5_52{
362
+ ._alignIconLeftEdge_1f7yiab_52{
363
363
  --_rs-button-icon-flex-direction:row;
364
364
  --_rs-button-content-grow:1;
365
365
  }
366
- ._alignIconRight_xd7td5_55{
366
+ ._alignIconRight_1f7yiab_55{
367
367
  --_rs-button-icon-flex-direction:row-reverse;
368
368
  --_rs-button-content-grow:0;
369
369
  }
370
- ._alignIconRightEdge_xd7td5_58{
370
+ ._alignIconRightEdge_1f7yiab_58{
371
371
  --_rs-button-icon-flex-direction:row-reverse;
372
372
  --_rs-button-content-grow:1;
373
373
  }
374
- ._main_xd7td5_62{
374
+ ._main_1f7yiab_62{
375
375
  --_rs-theme-dark:var(
376
376
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
377
377
  var(--rs-theme-dark, 0)
@@ -381,7 +381,7 @@
381
381
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
382
382
  }
383
383
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
384
- ._main_xd7td5_62{
384
+ ._main_1f7yiab_62{
385
385
  --_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)));
386
386
  --_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)));
387
387
  --_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)));
@@ -390,7 +390,7 @@
390
390
  }
391
391
  }
392
392
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
393
- ._main_xd7td5_62{
393
+ ._main_1f7yiab_62{
394
394
  --_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);
395
395
  --_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));
396
396
  --_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));
@@ -398,7 +398,7 @@
398
398
  --_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));
399
399
  }
400
400
  }
401
- ._main_xd7td5_62 {
401
+ ._main_1f7yiab_62 {
402
402
  --_rs-button-background-final:var(
403
403
  --_rs-button-background-from-state-active-focus-visible-no-hover,
404
404
  var(
@@ -479,19 +479,19 @@
479
479
  -moz-column-gap:var(--_rs-button-icon-offset);
480
480
  column-gap:var(--_rs-button-icon-offset);
481
481
  }
482
- ._main_xd7td5_62:hover,
483
- ._main_xd7td5_62:focus,
484
- ._main_xd7td5_62:active{
482
+ ._main_1f7yiab_62:hover,
483
+ ._main_1f7yiab_62:focus,
484
+ ._main_1f7yiab_62:active{
485
485
  outline:none;
486
486
 
487
487
  text-decoration:none;
488
488
  }
489
- ._main_xd7td5_62:focus{
489
+ ._main_1f7yiab_62:focus{
490
490
  color:var(--_rs-button-color);
491
491
  background:var(--_rs-button-background-final);
492
492
  }
493
493
  @media (hover: hover){
494
- ._main_xd7td5_62:hover{
494
+ ._main_1f7yiab_62:hover{
495
495
  --_rs-button-border-inner-color:rgba(
496
496
  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),
497
497
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -499,24 +499,24 @@
499
499
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
500
500
  }
501
501
  }
502
- ._main_xd7td5_62:active{
502
+ ._main_1f7yiab_62:active{
503
503
  --_rs-button-border-inner-width:2px;
504
504
  --_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));
505
505
  --_rs-button-background-from-state-active:var(
506
506
  --_rs-button-active-background
507
507
  );
508
508
  }
509
- ._main_xd7td5_62:focus[data-focus-method='key']{
509
+ ._main_1f7yiab_62:focus[data-focus-method='key']{
510
510
  --_rs-button-box-shadow-from-state-focus-visible:var(
511
511
  --_rs-color-primary-t-dim
512
512
  ) 0 0 0 4px;
513
513
  }
514
- ._main_xd7td5_62:active:not(:hover):focus[data-focus-method='key']{
514
+ ._main_1f7yiab_62:active:not(:hover):focus[data-focus-method='key']{
515
515
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
516
516
  --_rs-button-active-focus-visible-no-hover-background
517
517
  );
518
518
  }
519
- ._main_xd7td5_62._disabled_xd7td5_139{
519
+ ._main_1f7yiab_62._disabled_1f7yiab_139{
520
520
  --_rs-button-border-inner-color:rgba(
521
521
  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),
522
522
  0.2
@@ -525,26 +525,26 @@
525
525
  color:var(--_rs-button-disabled-color);
526
526
  background:var(--_rs-button-disabled-background);
527
527
  }
528
- ._main_xd7td5_62._busy_xd7td5_149{
528
+ ._main_1f7yiab_62._busy_1f7yiab_149{
529
529
  pointer-events:none;
530
530
  }
531
- ._main_xd7td5_62._busyOverlay_xd7td5_153{
531
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153{
532
532
  display:inline-flex;
533
533
  justify-content:center;
534
534
  align-items:center;
535
535
  }
536
- ._main_xd7td5_62._busyOverlay_xd7td5_153,
537
- ._main_xd7td5_62._busyOverlay_xd7td5_153:hover,
538
- ._main_xd7td5_62._busyOverlay_xd7td5_153:active,
539
- ._main_xd7td5_62._busyOverlay_xd7td5_153._disabled_xd7td5_139,
540
- ._main_xd7td5_62._busyOverlay_xd7td5_153:focus{
536
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153,
537
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153:hover,
538
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153:active,
539
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153._disabled_1f7yiab_139,
540
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153:focus{
541
541
  -webkit-user-select:none;
542
542
  -moz-user-select:none;
543
543
  user-select:none;
544
544
 
545
545
  color:transparent;
546
546
  }
547
- ._main_xd7td5_62::before{
547
+ ._main_1f7yiab_62::before{
548
548
  position:absolute;
549
549
  top:0;
550
550
  right:0;
@@ -561,7 +561,7 @@
561
561
 
562
562
  transition:border-color 100ms;
563
563
  }
564
- ._main_xd7td5_62 ._icon_xd7td5_188{
564
+ ._main_1f7yiab_62 ._icon_1f7yiab_188{
565
565
  flex:0 0 auto;
566
566
 
567
567
  width:auto;
@@ -570,36 +570,36 @@
570
570
  margin:0;
571
571
  fill:currentColor;
572
572
  }
573
- ._disabled_xd7td5_139{
573
+ ._disabled_1f7yiab_139{
574
574
  pointer-events:none;
575
575
  }
576
- ._allowMultiline_xd7td5_203{
576
+ ._allowMultiline_1f7yiab_203{
577
577
  white-space:normal;
578
578
  }
579
- ._content_xd7td5_207{
579
+ ._content_1f7yiab_207{
580
580
  flex:var(--_rs-button-content-grow) 1 auto;
581
581
  }
582
- ._multiline_xd7td5_211{
582
+ ._multiline_1f7yiab_211{
583
583
  border-radius:var(--_rs-button-multiline-border-radius);
584
584
  }
585
- ._withoutText_xd7td5_215{
585
+ ._withoutText_1f7yiab_215{
586
586
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
587
587
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
588
588
  }
589
- ._busyIcon_xd7td5_220{
589
+ ._busyIcon_1f7yiab_220{
590
590
  position:absolute;
591
591
  top:50%;
592
592
  left:50%;
593
593
 
594
594
  transform:translate(-50%, -50%);
595
595
  }
596
- ._main_xd7td5_62 ._busyIcon_xd7td5_220{
596
+ ._main_1f7yiab_62 ._busyIcon_1f7yiab_220{
597
597
  color:var(--_rs-button-color);
598
598
  }
599
- ._main_xd7td5_62._disabled_xd7td5_139 ._busyIcon_xd7td5_220{
599
+ ._main_1f7yiab_62._disabled_1f7yiab_139 ._busyIcon_1f7yiab_220{
600
600
  color:var(--_rs-button-disabled-color);
601
601
  }
602
- ._content_xd7td5_207{
602
+ ._content_1f7yiab_207{
603
603
  letter-spacing:var(
604
604
  --rs-text-base-letter-spacing,
605
605
  var(--_rs-typography-letter-spacing)
@@ -612,15 +612,15 @@
612
612
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
613
613
  font-feature-settings:'kern', 'liga', 'calt';
614
614
  }
615
- ._shiftedLeft_xd7td5_241{
615
+ ._shiftedLeft_1f7yiab_241{
616
616
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
617
617
  }
618
- ._shiftedRight_xd7td5_244{
618
+ ._shiftedRight_1f7yiab_244{
619
619
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
620
620
  }
621
- ._shiftedTop_xd7td5_247{
621
+ ._shiftedTop_1f7yiab_247{
622
622
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
623
623
  }
624
- ._shiftedBottom_xd7td5_250{
624
+ ._shiftedBottom_1f7yiab_250{
625
625
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
626
626
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.21.1",
3
+ "version": "0.21.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,9 +26,9 @@
26
26
  },
27
27
  "devDependencies": {
28
28
  "@rescui/colors": "^0.2.7",
29
- "@rescui/icons": "^0.16.16",
29
+ "@rescui/icons": "^0.16.17",
30
30
  "@rescui/scripts": "^0.3.5",
31
- "@rescui/typography": "^0.22.0",
31
+ "@rescui/typography": "^0.23.0",
32
32
  "@rescui/visual-regression": "^0.1.2",
33
33
  "@types/classnames": "^2.2.11"
34
34
  },
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "71902b643c074d76514a26a5ee2feecc75d41347"
40
+ "gitHead": "f9a0228790b099e343e9017980e7635c12815bda"
41
41
  }