@rescui/button 0.15.1 → 0.15.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 (5) hide show
  1. package/lib/button.p.module.css.js +29 -29
  2. package/lib/index.css +65 -62
  3. package/lib/public-api.p.css +3 -3
  4. package/lib/public-api.pcss +3 -3
  5. package/package.json +2 -2
package/lib/button.p.module.css.js CHANGED
@@ -1,32 +1,32 @@
1
1
  var styles = {
2
- "light": "_light_19iheuo_6",
3
- "dark": "_dark_19iheuo_9",
4
- "flatRight": "_flatRight_19iheuo_13",
5
- "flatLeft": "_flatLeft_19iheuo_16",
6
- "sizeXs": "_sizeXs_19iheuo_20",
7
- "sizeS": "_sizeS_19iheuo_23",
8
- "sizeM": "_sizeM_19iheuo_26",
9
- "sizeL": "_sizeL_19iheuo_29",
10
- "modeClassic": "_modeClassic_19iheuo_33",
11
- "modeRock": "_modeRock_19iheuo_36",
12
- "modeTransparent": "_modeTransparent_19iheuo_39",
13
- "modeOutline": "_modeOutline_19iheuo_42",
14
- "modeClear": "_modeClear_19iheuo_45",
15
- "alignIconLeft": "_alignIconLeft_19iheuo_49",
16
- "alignIconRight": "_alignIconRight_19iheuo_52",
17
- "main": "_main_19iheuo_56",
18
- "disabled": "_disabled_19iheuo_141",
19
- "busy": "_busy_19iheuo_148",
20
- "busyOverlay": "_busyOverlay_19iheuo_152",
21
- "allowMultiline": "_allowMultiline_19iheuo_173",
22
- "multiline": "_multiline_19iheuo_177",
23
- "withoutText": "_withoutText_19iheuo_181",
24
- "withIcon": "_withIcon_19iheuo_197",
25
- "icon": "_icon_19iheuo_203",
26
- "busyIcon": "_busyIcon_19iheuo_217",
27
- "shiftedLeft": "_shiftedLeft_19iheuo_234",
28
- "shiftedRight": "_shiftedRight_19iheuo_237",
29
- "shiftedTop": "_shiftedTop_19iheuo_240",
30
- "shiftedBottom": "_shiftedBottom_19iheuo_243"
2
+ "light": "_light_1jyvgzb_6",
3
+ "dark": "_dark_1jyvgzb_9",
4
+ "flatRight": "_flatRight_1jyvgzb_13",
5
+ "flatLeft": "_flatLeft_1jyvgzb_16",
6
+ "sizeXs": "_sizeXs_1jyvgzb_20",
7
+ "sizeS": "_sizeS_1jyvgzb_23",
8
+ "sizeM": "_sizeM_1jyvgzb_26",
9
+ "sizeL": "_sizeL_1jyvgzb_29",
10
+ "modeClassic": "_modeClassic_1jyvgzb_33",
11
+ "modeRock": "_modeRock_1jyvgzb_36",
12
+ "modeTransparent": "_modeTransparent_1jyvgzb_39",
13
+ "modeOutline": "_modeOutline_1jyvgzb_42",
14
+ "modeClear": "_modeClear_1jyvgzb_45",
15
+ "alignIconLeft": "_alignIconLeft_1jyvgzb_49",
16
+ "alignIconRight": "_alignIconRight_1jyvgzb_52",
17
+ "main": "_main_1jyvgzb_56",
18
+ "disabled": "_disabled_1jyvgzb_141",
19
+ "busy": "_busy_1jyvgzb_148",
20
+ "busyOverlay": "_busyOverlay_1jyvgzb_152",
21
+ "allowMultiline": "_allowMultiline_1jyvgzb_173",
22
+ "multiline": "_multiline_1jyvgzb_177",
23
+ "withoutText": "_withoutText_1jyvgzb_181",
24
+ "withIcon": "_withIcon_1jyvgzb_197",
25
+ "icon": "_icon_1jyvgzb_203",
26
+ "busyIcon": "_busyIcon_1jyvgzb_217",
27
+ "shiftedLeft": "_shiftedLeft_1jyvgzb_234",
28
+ "shiftedRight": "_shiftedRight_1jyvgzb_237",
29
+ "shiftedTop": "_shiftedTop_1jyvgzb_240",
30
+ "shiftedBottom": "_shiftedBottom_1jyvgzb_243"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,22 +1,22 @@
1
- ._light_19iheuo_6{
1
+ ._light_1jyvgzb_6{
2
2
  --rs-theme-dark:0;
3
3
  }
4
- ._dark_19iheuo_9{
4
+ ._dark_1jyvgzb_9{
5
5
  --rs-theme-dark:1;
6
6
  }
7
- ._flatRight_19iheuo_13{
7
+ ._flatRight_1jyvgzb_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_19iheuo_16{
13
+ ._flatLeft_1jyvgzb_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_19iheuo_20{
19
+ ._sizeXs_1jyvgzb_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_19iheuo_23{
66
+ ._sizeS_1jyvgzb_23{
67
67
  --_rs-typography-letter-spacing:0.0045em;
68
68
  --_rs-typography-text-transform:initial;
69
69
  --_rs-typography-font-variant-numeric:initial;
@@ -98,7 +98,7 @@
98
98
  --_rs-typography-link-border-bottom-width-from-text:1px;
99
99
  --_rs-button-border-radius-base:var(
100
100
  --rs-button-s-border-radius,
101
- var(--rs-button-border-radius, 24px)
101
+ var(--rs-button-border-radius, 16px)
102
102
  );
103
103
  --_rs-button-multiline-border-radius-base:var(
104
104
  --rs-button-s-multiline-border-radius,
@@ -110,7 +110,7 @@
110
110
  --_rs-button-icon-offset:8px;
111
111
  --_rs-button-icon-margin-top:0px;
112
112
  }
113
- ._sizeM_19iheuo_26{
113
+ ._sizeM_1jyvgzb_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,14 +145,14 @@
145
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
146
  }
147
147
  @media screen and (max-width: 640px){
148
- ._sizeM_19iheuo_26{
148
+ ._sizeM_1jyvgzb_26{
149
149
  --_rs-typography-list-li-margin-top-from-text:12px;
150
150
  }
151
151
  }
152
- ._sizeM_19iheuo_26 {
152
+ ._sizeM_1jyvgzb_26 {
153
153
  --_rs-button-border-radius-base:var(
154
154
  --rs-button-m-border-radius,
155
- var(--rs-button-border-radius, 24px)
155
+ var(--rs-button-border-radius, 20px)
156
156
  );
157
157
  --_rs-button-multiline-border-radius-base:var(
158
158
  --rs-button-m-multiline-border-radius,
@@ -164,7 +164,7 @@
164
164
  --_rs-button-icon-offset:8px;
165
165
  --_rs-button-icon-margin-top:0px;
166
166
  }
167
- ._sizeL_19iheuo_29{
167
+ ._sizeL_1jyvgzb_29{
168
168
  --_rs-typography-letter-spacing:normal;
169
169
  --_rs-typography-text-transform:initial;
170
170
  --_rs-typography-font-variant-numeric:initial;
@@ -199,14 +199,14 @@
199
199
  --_rs-typography-link-border-bottom-width-from-text:1px;
200
200
  }
201
201
  @media screen and (max-width: 640px){
202
- ._sizeL_19iheuo_29{
202
+ ._sizeL_1jyvgzb_29{
203
203
  --_rs-typography-list-li-margin-top-from-text:16px;
204
204
  }
205
205
  }
206
- ._sizeL_19iheuo_29 {
206
+ ._sizeL_1jyvgzb_29 {
207
207
  --_rs-button-border-radius-base:var(
208
208
  --rs-button-l-border-radius,
209
- var(--rs-button-border-radius, 36px)
209
+ var(--rs-button-border-radius, 26px)
210
210
  );
211
211
  --_rs-button-multiline-border-radius-base:var(
212
212
  --rs-button-l-multiline-border-radius,
@@ -218,7 +218,7 @@
218
218
  --_rs-button-icon-offset:16px;
219
219
  --_rs-button-icon-margin-top:0px;
220
220
  }
221
- ._modeClassic_19iheuo_33{
221
+ ._modeClassic_1jyvgzb_33{
222
222
  --_rs-button-border-width:0px;
223
223
  --_rs-button-active-border-width:0px;
224
224
  --_rs-button-color:#FFFFFF;
@@ -229,7 +229,7 @@
229
229
  --_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);
230
230
  --_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);
231
231
  }
232
- ._modeRock_19iheuo_36{
232
+ ._modeRock_1jyvgzb_36{
233
233
  --_rs-button-border-width:0px;
234
234
  --_rs-button-active-border-width:0px;
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));
@@ -240,7 +240,7 @@
240
240
  --_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);
241
241
  --_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);
242
242
  }
243
- ._modeTransparent_19iheuo_39{
243
+ ._modeTransparent_1jyvgzb_39{
244
244
  --_rs-button-border-width:0px;
245
245
  --_rs-button-active-border-width:0px;
246
246
  --_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));
@@ -251,7 +251,7 @@
251
251
  --_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);
252
252
  --_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);
253
253
  }
254
- ._modeOutline_19iheuo_42{
254
+ ._modeOutline_1jyvgzb_42{
255
255
  --_rs-button-border-width:1px;
256
256
  --_rs-button-active-border-width:2px;
257
257
  --_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));
@@ -262,7 +262,7 @@
262
262
  --_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);
263
263
  --_rs-button-disabled-background:transparent;
264
264
  }
265
- ._modeClear_19iheuo_45{
265
+ ._modeClear_1jyvgzb_45{
266
266
  --_rs-button-border-width:0px;
267
267
  --_rs-button-active-border-width:0px;
268
268
  --_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,17 +273,17 @@
273
273
  --_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);
274
274
  --_rs-button-disabled-background:transparent;
275
275
  }
276
- ._alignIconLeft_19iheuo_49{
276
+ ._alignIconLeft_1jyvgzb_49{
277
277
  --_rs-button-icon-flex-direction:row;
278
278
  --_rs-button-icon-position-multiplier-left:1;
279
279
  --_rs-button-icon-position-multiplier-right:0;
280
280
  }
281
- ._alignIconRight_19iheuo_52{
281
+ ._alignIconRight_1jyvgzb_52{
282
282
  --_rs-button-icon-flex-direction:row-reverse;
283
283
  --_rs-button-icon-position-multiplier-left:0;
284
284
  --_rs-button-icon-position-multiplier-right:1;
285
285
  }
286
- ._main_19iheuo_56{
286
+ ._main_1jyvgzb_56{
287
287
  --_rs-theme-dark:var(
288
288
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
289
289
  var(--rs-theme-dark, 0)
@@ -293,7 +293,7 @@
293
293
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
294
294
  }
295
295
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
296
- ._main_19iheuo_56{
296
+ ._main_1jyvgzb_56{
297
297
  --_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)));
298
298
  --_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)));
299
299
  --_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)));
@@ -302,7 +302,7 @@
302
302
  }
303
303
  }
304
304
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
305
- ._main_19iheuo_56{
305
+ ._main_1jyvgzb_56{
306
306
  --_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);
307
307
  --_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));
