@rescui/button 0.17.0 → 0.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/button.p.module.css.js +29 -29
  3. package/lib/index.css +64 -64
  4. package/package.json +3 -3
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1g6zqe1_4",
3
- "sizeXS": "_sizeXS_1g6zqe1_14",
4
- "sizeS": "_sizeS_1g6zqe1_18",
5
- "sizeM": "_sizeM_1g6zqe1_22",
6
- "sizeL": "_sizeL_1g6zqe1_26",
7
- "light": "_light_1g6zqe1_30",
8
- "dark": "_dark_1g6zqe1_34"
2
+ "icon": "_icon_1hf44po_4",
3
+ "sizeXS": "_sizeXS_1hf44po_14",
4
+ "sizeS": "_sizeS_1hf44po_18",
5
+ "sizeM": "_sizeM_1hf44po_22",
6
+ "sizeL": "_sizeL_1hf44po_26",
7
+ "light": "_light_1hf44po_30",
8
+ "dark": "_dark_1hf44po_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_h5t57s_6",
3
- "dark": "_dark_h5t57s_9",
4
- "flatRight": "_flatRight_h5t57s_13",
5
- "flatLeft": "_flatLeft_h5t57s_16",
6
- "sizeXs": "_sizeXs_h5t57s_20",
7
- "sizeS": "_sizeS_h5t57s_23",
8
- "sizeM": "_sizeM_h5t57s_26",
9
- "sizeL": "_sizeL_h5t57s_29",
10
- "modeClassic": "_modeClassic_h5t57s_33",
11
- "modeRock": "_modeRock_h5t57s_36",
12
- "modeTransparent": "_modeTransparent_h5t57s_39",
13
- "modeOutline": "_modeOutline_h5t57s_42",
14
- "modeClear": "_modeClear_h5t57s_45",
15
- "alignIconLeft": "_alignIconLeft_h5t57s_49",
16
- "alignIconRight": "_alignIconRight_h5t57s_52",
17
- "main": "_main_h5t57s_56",
18
- "disabled": "_disabled_h5t57s_122",
19
- "busy": "_busy_h5t57s_132",
20
- "busyOverlay": "_busyOverlay_h5t57s_136",
21
- "allowMultiline": "_allowMultiline_h5t57s_176",
22
- "multiline": "_multiline_h5t57s_180",
23
- "withoutText": "_withoutText_h5t57s_184",
24
- "withIcon": "_withIcon_h5t57s_192",
25
- "icon": "_icon_h5t57s_198",
26
- "busyIcon": "_busyIcon_h5t57s_212",
27
- "shiftedLeft": "_shiftedLeft_h5t57s_229",
28
- "shiftedRight": "_shiftedRight_h5t57s_232",
29
- "shiftedTop": "_shiftedTop_h5t57s_235",
30
- "shiftedBottom": "_shiftedBottom_h5t57s_238"
2
+ "light": "_light_14w89nx_6",
3
+ "dark": "_dark_14w89nx_9",
4
+ "flatRight": "_flatRight_14w89nx_13",
5
+ "flatLeft": "_flatLeft_14w89nx_16",
6
+ "sizeXs": "_sizeXs_14w89nx_20",
7
+ "sizeS": "_sizeS_14w89nx_23",
8
+ "sizeM": "_sizeM_14w89nx_26",
9
+ "sizeL": "_sizeL_14w89nx_29",
10
+ "modeClassic": "_modeClassic_14w89nx_33",
11
+ "modeRock": "_modeRock_14w89nx_36",
12
+ "modeTransparent": "_modeTransparent_14w89nx_39",
13
+ "modeOutline": "_modeOutline_14w89nx_42",
14
+ "modeClear": "_modeClear_14w89nx_45",
15
+ "alignIconLeft": "_alignIconLeft_14w89nx_49",
16
+ "alignIconRight": "_alignIconRight_14w89nx_52",
17
+ "main": "_main_14w89nx_56",
18
+ "disabled": "_disabled_14w89nx_122",
19
+ "busy": "_busy_14w89nx_132",
20
+ "busyOverlay": "_busyOverlay_14w89nx_136",
21
+ "allowMultiline": "_allowMultiline_14w89nx_176",
22
+ "multiline": "_multiline_14w89nx_180",
23
+ "withoutText": "_withoutText_14w89nx_184",
24
+ "withIcon": "_withIcon_14w89nx_192",
25
+ "icon": "_icon_14w89nx_198",
26
+ "busyIcon": "_busyIcon_14w89nx_212",
27
+ "shiftedLeft": "_shiftedLeft_14w89nx_229",
28
+ "shiftedRight": "_shiftedRight_14w89nx_232",
29
+ "shiftedTop": "_shiftedTop_14w89nx_235",
30
+ "shiftedBottom": "_shiftedBottom_14w89nx_238"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1g6zqe1_4{
1
+ ._icon_1hf44po_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_1g6zqe1_4{
11
+ ._icon_1hf44po_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_1g6zqe1_4{
20
+ ._icon_1hf44po_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_1g6zqe1_4{
28
+ ._icon_1hf44po_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_1g6zqe1_14{
35
+ ._sizeXS_1hf44po_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1g6zqe1_18{
38
+ ._sizeS_1hf44po_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1g6zqe1_22{
41
+ ._sizeM_1hf44po_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1g6zqe1_26{
44
+ ._sizeL_1hf44po_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1g6zqe1_30{
47
+ ._light_1hf44po_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_1g6zqe1_34{
51
+ ._dark_1hf44po_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_h5t57s_6{
75
+ ._light_14w89nx_6{
76
76
  --rs-theme-dark:0;
77
77
  }
78
- ._dark_h5t57s_9{
78
+ ._dark_14w89nx_9{
79
79
  --rs-theme-dark:1;
80
80
  }
81
- ._flatRight_h5t57s_13{
81
+ ._flatRight_14w89nx_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_h5t57s_16{
87
+ ._flatLeft_14w89nx_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_h5t57s_20{
93
+ ._sizeXs_14w89nx_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_h5t57s_23{
140
+ ._sizeS_14w89nx_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_h5t57s_26{
187
+ ._sizeM_14w89nx_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_h5t57s_26{
222
+ ._sizeM_14w89nx_26{
223
223
  --_rs-typography-list-li-margin-top-from-text:12px;
224
224
  }
225
225
  }
226
- ._sizeM_h5t57s_26 {
226
+ ._sizeM_14w89nx_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_h5t57s_29{
241
+ ._sizeL_14w89nx_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_h5t57s_29{
276
+ ._sizeL_14w89nx_29{
277
277
  --_rs-typography-list-li-margin-top-from-text:16px;
278
278
  }
279
279
  }
280
- ._sizeL_h5t57s_29 {
280
+ ._sizeL_14w89nx_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_h5t57s_33{
295
+ ._modeClassic_14w89nx_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_h5t57s_36{
307
+ ._modeRock_14w89nx_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_h5t57s_39{
320
+ ._modeTransparent_14w89nx_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_h5t57s_42{
332
+ ._modeOutline_14w89nx_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_h5t57s_45{
344
+ ._modeClear_14w89nx_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_h5t57s_49{
356
+ ._alignIconLeft_14w89nx_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_h5t57s_52{
361
+ ._alignIconRight_14w89nx_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_h5t57s_56{
366
+ ._main_14w89nx_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_h5t57s_56{
376
+ ._main_14w89nx_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_h5t57s_56{
385
+ ._main_14w89nx_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_h5t57s_56 {
393
+ ._main_14w89nx_56 {
394
394
  --_rs-button-color-final:var(
395
395
  --_rs-button-color-from-state-active,
396
396
  var(--_rs-button-color-from-state-hover, var(--_rs-button-color))
@@ -483,19 +483,19 @@
483
483
 
484
484
  transition:color 100ms, background-color 100ms;
485
485
  }
486
- ._main_h5t57s_56:hover,
487
- ._main_h5t57s_56:focus,
488
- ._main_h5t57s_56:active{
486
+ ._main_14w89nx_56:hover,
487
+ ._main_14w89nx_56:focus,
488
+ ._main_14w89nx_56:active{
489
489
  outline:none;
490
490
 
491
491
  text-decoration:none;
492
492
  }
493
- ._main_h5t57s_56:focus{
493
+ ._main_14w89nx_56:focus{
494
494
  color:var(--_rs-button-color-final);
495
495
  background:var(--_rs-button-background-final);
496
496
  }
497
497
  @media (hover: hover){
498
- ._main_h5t57s_56:hover{
498
+ ._main_14w89nx_56:hover{
499
499
  --_rs-button-border-inner-color:rgba(
500
500
  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),
501
501
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -504,7 +504,7 @@
504
504
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
505
505
  }
506
506
  }
507
- ._main_h5t57s_56:active{
507
+ ._main_14w89nx_56:active{
508
508
  --_rs-button-border-inner-width:2px;
509
509
  --_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));
510
510
  --_rs-button-color-from-state-active:var(--_rs-button-color);
@@ -512,17 +512,17 @@
512
512
  --_rs-button-active-background
513
513
  );
514
514
  }
515
- ._main_h5t57s_56:focus[data-focus-method='key']{
515
+ ._main_14w89nx_56:focus[data-focus-method='key']{
516
516
  --_rs-button-box-shadow-from-state-focus-visible:var(
517
517
  --_rs-color-primary-t-dim
518
518
  ) 0 0 0 4px;
519
519
  }
520
- ._main_h5t57s_56:active:not(:hover):focus[data-focus-method='key']{
520
+ ._main_14w89nx_56:active:not(:hover):focus[data-focus-method='key']{
521
521
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
522
522
  --_rs-button-active-focus-visible-no-hover-background
523
523
  );
524
524
  }
525
- ._main_h5t57s_56._disabled_h5t57s_122{
525
+ ._main_14w89nx_56._disabled_14w89nx_122{
526
526
  --_rs-button-border-inner-color:rgba(
527
527
  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),
528
528
  0.2
@@ -531,10 +531,10 @@
531
531
  color:var(--_rs-button-disabled-color);
532
532
  background:var(--_rs-button-disabled-background);
533
533
  }
534
- ._main_h5t57s_56._busy_h5t57s_132{
534
+ ._main_14w89nx_56._busy_14w89nx_132{
535
535
  pointer-events:none;
536
536
  }
537
- ._main_h5t57s_56._busyOverlay_h5t57s_136{
537
+ ._main_14w89nx_56._busyOverlay_14w89nx_136{
538
538
  display:-webkit-inline-box;
539
539
  display:-ms-inline-flexbox;
540
540
  display:inline-flex;
@@ -545,11 +545,11 @@
545
545
  -ms-flex-align:center;
546
546
  align-items:center;
547
547
  }
548
- ._main_h5t57s_56._busyOverlay_h5t57s_136,
549
- ._main_h5t57s_56._busyOverlay_h5t57s_136:hover,
550
- ._main_h5t57s_56._busyOverlay_h5t57s_136:active,
551
- ._main_h5t57s_56._busyOverlay_h5t57s_136._disabled_h5t57s_122,
552
- ._main_h5t57s_56._busyOverlay_h5t57s_136:focus{
548
+ ._main_14w89nx_56._busyOverlay_14w89nx_136,
549
+ ._main_14w89nx_56._busyOverlay_14w89nx_136:hover,
550
+ ._main_14w89nx_56._busyOverlay_14w89nx_136:active,
551
+ ._main_14w89nx_56._busyOverlay_14w89nx_136._disabled_14w89nx_122,
552
+ ._main_14w89nx_56._busyOverlay_14w89nx_136:focus{
553
553
  -webkit-user-select:none;
554
554
  -moz-user-select:none;
555
555
  -ms-user-select:none;
@@ -557,7 +557,7 @@
557
557
 
558
558
  color:transparent;
559
559
  }
560
- ._main_h5t57s_56::before{
560
+ ._main_14w89nx_56::before{
561
561
  position:absolute;
562
562
  top:0;
563
563
  right:0;
@@ -576,16 +576,16 @@
576
576
 
577
577
  transition:border-color 100ms;
578
578
  }
579
- ._disabled_h5t57s_122{
579
+ ._disabled_14w89nx_122{
580
580
  pointer-events:none;
581
581
  }
582
- ._allowMultiline_h5t57s_176{
582
+ ._allowMultiline_14w89nx_176{
583
583
  white-space:normal;
584
584
  }
585
- ._multiline_h5t57s_180{
585
+ ._multiline_14w89nx_180{
586
586
  border-radius:var(--_rs-button-multiline-border-radius);
587
587
  }
588
- ._withoutText_h5t57s_184{
588
+ ._withoutText_14w89nx_184{
589
589
  display:-webkit-inline-box;
590
590
  display:-ms-inline-flexbox;
591
591
  display:inline-flex;
@@ -598,7 +598,7 @@
598
598
 
599
599
  padding:var(--_rs-button-vertical-padding);
600
600
  }
601
- ._withIcon_h5t57s_192{
601
+ ._withIcon_14w89nx_192{
602
602
  display:-webkit-inline-box;
603
603
  display:-ms-inline-flexbox;
604
604
  display:inline-flex;
@@ -613,17 +613,17 @@
613
613
  -ms-flex-align:center;
614
614
  align-items:center;
615
615
  }
616
- ._withIcon_h5t57s_192 ._icon_h5t57s_198{
616
+ ._withIcon_14w89nx_192 ._icon_14w89nx_198{
617
617
  width:auto;
618
618
  height:var(--_rs-button-icon-size);
619
619
 
620
620
  margin:var(--_rs-button-icon-margin-top) var(--_rs-button-icon-margin-right) 0 var(--_rs-button-icon-margin-left);
621
621
  fill:currentColor;
622
622
  }
623
- ._withIcon_h5t57s_192._withoutText_h5t57s_184 ._icon_h5t57s_198{
623
+ ._withIcon_14w89nx_192._withoutText_14w89nx_184 ._icon_14w89nx_198{
624
624
  margin:0;
625
625
  }
626
- ._busyIcon_h5t57s_212{
626
+ ._busyIcon_14w89nx_212{
627
627
  position:absolute;
628
628
  top:50%;
629
629
  left:50%;
@@ -632,21 +632,21 @@
632
632
 
633
633
  transform:translate(-50%, -50%);
634
634
  }
635
- ._main_h5t57s_56 ._busyIcon_h5t57s_212{
635
+ ._main_14w89nx_56 ._busyIcon_14w89nx_212{
636
636
  color:var(--_rs-button-color);
637
637
  }
638
- ._main_h5t57s_56._disabled_h5t57s_122 ._busyIcon_h5t57s_212{
638
+ ._main_14w89nx_56._disabled_14w89nx_122 ._busyIcon_14w89nx_212{
639
639
  color:var(--_rs-button-disabled-color);
640
640
  }
641
- ._shiftedLeft_h5t57s_229{
641
+ ._shiftedLeft_14w89nx_229{
642
642
  margin-left:calc(var(--_rs-button-horizontal-padding)*-1);
643
643
  }
644
- ._shiftedRight_h5t57s_232{
644
+ ._shiftedRight_14w89nx_232{
645
645
  margin-right:calc(var(--_rs-button-horizontal-padding)*-1);
646
646
  }
647
- ._shiftedTop_h5t57s_235{
647
+ ._shiftedTop_14w89nx_235{
648
648
  margin-top:calc(var(--_rs-button-vertical-padding)*-1);
649
649
  }
650
- ._shiftedBottom_h5t57s_238{
650
+ ._shiftedBottom_14w89nx_238{
651
651
  margin-bottom:calc(var(--_rs-button-vertical-padding)*-1);
652
652
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.17.0",
3
+ "version": "0.17.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,7 +26,7 @@
26
26
  },
27
27
  "devDependencies": {
28
28
  "@rescui/colors": "^0.2.5",
29
- "@rescui/icons": "^0.16.10",
29
+ "@rescui/icons": "^0.16.11",
30
30
  "@rescui/scripts": "^0.3.4",
31
31
  "@rescui/typography": "^0.19.0",
32
32
  "@rescui/visual-regression": "^0.1.2",
@@ -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": "69a84812628809943698f0b27643c83dc449f119"
40
+ "gitHead": "3ef429c66a082b71861a814ba508693c68a94842"
41
41
  }