@rescui/button 0.16.1 → 0.16.3

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 +64 -70
  4. package/package.json +7 -7
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1jmu341_4",
3
- "sizeXS": "_sizeXS_1jmu341_14",
4
- "sizeS": "_sizeS_1jmu341_18",
5
- "sizeM": "_sizeM_1jmu341_22",
6
- "sizeL": "_sizeL_1jmu341_26",
7
- "light": "_light_1jmu341_30",
8
- "dark": "_dark_1jmu341_34"
2
+ "icon": "_icon_19gc9kz_4",
3
+ "sizeXS": "_sizeXS_19gc9kz_14",
4
+ "sizeS": "_sizeS_19gc9kz_18",
5
+ "sizeM": "_sizeM_19gc9kz_22",
6
+ "sizeL": "_sizeL_19gc9kz_26",
7
+ "light": "_light_19gc9kz_30",
8
+ "dark": "_dark_19gc9kz_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_1m9atk3_6",
3
- "dark": "_dark_1m9atk3_9",
4
- "flatRight": "_flatRight_1m9atk3_13",
5
- "flatLeft": "_flatLeft_1m9atk3_16",
6
- "sizeXs": "_sizeXs_1m9atk3_20",
7
- "sizeS": "_sizeS_1m9atk3_23",
8
- "sizeM": "_sizeM_1m9atk3_26",
9
- "sizeL": "_sizeL_1m9atk3_29",
10
- "modeClassic": "_modeClassic_1m9atk3_33",
11
- "modeRock": "_modeRock_1m9atk3_36",
12
- "modeTransparent": "_modeTransparent_1m9atk3_39",
13
- "modeOutline": "_modeOutline_1m9atk3_42",
14
- "modeClear": "_modeClear_1m9atk3_45",
15
- "alignIconLeft": "_alignIconLeft_1m9atk3_49",
16
- "alignIconRight": "_alignIconRight_1m9atk3_52",
17
- "main": "_main_1m9atk3_56",
18
- "disabled": "_disabled_1m9atk3_131",
19
- "busy": "_busy_1m9atk3_141",
20
- "busyOverlay": "_busyOverlay_1m9atk3_145",
21
- "allowMultiline": "_allowMultiline_1m9atk3_185",
22
- "multiline": "_multiline_1m9atk3_189",
23
- "withoutText": "_withoutText_1m9atk3_193",
24
- "withIcon": "_withIcon_1m9atk3_201",
25
- "icon": "_icon_1m9atk3_207",
26
- "busyIcon": "_busyIcon_1m9atk3_221",
27
- "shiftedLeft": "_shiftedLeft_1m9atk3_238",
28
- "shiftedRight": "_shiftedRight_1m9atk3_241",
29
- "shiftedTop": "_shiftedTop_1m9atk3_244",
30
- "shiftedBottom": "_shiftedBottom_1m9atk3_247"
2
+ "light": "_light_tj4qld_6",
3
+ "dark": "_dark_tj4qld_9",
4
+ "flatRight": "_flatRight_tj4qld_13",
5
+ "flatLeft": "_flatLeft_tj4qld_16",
6
+ "sizeXs": "_sizeXs_tj4qld_20",
7
+ "sizeS": "_sizeS_tj4qld_23",
8
+ "sizeM": "_sizeM_tj4qld_26",
9
+ "sizeL": "_sizeL_tj4qld_29",
10
+ "modeClassic": "_modeClassic_tj4qld_33",
11
+ "modeRock": "_modeRock_tj4qld_36",
12
+ "modeTransparent": "_modeTransparent_tj4qld_39",
13
+ "modeOutline": "_modeOutline_tj4qld_42",
14
+ "modeClear": "_modeClear_tj4qld_45",
15
+ "alignIconLeft": "_alignIconLeft_tj4qld_49",
16
+ "alignIconRight": "_alignIconRight_tj4qld_52",
17
+ "main": "_main_tj4qld_56",
18
+ "disabled": "_disabled_tj4qld_131",
19
+ "busy": "_busy_tj4qld_141",
20
+ "busyOverlay": "_busyOverlay_tj4qld_145",
21
+ "allowMultiline": "_allowMultiline_tj4qld_185",
22
+ "multiline": "_multiline_tj4qld_189",
23
+ "withoutText": "_withoutText_tj4qld_193",
24
+ "withIcon": "_withIcon_tj4qld_201",
25
+ "icon": "_icon_tj4qld_207",
26
+ "busyIcon": "_busyIcon_tj4qld_221",
27
+ "shiftedLeft": "_shiftedLeft_tj4qld_238",
28
+ "shiftedRight": "_shiftedRight_tj4qld_241",
29
+ "shiftedTop": "_shiftedTop_tj4qld_244",
30
+ "shiftedBottom": "_shiftedBottom_tj4qld_247"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1jmu341_4{
1
+ ._icon_19gc9kz_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_1jmu341_4{
11
+ ._icon_19gc9kz_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_1jmu341_4{
20
+ ._icon_19gc9kz_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_1jmu341_4{
28
+ ._icon_19gc9kz_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_1jmu341_14{
35
+ ._sizeXS_19gc9kz_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1jmu341_18{
38
+ ._sizeS_19gc9kz_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1jmu341_22{
41
+ ._sizeM_19gc9kz_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1jmu341_26{
44
+ ._sizeL_19gc9kz_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1jmu341_30{
47
+ ._light_19gc9kz_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_1jmu341_34{
51
+ ._dark_19gc9kz_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
  }
@@ -72,25 +72,25 @@
72
72
  transform:rotate(360deg);
73
73
  }
74
74
  }
75
- ._light_1m9atk3_6{
75
+ ._light_tj4qld_6{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._dark_1m9atk3_9{
78
+ ._dark_tj4qld_9{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._flatRight_1m9atk3_13{
81
+ ._flatRight_tj4qld_13{
82
82
  --_rs-button-top-right-border-radius-or-initial:0px;
83
83
  --_rs-button-bottom-right-border-radius-or-initial:0px;
84
84
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
85
85
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
86
86
  }
87
- ._flatLeft_1m9atk3_16{
87
+ ._flatLeft_tj4qld_16{
88
88
  --_rs-button-top-left-border-radius-or-initial:0px;
89
89
  --_rs-button-bottom-left-border-radius-or-initial:0px;
90
90
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
91
91
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
92
92
  }
93
- ._sizeXs_1m9atk3_20{
93
+ ._sizeXs_tj4qld_20{
94
94
  --_rs-typography-letter-spacing:0.0045em;
95
95
  --_rs-typography-text-transform:initial;
96
96
  --_rs-typography-font-variant-numeric:initial;
@@ -137,7 +137,7 @@
137
137
  --_rs-button-icon-offset:8px;
138
138
  --_rs-button-icon-margin-top:2px;
139
139
  }
140
- ._sizeS_1m9atk3_23{
140
+ ._sizeS_tj4qld_23{
141
141
  --_rs-typography-letter-spacing:0.0045em;
142
142
  --_rs-typography-text-transform:initial;
143
143
  --_rs-typography-font-variant-numeric:initial;
@@ -184,7 +184,7 @@
184
184
  --_rs-button-icon-offset:8px;
185
185
  --_rs-button-icon-margin-top:0px;
186
186
  }
187
- ._sizeM_1m9atk3_26{
187
+ ._sizeM_tj4qld_26{
188
188
  --_rs-typography-letter-spacing:0.0015em;
189
189
  --_rs-typography-text-transform:initial;
190
190
  --_rs-typography-font-variant-numeric:initial;
@@ -219,11 +219,11 @@
219
219
  --_rs-typography-link-border-bottom-width-from-text:1px;
220
220
  }
221
221
  @media screen and (max-width: 640px){
222
- ._sizeM_1m9atk3_26{
222
+ ._sizeM_tj4qld_26{
223
223
  --_rs-typography-list-li-margin-top-from-text:12px;
224
224
  }
225
225
  }
226
- ._sizeM_1m9atk3_26 {
226
+ ._sizeM_tj4qld_26 {
227
227
  --_rs-button-border-radius-base:var(
228
228
  --rs-button-m-border-radius,
229
229
  var(--rs-button-border-radius, 20px)
@@ -238,7 +238,7 @@
238
238
  --_rs-button-icon-offset:8px;
239
239
  --_rs-button-icon-margin-top:0px;
240
240
  }
241
- ._sizeL_1m9atk3_29{
241
+ ._sizeL_tj4qld_29{
242
242
  --_rs-typography-letter-spacing:normal;
243
243
  --_rs-typography-text-transform:initial;
244
244
  --_rs-typography-font-variant-numeric:initial;
@@ -273,11 +273,11 @@
273
273
  --_rs-typography-link-border-bottom-width-from-text:1px;
274
274
  }
275
275
  @media screen and (max-width: 640px){
276
- ._sizeL_1m9atk3_29{
276
+ ._sizeL_tj4qld_29{
277
277
  --_rs-typography-list-li-margin-top-from-text:16px;
278
278
  }
279
279
  }
280
- ._sizeL_1m9atk3_29 {
280
+ ._sizeL_tj4qld_29 {
281
281
  --_rs-button-border-radius-base:var(
282
282
  --rs-button-l-border-radius,
283
283
  var(--rs-button-border-radius, 26px)
@@ -292,7 +292,7 @@
292
292
  --_rs-button-icon-offset:16px;
293
293
  --_rs-button-icon-margin-top:0px;
294
294
  }
295
- ._modeClassic_1m9atk3_33{
295
+ ._modeClassic_tj4qld_33{
296
296
  --_rs-button-inner-border-display:none;
297
297
  --_rs-button-color:#FFFFFF;
298
298
  --_rs-button-background:var(--_rs-color-primary);
@@ -304,7 +304,7 @@
304
304
  --_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);
305
305
  --_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);
306
306
  }
307
- ._modeRock_1m9atk3_36{
307
+ ._modeRock_tj4qld_36{
308
308
  --_rs-button-inner-border-display:none;
309
309
  --_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));
310
310
  --_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));
@@ -317,7 +317,7 @@
317
317
  --_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);
318
318
  --_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);
319
319
  }
320
- ._modeTransparent_1m9atk3_39{
320
+ ._modeTransparent_tj4qld_39{
321
321
  --_rs-button-inner-border-display:none;
322
322
  --_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));
323
323
  --_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);
@@ -329,7 +329,7 @@
329
329
  --_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);
330
330
  --_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);
331
331
  }
332
- ._modeOutline_1m9atk3_42{
332
+ ._modeOutline_tj4qld_42{
333
333
  --_rs-button-inner-border-display:block;
334
334
  --_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));
335
335
  --_rs-button-background:transparent;
@@ -341,7 +341,7 @@
341
341
  --_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);
342
342
  --_rs-button-disabled-background:transparent;
343
343
  }
344
- ._modeClear_1m9atk3_45{
344
+ ._modeClear_tj4qld_45{
345
345
  --_rs-button-inner-border-display:none;
346
346
  --_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));
347
347
  --_rs-button-background:transparent;
@@ -353,17 +353,17 @@
353
353
  --_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);
354
354
  --_rs-button-disabled-background:transparent;
355
355
  }
356
- ._alignIconLeft_1m9atk3_49{
356
+ ._alignIconLeft_tj4qld_49{
357
357
  --_rs-button-icon-flex-direction:row;
358
358
  --_rs-button-icon-position-multiplier-left:1;
359
359
  --_rs-button-icon-position-multiplier-right:0;
360
360
  }
361
- ._alignIconRight_1m9atk3_52{
361
+ ._alignIconRight_tj4qld_52{
362
362
  --_rs-button-icon-flex-direction:row-reverse;
363
363
  --_rs-button-icon-position-multiplier-left:0;
364
364
  --_rs-button-icon-position-multiplier-right:1;
365
365
  }
366
- ._main_1m9atk3_56{
366
+ ._main_tj4qld_56{
367
367
  --_rs-theme-dark:var(
368
368
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
369
369
  var(--rs-theme-dark, 0)
@@ -373,7 +373,7 @@
373
373
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
374
374
  }
375
375
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
376
- ._main_1m9atk3_56{
376
+ ._main_tj4qld_56{
377
377
  --_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)));
378
378
  --_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)));
379
379
  --_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)));
@@ -382,7 +382,7 @@
382
382
  }
383
383
  }
384
384
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
385
- ._main_1m9atk3_56{
385
+ ._main_tj4qld_56{
386
386
  --_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);
387
387
  --_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));
388
388
  --_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));
@@ -390,7 +390,7 @@
390
390
  --_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));