308
308
  --_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));
@@ -310,7 +310,7 @@
310
310
  --_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));
311
311
  }
312
312
  }
313
- ._main_19iheuo_56 {
313
+ ._main_1jyvgzb_56 {
314
314
  --_rs-button-border-radius:var(
315
315
  --_rs-button-top-left-border-radius-or-initial,
316
316
  var(--_rs-button-border-radius-base)
@@ -352,11 +352,11 @@
352
352
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
353
353
  font-feature-settings:'kern', 'liga', 'calt';
354
354
  }
355
- ._main_19iheuo_56 > p:not(:nth-child(1)),
356
- ._main_19iheuo_56 > pre:not(:nth-child(1)){
355
+ ._main_1jyvgzb_56 > p:not(:nth-child(1)),
356
+ ._main_1jyvgzb_56 > pre:not(:nth-child(1)){
357
357
  padding-top:var(--_rs-typography-auto-offset-or-initial);
358
358
  }
359
- ._main_19iheuo_56 {
359
+ ._main_1jyvgzb_56 {
360
360
 
361
361
  position:relative;
362
362
  z-index:1;
@@ -387,19 +387,19 @@
387
387
 
388
388
  transition:color 100ms, background-color 100ms, border-color 100ms;
389
389
  }
390
- ._main_19iheuo_56:hover,
391
- ._main_19iheuo_56:focus,
392
- ._main_19iheuo_56:active{
390
+ ._main_1jyvgzb_56:hover,
391
+ ._main_1jyvgzb_56:focus,
392
+ ._main_1jyvgzb_56:active{
393
393
  outline:none;
394
394
 
395
395
  text-decoration:none;
396
396
  }
397
- ._main_19iheuo_56:focus{
397
+ ._main_1jyvgzb_56:focus{
398
398
  color:var(--_rs-button-color);
399
399
  background:var(--_rs-button-background);
400
400
  }
401
401
  @media (hover: hover){
402
- ._main_19iheuo_56:hover{
402
+ ._main_1jyvgzb_56:hover{
403
403
  border-color:rgba(
404
404
  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),
405
405
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -409,7 +409,7 @@
409
409
  background:var(--_rs-button-hover-background);
410
410
  }
411
411
  }
412
- ._main_19iheuo_56:active{
412
+ ._main_1jyvgzb_56:active{
413
413
  padding:calc(var(--_rs-button-vertical-padding) - var(--_rs-button-active-border-width)) calc(var(--_rs-button-horizontal-padding) - var(--_rs-button-active-border-width));
414
414
 
415
415
  border-width:var(--_rs-button-active-border-width);
@@ -418,23 +418,23 @@
418
418
  color:var(--_rs-button-color);
419
419
  background:var(--_rs-button-active-background);
420
420
  }
421
- ._main_19iheuo_56:focus[data-focus-method='key']{
421
+ ._main_1jyvgzb_56:focus[data-focus-method='key']{
422
422
  -webkit-box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
423
423
  box-shadow:var(--_rs-color-primary-t-dim) 0 0 0 4px;
424
424
  }
425
- ._main_19iheuo_56:active:focus:not(:hover)[data-focus-method='key']{
425
+ ._main_1jyvgzb_56:active:focus:not(:hover)[data-focus-method='key']{
426
426
  background:var(--_rs-button-focus-background);
427
427
  }
428
- ._main_19iheuo_56._disabled_19iheuo_141{
428
+ ._main_1jyvgzb_56._disabled_1jyvgzb_141{
429
429
  border-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.2);
430
430
 
431
431
  color:var(--_rs-button-disabled-color);
432
432
  background:var(--_rs-button-disabled-background);
433
433
  }
434
- ._main_19iheuo_56._busy_19iheuo_148{
434
+ ._main_1jyvgzb_56._busy_1jyvgzb_148{
435
435
  pointer-events:none;
436
436
  }
437
- ._main_19iheuo_56._busyOverlay_19iheuo_152{
437
+ ._main_1jyvgzb_56._busyOverlay_1jyvgzb_152{
438
438
  display:-webkit-inline-box;
439
439
  display:-ms-inline-flexbox;
440
440
  display:inline-flex;
@@ -445,25 +445,28 @@
445
445
  -ms-flex-align:center;
446
446
  align-items:center;
447
447
  }
448
- ._main_19iheuo_56._busyOverlay_19iheuo_152._light_19iheuo_6,
449
- ._main_19iheuo_56._busyOverlay_19iheuo_152._light_19iheuo_6:hover,
450
- ._main_19iheuo_56._busyOverlay_19iheuo_152._light_19iheuo_6._disabled_19iheuo_141,
451
- ._main_19iheuo_56._busyOverlay_19iheuo_152._dark_19iheuo_9._disabled_19iheuo_141,
452
- ._main_19iheuo_56._busyOverlay_19iheuo_152._dark_19iheuo_9,
453
- ._main_19iheuo_56._busyOverlay_19iheuo_152._dark_19iheuo_9:focus,
454
- ._main_19iheuo_56._busyOverlay_19iheuo_152._dark_19iheuo_9:hover{
448
+ ._main_1jyvgzb_56._busyOverlay_1jyvgzb_152,
449
+ ._main_1jyvgzb_56._busyOverlay_1jyvgzb_152:hover,
450
+ ._main_1jyvgzb_56._busyOverlay_1jyvgzb_152:active,
451
+ ._main_1jyvgzb_56._busyOverlay_1jyvgzb_152._disabled_1jyvgzb_141,
452
+ ._main_1jyvgzb_56._busyOverlay_1jyvgzb_152:focus{
453
+ -webkit-user-select:none;
454
+ -moz-user-select:none;
455
+ -ms-user-select:none;
456
+ user-select:none;
457
+
455
458
  color:transparent;
456
459
  }
457
- ._disabled_19iheuo_141{
460
+ ._disabled_1jyvgzb_141{
458
461
  pointer-events:none;
459
462
  }
460
- ._allowMultiline_19iheuo_173{
463
+ ._allowMultiline_1jyvgzb_173{
461
464
  white-space:normal;
462
465
  }
463
- ._multiline_19iheuo_177{
466
+ ._multiline_1jyvgzb_177{
464
467
  border-radius:var(--_rs-button-multiline-border-radius);
465
468
  }
466
- ._withoutText_19iheuo_181{
469
+ ._withoutText_1jyvgzb_181{
467
470
  display:-webkit-inline-box;
468
471
  display:-ms-inline-flexbox;
469
472
  display:inline-flex;
@@ -476,10 +479,10 @@
476
479
 
477
480
  padding:calc(var(--_rs-button-vertical-padding) - var(--_rs-button-border-width));
478
481
  }
479
- ._withoutText_19iheuo_181:active{
482
+ ._withoutText_1jyvgzb_181:active{
480
483
  padding:calc(var(--_rs-button-vertical-padding) - var(--_rs-button-active-border-width));
481
484
  }
482
- ._withIcon_19iheuo_197{
485
+ ._withIcon_1jyvgzb_197{
483
486
  display:-webkit-inline-box;
484
487
  display:-ms-inline-flexbox;
485
488
  display:inline-flex;
@@ -494,17 +497,17 @@
494
497
  -ms-flex-align:center;
495
498
  align-items:center;
496
499
  }
497
- ._withIcon_19iheuo_197 ._icon_19iheuo_203{
500
+ ._withIcon_1jyvgzb_197 ._icon_1jyvgzb_203{
498
501
  width:auto;
499
502
  height:var(--_rs-button-icon-size);
500
503
 
501
504
  margin:var(--_rs-button-icon-margin-top) var(--_rs-button-icon-margin-right) 0 var(--_rs-button-icon-margin-left);
502
505
  fill:currentColor;
503
506
  }
504
- ._withIcon_19iheuo_197._withoutText_19iheuo_181 ._icon_19iheuo_203{
507
+ ._withIcon_1jyvgzb_197._withoutText_1jyvgzb_181 ._icon_1jyvgzb_203{
505
508
  margin:0;
506
509
  }
507
- ._busyIcon_19iheuo_217{
510
+ ._busyIcon_1jyvgzb_217{
508
511
  position:absolute;
509
512
  top:50%;
510
513
  left:50%;
@@ -513,21 +516,21 @@
513
516
 
514
517
  transform:translate(-50%, -50%);
515
518
  }
516
- ._main_19iheuo_56 ._busyIcon_19iheuo_217{
519
+ ._main_1jyvgzb_56 ._busyIcon_1jyvgzb_217{
517
520
  color:var(--_rs-button-color);
518
521
  }
519
- ._main_19iheuo_56._disabled_19iheuo_141 ._busyIcon_19iheuo_217{
522
+ ._main_1jyvgzb_56._disabled_1jyvgzb_141 ._busyIcon_1jyvgzb_217{
520
523
  color:var(--_rs-button-disabled-color);
521
524
  }
522
- ._shiftedLeft_19iheuo_234{
525
+ ._shiftedLeft_1jyvgzb_234{
523
526
  margin-left:calc(var(--_rs-button-horizontal-padding)*-1);
524
527
  }
525
- ._shiftedRight_19iheuo_237{
528
+ ._shiftedRight_1jyvgzb_237{
526
529
  margin-right:calc(var(--_rs-button-horizontal-padding)*-1);
527
530
  }
528
- ._shiftedTop_19iheuo_240{
531
+ ._shiftedTop_1jyvgzb_240{
529
532
  margin-top:calc(var(--_rs-button-vertical-padding)*-1);
530
533
  }
531
- ._shiftedBottom_19iheuo_243{
534
+ ._shiftedBottom_1jyvgzb_243{
532
535
  margin-bottom:calc(var(--_rs-button-vertical-padding)*-1);
533
536
  }
package/lib/public-api.p.css CHANGED
@@ -83,7 +83,7 @@
83
83
  --_rs-typography-link-border-bottom-width-from-text:1px;
84
84
  --_rs-button-border-radius-base:var(
85
85
  --rs-button-s-border-radius,
86
- var(--rs-button-border-radius, 24px)
86
+ var(--rs-button-border-radius, 16px)
87
87
  );
88
88
  --_rs-button-multiline-border-radius-base:var(
89
89
  --rs-button-s-multiline-border-radius,
@@ -139,7 +139,7 @@
139
139
  &:not(html){
140
140
  --_rs-button-border-radius-base:var(
141
141
  --rs-button-m-border-radius,
142
- var(--rs-button-border-radius, 24px)
142
+ var(--rs-button-border-radius, 20px)
143
143
  );
144
144
  --_rs-button-multiline-border-radius-base:var(
145
145
  --rs-button-m-multiline-border-radius,
@@ -195,7 +195,7 @@
195
195
  &:not(html){
196
196
  --_rs-button-border-radius-base:var(
197
197
  --rs-button-l-border-radius,
198
- var(--rs-button-border-radius, 36px)
198
+ var(--rs-button-border-radius, 26px)
199
199
  );
200
200
  --_rs-button-multiline-border-radius-base:var(
201
201
  --rs-button-l-multiline-border-radius,
package/lib/public-api.pcss CHANGED
@@ -83,7 +83,7 @@
83
83
  --_rs-typography-link-border-bottom-width-from-text:1px;
84
84
  --_rs-button-border-radius-base:var(
85
85
  --rs-button-s-border-radius,
86
- var(--rs-button-border-radius, 24px)
86
+ var(--rs-button-border-radius, 16px)
87
87
  );
88
88
  --_rs-button-multiline-border-radius-base:var(
89
89
  --rs-button-s-multiline-border-radius,
@@ -139,7 +139,7 @@
139
139
  &:not(html){
140
140
  --_rs-button-border-radius-base:var(
141
141
  --rs-button-m-border-radius,
142
- var(--rs-button-border-radius, 24px)
142
+ var(--rs-button-border-radius, 20px)
143
143
  );
144
144
  --_rs-button-multiline-border-radius-base:var(
145
145
  --rs-button-m-multiline-border-radius,
@@ -195,7 +195,7 @@
195
195
  &:not(html){
196
196
  --_rs-button-border-radius-base:var(
197
197
  --rs-button-l-border-radius,
198
- var(--rs-button-border-radius, 36px)
198
+ var(--rs-button-border-radius, 26px)
199
199
  );
200
200
  --_rs-button-multiline-border-radius-base:var(
201
201
  --rs-button-l-multiline-border-radius,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.15.1",
3
+ "version": "0.15.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -36,5 +36,5 @@
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": "6457f4265a1a30050b9f4cc1f0dd808c005d1ca0"
39
+ "gitHead": "73268bf009792a4c5565b66806ed063c0c503ba2"
40
40
  }