@rescui/button 0.15.4 → 0.15.5-RUI-201-Support-css-modules-in-typography-f33bc767.13

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 (3) hide show
  1. package/lib/button.p.module.css.js +29 -29
  2. package/lib/index.css +57 -58
  3. package/package.json +9 -8
package/lib/button.p.module.css.js CHANGED
@@ -1,32 +1,32 @@
1
1
  var styles = {
2
- "light": "_light_18aw4si_6",
3
- "dark": "_dark_18aw4si_9",
4
- "flatRight": "_flatRight_18aw4si_13",
5
- "flatLeft": "_flatLeft_18aw4si_16",
6
- "sizeXs": "_sizeXs_18aw4si_20",
7
- "sizeS": "_sizeS_18aw4si_23",
8
- "sizeM": "_sizeM_18aw4si_26",
9
- "sizeL": "_sizeL_18aw4si_29",
10
- "modeClassic": "_modeClassic_18aw4si_33",
11
- "modeRock": "_modeRock_18aw4si_36",
12
- "modeTransparent": "_modeTransparent_18aw4si_39",
13
- "modeOutline": "_modeOutline_18aw4si_42",
14
- "modeClear": "_modeClear_18aw4si_45",
15
- "alignIconLeft": "_alignIconLeft_18aw4si_49",
16
- "alignIconRight": "_alignIconRight_18aw4si_52",
17
- "main": "_main_18aw4si_56",
18
- "disabled": "_disabled_18aw4si_132",
19
- "busy": "_busy_18aw4si_142",
20
- "busyOverlay": "_busyOverlay_18aw4si_146",
21
- "allowMultiline": "_allowMultiline_18aw4si_186",
22
- "multiline": "_multiline_18aw4si_190",
23
- "withoutText": "_withoutText_18aw4si_194",
24
- "withIcon": "_withIcon_18aw4si_202",
25
- "icon": "_icon_18aw4si_208",
26
- "busyIcon": "_busyIcon_18aw4si_222",
27
- "shiftedLeft": "_shiftedLeft_18aw4si_239",
28
- "shiftedRight": "_shiftedRight_18aw4si_242",
29
- "shiftedTop": "_shiftedTop_18aw4si_245",
30
- "shiftedBottom": "_shiftedBottom_18aw4si_248"
2
+ "light": "_light_auptx1_6",
3
+ "dark": "_dark_auptx1_9",
4
+ "flatRight": "_flatRight_auptx1_13",
5
+ "flatLeft": "_flatLeft_auptx1_16",
6
+ "sizeXs": "_sizeXs_auptx1_20",
7
+ "sizeS": "_sizeS_auptx1_23",
8
+ "sizeM": "_sizeM_auptx1_26",
9
+ "sizeL": "_sizeL_auptx1_29",
10
+ "modeClassic": "_modeClassic_auptx1_33",
11
+ "modeRock": "_modeRock_auptx1_36",
12
+ "modeTransparent": "_modeTransparent_auptx1_39",
13
+ "modeOutline": "_modeOutline_auptx1_42",
14
+ "modeClear": "_modeClear_auptx1_45",
15
+ "alignIconLeft": "_alignIconLeft_auptx1_49",
16
+ "alignIconRight": "_alignIconRight_auptx1_52",
17
+ "main": "_main_auptx1_56",
18
+ "disabled": "_disabled_auptx1_131",
19
+ "busy": "_busy_auptx1_141",
20
+ "busyOverlay": "_busyOverlay_auptx1_145",
21
+ "allowMultiline": "_allowMultiline_auptx1_185",
22
+ "multiline": "_multiline_auptx1_189",
23
+ "withoutText": "_withoutText_auptx1_193",
24
+ "withIcon": "_withIcon_auptx1_201",
25
+ "icon": "_icon_auptx1_207",
26
+ "busyIcon": "_busyIcon_auptx1_221",
27
+ "shiftedLeft": "_shiftedLeft_auptx1_238",
28
+ "shiftedRight": "_shiftedRight_auptx1_241",
29
+ "shiftedTop": "_shiftedTop_auptx1_244",
30
+ "shiftedBottom": "_shiftedBottom_auptx1_247"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,22 +1,22 @@
1
- ._light_18aw4si_6{
1
+ ._light_auptx1_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._dark_18aw4si_9{
4
+ ._dark_auptx1_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._flatRight_18aw4si_13{
7
+ ._flatRight_auptx1_13{
8
8
  --_rs-button-top-right-border-radius-or-initial:0px;
9
9
  --_rs-button-bottom-right-border-radius-or-initial:0px;
10
10
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
11
11
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
12
12
  }
13
- ._flatLeft_18aw4si_16{
13
+ ._flatLeft_auptx1_16{
14
14
  --_rs-button-top-left-border-radius-or-initial:0px;
15
15
  --_rs-button-bottom-left-border-radius-or-initial:0px;
16
16
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
17
17
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
18
18
  }
19
- ._sizeXs_18aw4si_20{
19
+ ._sizeXs_auptx1_20{
20
20
  --_rs-typography-letter-spacing:0.0045em;
21
21
  --_rs-typography-text-transform:initial;
22
22
  --_rs-typography-font-variant-numeric:initial;
@@ -63,7 +63,7 @@
63
63
  --_rs-button-icon-offset:8px;
64
64
  --_rs-button-icon-margin-top:2px;
65
65
  }
66
- ._sizeS_18aw4si_23{
66
+ ._sizeS_auptx1_23{
67
67
  --_rs-typography-letter-spacing:0.0045em;
68
68
  --_rs-typography-text-transform:initial;
69
69
  --_rs-typography-font-variant-numeric:initial;
@@ -110,7 +110,7 @@
110
110
  --_rs-button-icon-offset:8px;
111
111
  --_rs-button-icon-margin-top:0px;
112
112
  }
113
- ._sizeM_18aw4si_26{
113
+ ._sizeM_auptx1_26{
114
114
  --_rs-typography-letter-spacing:0.0015em;
115
115
  --_rs-typography-text-transform:initial;
116
116
  --_rs-typography-font-variant-numeric:initial;
@@ -145,11 +145,11 @@
145
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
146
  }
147
147
  @media screen and (max-width: 640px){
148
- ._sizeM_18aw4si_26{
148
+ ._sizeM_auptx1_26{
149
149
  --_rs-typography-list-li-margin-top-from-text:12px;
150
150
  }
151
151
  }
152
- ._sizeM_18aw4si_26 {
152
+ ._sizeM_auptx1_26 {
153
153
  --_rs-button-border-radius-base:var(
154
154
  --rs-button-m-border-radius,
155
155
  var(--rs-button-border-radius, 20px)
@@ -164,7 +164,7 @@
164
164
  --_rs-button-icon-offset:8px;
165
165
  --_rs-button-icon-margin-top:0px;
166
166
  }
167
- ._sizeL_18aw4si_29{
167
+ ._sizeL_auptx1_29{
168
168
  --_rs-typography-letter-spacing:normal;
169
169
  --_rs-typography-text-transform:initial;
170
170
  --_rs-typography-font-variant-numeric:initial;
@@ -199,11 +199,11 @@
199
199
  --_rs-typography-link-border-bottom-width-from-text:1px;
200
200
  }
201
201
  @media screen and (max-width: 640px){
202
- ._sizeL_18aw4si_29{
202
+ ._sizeL_auptx1_29{
203
203
  --_rs-typography-list-li-margin-top-from-text:16px;
204
204
  }
205
205
  }
206
- ._sizeL_18aw4si_29 {
206
+ ._sizeL_auptx1_29 {
207
207
  --_rs-button-border-radius-base:var(
208
208
  --rs-button-l-border-radius,
209
209
  var(--rs-button-border-radius, 26px)
@@ -218,7 +218,7 @@
218
218
  --_rs-button-icon-offset:16px;
219
219
  --_rs-button-icon-margin-top:0px;
220
220
  }
221
- ._modeClassic_18aw4si_33{
221
+ ._modeClassic_auptx1_33{
222
222
  --_rs-button-inner-border-display:none;
223
223
  --_rs-button-color:#FFFFFF;
224
224
  --_rs-button-background:var(--_rs-color-primary);
@@ -230,7 +230,7 @@
230
230
  --_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);
231
231
  --_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);
232
232
  }
233
- ._modeRock_18aw4si_36{
233
+ ._modeRock_auptx1_36{
234
234
  --_rs-button-inner-border-display:none;
235
235
  --_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));
236
236
  --_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));
@@ -243,7 +243,7 @@
243
243
  --_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);
244
244
  --_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);
245
245
  }
246
- ._modeTransparent_18aw4si_39{
246
+ ._modeTransparent_auptx1_39{
247
247
  --_rs-button-inner-border-display:none;
248
248
  --_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));
249
249
  --_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);
@@ -255,7 +255,7 @@
255
255
  --_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);
256
256
  --_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);
257
257
  }
258
- ._modeOutline_18aw4si_42{
258
+ ._modeOutline_auptx1_42{
259
259
  --_rs-button-inner-border-display:block;
260
260
  --_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));
261
261
  --_rs-button-background:transparent;
@@ -267,7 +267,7 @@
267
267
  --_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);
268
268
  --_rs-button-disabled-background:transparent;
269
269
  }
270
- ._modeClear_18aw4si_45{
270
+ ._modeClear_auptx1_45{
271
271
  --_rs-button-inner-border-display:none;
272
272
  --_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));
273
273
  --_rs-button-background:transparent;
@@ -279,17 +279,17 @@
279
279
  --_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);
280
280
  --_rs-button-disabled-background:transparent;
281
281
  }
282
- ._alignIconLeft_18aw4si_49{
282
+ ._alignIconLeft_auptx1_49{
283
283
  --_rs-button-icon-flex-direction:row;
284
284
  --_rs-button-icon-position-multiplier-left:1;
285
285
  --_rs-button-icon-position-multiplier-right:0;
286
286
  }
287
- ._alignIconRight_18aw4si_52{
287
+ ._alignIconRight_auptx1_52{
288
288
  --_rs-button-icon-flex-direction:row-reverse;
289
289
  --_rs-button-icon-position-multiplier-left:0;
290
290
  --_rs-button-icon-position-multiplier-right:1;
291
291
  }
292
- ._main_18aw4si_56{
292
+ ._main_auptx1_56{
293
293
  --_rs-theme-dark:var(
294
294
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
295
295
  var(--rs-theme-dark, 0)
@@ -299,7 +299,7 @@
299
299
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
300
300
  }
301
301
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
302
- ._main_18aw4si_56{
302
+ ._main_auptx1_56{
303
303
  --_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)));
304
304
  --_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)));
305
305
  --_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)));