391
391
  }
392
392
  }
393
- ._main_1m9atk3_56 {
393
+ ._main_tj4qld_56 {
394
394
  --_rs-button-border-radius:var(
395
395
  --_rs-button-top-left-border-radius-or-initial,
396
396
  var(--_rs-button-border-radius-base)
@@ -431,12 +431,6 @@
431
431
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
432
432
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
433
433
  font-feature-settings:'kern', 'liga', 'calt';
434
- }
435
- ._main_1m9atk3_56 > p:not(:nth-child(1)),
436
- ._main_1m9atk3_56 > pre:not(:nth-child(1)){
437
- padding-top:var(--_rs-typography-auto-offset-or-initial);
438
- }
439
- ._main_1m9atk3_56 {
440
434
 
441
435
  --_rs-button-border-inner-width:1px;
442
436
  --_rs-button-border-inner-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.3);
@@ -469,19 +463,19 @@
469
463
 
470
464
  transition:color 100ms, background-color 100ms;
471
465
  }
472
- ._main_1m9atk3_56:hover,
473
- ._main_1m9atk3_56:focus,
474
- ._main_1m9atk3_56:active{
466
+ ._main_tj4qld_56:hover,
467
+ ._main_tj4qld_56:focus,
468
+ ._main_tj4qld_56:active{
475
469
  outline:none;
476
470
 
477
471
  text-decoration:none;
478
472
  }
479
- ._main_1m9atk3_56:focus{
473
+ ._main_tj4qld_56:focus{
480
474
  color:var(--_rs-button-color);
481
475
  background:var(--_rs-button-background);
482
476
  }
483
477
  @media (hover: hover){
484
- ._main_1m9atk3_56:hover{
478
+ ._main_tj4qld_56:hover{
485
479
  --_rs-button-border-inner-color:rgba(
486
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),
487
481
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -491,21 +485,21 @@
491
485
  background:var(--_rs-button-hover-background);
492
486
  }
493
487
  }
494
- ._main_1m9atk3_56:active{
488
+ ._main_tj4qld_56:active{
495
489
  --_rs-button-border-inner-width:2px;
496
490
  --_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));
497
491
 
498
492
  color:var(--_rs-button-color);
499
493
  background:var(--_rs-button-active-background);
500
494
  }
501
- ._main_1m9atk3_56:focus[data-focus-method='key']{
495
+ ._main_tj4qld_56:focus[data-focus-method='key']{
502
496
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
503
497
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
504
498
  }
505
- ._main_1m9atk3_56:active:not(:hover):focus[data-focus-method='key']{
499
+ ._main_tj4qld_56:active:not(:hover):focus[data-focus-method='key']{
506
500
  background:var(--_rs-button-active-focus-visible-no-hover-background);
507
501
  }
508
- ._main_1m9atk3_56._disabled_1m9atk3_131{
502
+ ._main_tj4qld_56._disabled_tj4qld_131{
509
503
  --_rs-button-border-inner-color:rgba(
510
504
  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),
511
505
  0.2
@@ -514,10 +508,10 @@
514
508
  color:var(--_rs-button-disabled-color);
515
509
  background:var(--_rs-button-disabled-background);
516
510
  }
517
- ._main_1m9atk3_56._busy_1m9atk3_141{
511
+ ._main_tj4qld_56._busy_tj4qld_141{
518
512
  pointer-events:none;
519
513
  }
520
- ._main_1m9atk3_56._busyOverlay_1m9atk3_145{
514
+ ._main_tj4qld_56._busyOverlay_tj4qld_145{
521
515
  display:-webkit-inline-box;
522
516
  display:-ms-inline-flexbox;
523
517
  display:inline-flex;
@@ -528,11 +522,11 @@
528
522
  -ms-flex-align:center;
529
523
  align-items:center;
530
524
  }
531
- ._main_1m9atk3_56._busyOverlay_1m9atk3_145,
532
- ._main_1m9atk3_56._busyOverlay_1m9atk3_145:hover,
533
- ._main_1m9atk3_56._busyOverlay_1m9atk3_145:active,
534
- ._main_1m9atk3_56._busyOverlay_1m9atk3_145._disabled_1m9atk3_131,
535
- ._main_1m9atk3_56._busyOverlay_1m9atk3_145:focus{
525
+ ._main_tj4qld_56._busyOverlay_tj4qld_145,
526
+ ._main_tj4qld_56._busyOverlay_tj4qld_145:hover,
527
+ ._main_tj4qld_56._busyOverlay_tj4qld_145:active,
528
+ ._main_tj4qld_56._busyOverlay_tj4qld_145._disabled_tj4qld_131,
529
+ ._main_tj4qld_56._busyOverlay_tj4qld_145:focus{
536
530
  -webkit-user-select:none;
537
531
  -moz-user-select:none;
538
532
  -ms-user-select:none;
@@ -540,7 +534,7 @@
540
534
 
541
535
  color:transparent;
542
536
  }
543
- ._main_1m9atk3_56::before{
537
+ ._main_tj4qld_56::before{
544
538
  position:absolute;
545
539
  top:0;
546
540
  right:0;
@@ -559,16 +553,16 @@
559
553
 
560
554
  transition:border-color 100ms;
561
555
  }
562
- ._disabled_1m9atk3_131{
556
+ ._disabled_tj4qld_131{
563
557
  pointer-events:none;
564
558
  }
565
- ._allowMultiline_1m9atk3_185{
559
+ ._allowMultiline_tj4qld_185{
566
560
  white-space:normal;
567
561
  }
568
- ._multiline_1m9atk3_189{
562
+ ._multiline_tj4qld_189{
569
563
  border-radius:var(--_rs-button-multiline-border-radius);
570
564
  }
571
- ._withoutText_1m9atk3_193{
565
+ ._withoutText_tj4qld_193{
572
566
  display:-webkit-inline-box;
573
567
  display:-ms-inline-flexbox;
574
568
  display:inline-flex;
@@ -581,7 +575,7 @@
581
575
 
582
576
  padding:var(--_rs-button-vertical-padding);
583
577
  }
584
- ._withIcon_1m9atk3_201{
578
+ ._withIcon_tj4qld_201{
585
579
  display:-webkit-inline-box;
586
580
  display:-ms-inline-flexbox;
587
581
  display:inline-flex;
@@ -596,17 +590,17 @@
596
590
  -ms-flex-align:center;
597
591
  align-items:center;
598
592
  }
599
- ._withIcon_1m9atk3_201 ._icon_1m9atk3_207{
593
+ ._withIcon_tj4qld_201 ._icon_tj4qld_207{
600
594
  width:auto;
601
595
  height:var(--_rs-button-icon-size);
602
596
 
603
597
  margin:var(--_rs-button-icon-margin-top) var(--_rs-button-icon-margin-right) 0 var(--_rs-button-icon-margin-left);
604
598
  fill:currentColor;
605
599
  }
606
- ._withIcon_1m9atk3_201._withoutText_1m9atk3_193 ._icon_1m9atk3_207{
600
+ ._withIcon_tj4qld_201._withoutText_tj4qld_193 ._icon_tj4qld_207{
607
601
  margin:0;
608
602
  }
609
- ._busyIcon_1m9atk3_221{
603
+ ._busyIcon_tj4qld_221{
610
604
  position:absolute;
611
605
  top:50%;
612
606
  left:50%;
@@ -615,21 +609,21 @@
615
609
 
616
610
  transform:translate(-50%, -50%);
617
611
  }
618
- ._main_1m9atk3_56 ._busyIcon_1m9atk3_221{
612
+ ._main_tj4qld_56 ._busyIcon_tj4qld_221{
619
613
  color:var(--_rs-button-color);
620
614
  }
621
- ._main_1m9atk3_56._disabled_1m9atk3_131 ._busyIcon_1m9atk3_221{
615
+ ._main_tj4qld_56._disabled_tj4qld_131 ._busyIcon_tj4qld_221{
622
616
  color:var(--_rs-button-disabled-color);
623
617
  }
624
- ._shiftedLeft_1m9atk3_238{
618
+ ._shiftedLeft_tj4qld_238{
625
619
  margin-left:calc(var(--_rs-button-horizontal-padding)*-1);
626
620
  }
627
- ._shiftedRight_1m9atk3_241{
621
+ ._shiftedRight_tj4qld_241{
628
622
  margin-right:calc(var(--_rs-button-horizontal-padding)*-1);
629
623
  }
630
- ._shiftedTop_1m9atk3_244{
624
+ ._shiftedTop_tj4qld_244{
631
625
  margin-top:calc(var(--_rs-button-vertical-padding)*-1);
632
626
  }
633
- ._shiftedBottom_1m9atk3_247{
627
+ ._shiftedBottom_tj4qld_247{
634
628
  margin-bottom:calc(var(--_rs-button-vertical-padding)*-1);
635
629
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.16.1",
3
+ "version": "0.16.3",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/use-resize-observer": "^0.2.2",
18
+ "@rescui/use-resize-observer": "^0.2.4",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1"
21
21
  },
@@ -25,10 +25,10 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.2",
29
- "@rescui/icons": "^0.16.4",
30
- "@rescui/scripts": "^0.3.2",
31
- "@rescui/typography": "^0.16.4",
28
+ "@rescui/colors": "^0.2.4",
29
+ "@rescui/icons": "^0.16.6",
30
+ "@rescui/scripts": "^0.3.4",
31
+ "@rescui/typography": "^0.18.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": "d4bb4a95bc321907bc55b9ad9768f7e822acbd2d"
40
+ "gitHead": "ac2efc85e94cfd6b9bae29c2829d38b6bd608474"
41
41
  }