@@ -308,7 +308,7 @@
308
308
  }
309
309
  }
310
310
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
311
- ._main_18aw4si_56{
311
+ ._main_auptx1_56{
312
312
  --_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);
313
313
  --_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));
314
314
  --_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));
@@ -316,7 +316,7 @@
316
316
  --_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));
317
317
  }
318
318
  }
319
- ._main_18aw4si_56 {
319
+ ._main_auptx1_56 {
320
320
  --_rs-button-border-radius:var(
321
321
  --_rs-button-top-left-border-radius-or-initial,
322
322
  var(--_rs-button-border-radius-base)
@@ -358,17 +358,16 @@
358
358
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
359
359
  font-feature-settings:'kern', 'liga', 'calt';
360
360
  }
361
- ._main_18aw4si_56 > p:not(:nth-child(1)),
362
- ._main_18aw4si_56 > pre:not(:nth-child(1)){
361
+ ._main_auptx1_56 > p:not(:nth-child(1)),
362
+ ._main_auptx1_56 > pre:not(:nth-child(1)){
363
363
  padding-top:var(--_rs-typography-auto-offset-or-initial);
364
364
  }
365
- ._main_18aw4si_56 {
365
+ ._main_auptx1_56 {
366
366
 
367
367
  --_rs-button-border-inner-width:1px;
368
368
  --_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);
369
369
 
370
370
  position:relative;
371
- z-index:1;
372
371
 
373
372
  display:inline-block;
374
373
 
@@ -396,19 +395,19 @@
396
395
 
397
396
  transition:color 100ms, background-color 100ms;
398
397
  }
399
- ._main_18aw4si_56:hover,
400
- ._main_18aw4si_56:focus,
401
- ._main_18aw4si_56:active{
398
+ ._main_auptx1_56:hover,
399
+ ._main_auptx1_56:focus,
400
+ ._main_auptx1_56:active{
402
401
  outline:none;
403
402
 
404
403
  text-decoration:none;
405
404
  }
406
- ._main_18aw4si_56:focus{
405
+ ._main_auptx1_56:focus{
407
406
  color:var(--_rs-button-color);
408
407
  background:var(--_rs-button-background);
409
408
  }
410
409
  @media (hover: hover){
411
- ._main_18aw4si_56:hover{
410
+ ._main_auptx1_56:hover{
412
411
  --_rs-button-border-inner-color:rgba(
413
412
  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),
414
413
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -418,21 +417,21 @@
418
417
  background:var(--_rs-button-hover-background);
419
418
  }
420
419
  }
421
- ._main_18aw4si_56:active{
420
+ ._main_auptx1_56:active{
422
421
  --_rs-button-border-inner-width:2px;
423
422
  --_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));
424
423
 
425
424
  color:var(--_rs-button-color);
426
425
  background:var(--_rs-button-active-background);
427
426
  }
428
- ._main_18aw4si_56:focus[data-focus-method='key']{
427
+ ._main_auptx1_56:focus[data-focus-method='key']{
429
428
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
430
429
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
431
430
  }
432
- ._main_18aw4si_56:active:not(:hover):focus[data-focus-method='key']{
431
+ ._main_auptx1_56:active:not(:hover):focus[data-focus-method='key']{
433
432
  background:var(--_rs-button-active-focus-visible-no-hover-background);
434
433
  }
435
- ._main_18aw4si_56._disabled_18aw4si_132{
434
+ ._main_auptx1_56._disabled_auptx1_131{
436
435
  --_rs-button-border-inner-color:rgba(
437
436
  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),
438
437
  0.2
@@ -441,10 +440,10 @@
441
440
  color:var(--_rs-button-disabled-color);
442
441
  background:var(--_rs-button-disabled-background);
443
442
  }
444
- ._main_18aw4si_56._busy_18aw4si_142{
443
+ ._main_auptx1_56._busy_auptx1_141{
445
444
  pointer-events:none;
446
445
  }
447
- ._main_18aw4si_56._busyOverlay_18aw4si_146{
446
+ ._main_auptx1_56._busyOverlay_auptx1_145{
448
447
  display:-webkit-inline-box;
449
448
  display:-ms-inline-flexbox;
450
449
  display:inline-flex;
@@ -455,11 +454,11 @@
455
454
  -ms-flex-align:center;
456
455
  align-items:center;
457
456
  }
458
- ._main_18aw4si_56._busyOverlay_18aw4si_146,
459
- ._main_18aw4si_56._busyOverlay_18aw4si_146:hover,
460
- ._main_18aw4si_56._busyOverlay_18aw4si_146:active,
461
- ._main_18aw4si_56._busyOverlay_18aw4si_146._disabled_18aw4si_132,
462
- ._main_18aw4si_56._busyOverlay_18aw4si_146:focus{
457
+ ._main_auptx1_56._busyOverlay_auptx1_145,
458
+ ._main_auptx1_56._busyOverlay_auptx1_145:hover,
459
+ ._main_auptx1_56._busyOverlay_auptx1_145:active,
460
+ ._main_auptx1_56._busyOverlay_auptx1_145._disabled_auptx1_131,
461
+ ._main_auptx1_56._busyOverlay_auptx1_145:focus{
463
462
  -webkit-user-select:none;
464
463
  -moz-user-select:none;
465
464
  -ms-user-select:none;
@@ -467,7 +466,7 @@
467
466
 
468
467
  color:transparent;
469
468
  }
470
- ._main_18aw4si_56::before{
469
+ ._main_auptx1_56::before{
471
470
  position:absolute;
472
471
  top:0;
473
472
  right:0;
@@ -486,16 +485,16 @@
486
485
 
487
486
  transition:border-color 100ms;
488
487
  }
489
- ._disabled_18aw4si_132{
488
+ ._disabled_auptx1_131{
490
489
  pointer-events:none;
491
490
  }
492
- ._allowMultiline_18aw4si_186{
491
+ ._allowMultiline_auptx1_185{
493
492
  white-space:normal;
494
493
  }
495
- ._multiline_18aw4si_190{
494
+ ._multiline_auptx1_189{
496
495
  border-radius:var(--_rs-button-multiline-border-radius);
497
496
  }
498
- ._withoutText_18aw4si_194{
497
+ ._withoutText_auptx1_193{
499
498
  display:-webkit-inline-box;
500
499
  display:-ms-inline-flexbox;
501
500
  display:inline-flex;
@@ -508,7 +507,7 @@
508
507
 
509
508
  padding:var(--_rs-button-vertical-padding);
510
509
  }
511
- ._withIcon_18aw4si_202{
510
+ ._withIcon_auptx1_201{
512
511
  display:-webkit-inline-box;
513
512
  display:-ms-inline-flexbox;
514
513
  display:inline-flex;
@@ -523,17 +522,17 @@
523
522
  -ms-flex-align:center;
524
523
  align-items:center;
525
524
  }
526
- ._withIcon_18aw4si_202 ._icon_18aw4si_208{
525
+ ._withIcon_auptx1_201 ._icon_auptx1_207{
527
526
  width:auto;
528
527
  height:var(--_rs-button-icon-size);
529
528
 
530
529
  margin:var(--_rs-button-icon-margin-top) var(--_rs-button-icon-margin-right) 0 var(--_rs-button-icon-margin-left);
531
530
  fill:currentColor;
532
531
  }
533
- ._withIcon_18aw4si_202._withoutText_18aw4si_194 ._icon_18aw4si_208{
532
+ ._withIcon_auptx1_201._withoutText_auptx1_193 ._icon_auptx1_207{
534
533
  margin:0;
535
534
  }
536
- ._busyIcon_18aw4si_222{
535
+ ._busyIcon_auptx1_221{
537
536
  position:absolute;
538
537
  top:50%;
539
538
  left:50%;
@@ -542,21 +541,21 @@
542
541
 
543
542
  transform:translate(-50%, -50%);
544
543
  }
545
- ._main_18aw4si_56 ._busyIcon_18aw4si_222{
544
+ ._main_auptx1_56 ._busyIcon_auptx1_221{
546
545
  color:var(--_rs-button-color);
547
546
  }
548
- ._main_18aw4si_56._disabled_18aw4si_132 ._busyIcon_18aw4si_222{
547
+ ._main_auptx1_56._disabled_auptx1_131 ._busyIcon_auptx1_221{
549
548
  color:var(--_rs-button-disabled-color);
550
549
  }
551
- ._shiftedLeft_18aw4si_239{
550
+ ._shiftedLeft_auptx1_238{
552
551
  margin-left:calc(var(--_rs-button-horizontal-padding)*-1);
553
552
  }
554
- ._shiftedRight_18aw4si_242{
553
+ ._shiftedRight_auptx1_241{
555
554
  margin-right:calc(var(--_rs-button-horizontal-padding)*-1);
556
555
  }
557
- ._shiftedTop_18aw4si_245{
556
+ ._shiftedTop_auptx1_244{
558
557
  margin-top:calc(var(--_rs-button-vertical-padding)*-1);
559
558
  }
560
- ._shiftedBottom_18aw4si_248{
559
+ ._shiftedBottom_auptx1_247{
561
560
  margin-bottom:calc(var(--_rs-button-vertical-padding)*-1);
562
561
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.15.4",
3
+ "version": "0.15.5-RUI-201-Support-css-modules-in-typography-f33bc767.13+f33bc767",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,8 +15,8 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/icons": "^0.16.1",
19
- "@rescui/use-resize-observer": "^0.2.0",
18
+ "@rescui/icons": "0.16.2-RUI-201-Support-css-modules-in-typography-f33bc767.25+f33bc767",
19
+ "@rescui/use-resize-observer": "0.2.1-RUI-201-Support-css-modules-in-typography-f33bc767.27+f33bc767",
20
20
  "classnames": "^2.2.6",
21
21
  "core-js": "^3.9.1"
22
22
  },
@@ -26,15 +26,16 @@
26
26
  "react": ">=16.8.0 <19"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.2.0",
30
- "@rescui/scripts": "^0.3.0",
31
- "@rescui/typography": "^0.16.1",
32
- "@rescui/visual-regression": "^0.1.1",
29
+ "@rescui/colors": "0.2.1-RUI-201-Support-css-modules-in-typography-f33bc767.27+f33bc767",
30
+ "@rescui/scripts": "0.3.1",
31
+ "@rescui/typography": "0.16.2-RUI-201-Support-css-modules-in-typography-f33bc767.25+f33bc767",
32
+ "@rescui/visual-regression": "0.1.2",
33
33
  "@types/classnames": "^2.2.11"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build && yarn run build-pcss-api",
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
- "gitHead": "9e3cda293dd647e028ff4bd229fbd83e2d7a375e"
39
+ "nx": {},
40
+ "gitHead": "f33bc767b1ada744d5c50c7394a5e6e06d540baa"
40
41
  }