@rescui/button 0.20.1 → 0.20.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 (6) 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 +69 -69
  4. package/lib/public-api.p.css +4 -4
  5. package/lib/public-api.pcss +4 -4
  6. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_521zrc_4",
3
- "sizeXS": "_sizeXS_521zrc_14",
4
- "sizeS": "_sizeS_521zrc_18",
5
- "sizeM": "_sizeM_521zrc_22",
6
- "sizeL": "_sizeL_521zrc_26",
7
- "light": "_light_521zrc_30",
8
- "dark": "_dark_521zrc_34"
2
+ "icon": "_icon_19xlij7_4",
3
+ "sizeXS": "_sizeXS_19xlij7_14",
4
+ "sizeS": "_sizeS_19xlij7_18",
5
+ "sizeM": "_sizeM_19xlij7_22",
6
+ "sizeL": "_sizeL_19xlij7_26",
7
+ "light": "_light_19xlij7_30",
8
+ "dark": "_dark_19xlij7_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_56key3_6",
3
- "dark": "_dark_56key3_9",
4
- "flatRight": "_flatRight_56key3_13",
5
- "flatLeft": "_flatLeft_56key3_16",
6
- "sizeXs": "_sizeXs_56key3_20",
7
- "sizeS": "_sizeS_56key3_23",
8
- "sizeM": "_sizeM_56key3_26",
9
- "sizeL": "_sizeL_56key3_29",
10
- "modeClassic": "_modeClassic_56key3_33",
11
- "modeRock": "_modeRock_56key3_36",
12
- "modeTransparent": "_modeTransparent_56key3_39",
13
- "modeOutline": "_modeOutline_56key3_42",
14
- "modeClear": "_modeClear_56key3_45",
15
- "alignIconLeft": "_alignIconLeft_56key3_49",
16
- "alignIconRight": "_alignIconRight_56key3_52",
17
- "main": "_main_56key3_56",
18
- "disabled": "_disabled_56key3_133",
19
- "busy": "_busy_56key3_143",
20
- "busyOverlay": "_busyOverlay_56key3_147",
21
- "icon": "_icon_56key3_182",
22
- "allowMultiline": "_allowMultiline_56key3_195",
23
- "multiline": "_multiline_56key3_199",
24
- "withoutText": "_withoutText_56key3_203",
25
- "busyIcon": "_busyIcon_56key3_208",
26
- "content": "_content_56key3_224",
27
- "shiftedLeft": "_shiftedLeft_56key3_229",
28
- "shiftedRight": "_shiftedRight_56key3_232",
29
- "shiftedTop": "_shiftedTop_56key3_235",
30
- "shiftedBottom": "_shiftedBottom_56key3_238"
2
+ "light": "_light_1vxh8ts_6",
3
+ "dark": "_dark_1vxh8ts_9",
4
+ "flatRight": "_flatRight_1vxh8ts_13",
5
+ "flatLeft": "_flatLeft_1vxh8ts_16",
6
+ "sizeXs": "_sizeXs_1vxh8ts_20",
7
+ "sizeS": "_sizeS_1vxh8ts_23",
8
+ "sizeM": "_sizeM_1vxh8ts_26",
9
+ "sizeL": "_sizeL_1vxh8ts_29",
10
+ "modeClassic": "_modeClassic_1vxh8ts_33",
11
+ "modeRock": "_modeRock_1vxh8ts_36",
12
+ "modeTransparent": "_modeTransparent_1vxh8ts_39",
13
+ "modeOutline": "_modeOutline_1vxh8ts_42",
14
+ "modeClear": "_modeClear_1vxh8ts_45",
15
+ "alignIconLeft": "_alignIconLeft_1vxh8ts_49",
16
+ "alignIconRight": "_alignIconRight_1vxh8ts_52",
17
+ "main": "_main_1vxh8ts_56",
18
+ "disabled": "_disabled_1vxh8ts_133",
19
+ "busy": "_busy_1vxh8ts_143",
20
+ "busyOverlay": "_busyOverlay_1vxh8ts_147",
21
+ "icon": "_icon_1vxh8ts_182",
22
+ "allowMultiline": "_allowMultiline_1vxh8ts_195",
23
+ "multiline": "_multiline_1vxh8ts_199",
24
+ "withoutText": "_withoutText_1vxh8ts_203",
25
+ "busyIcon": "_busyIcon_1vxh8ts_208",
26
+ "content": "_content_1vxh8ts_224",
27
+ "shiftedLeft": "_shiftedLeft_1vxh8ts_229",
28
+ "shiftedRight": "_shiftedRight_1vxh8ts_232",
29
+ "shiftedTop": "_shiftedTop_1vxh8ts_235",
30
+ "shiftedBottom": "_shiftedBottom_1vxh8ts_238"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_521zrc_4{
1
+ ._icon_19xlij7_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_521zrc_4{
11
+ ._icon_19xlij7_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_521zrc_4{
20
+ ._icon_19xlij7_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_521zrc_4{
28
+ ._icon_19xlij7_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_521zrc_14{
35
+ ._sizeXS_19xlij7_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_521zrc_18{
38
+ ._sizeS_19xlij7_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_521zrc_22{
41
+ ._sizeM_19xlij7_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_521zrc_26{
44
+ ._sizeL_19xlij7_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_521zrc_30{
47
+ ._light_19xlij7_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_521zrc_34{
51
+ ._dark_19xlij7_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,25 +60,25 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._light_56key3_6{
63
+ ._light_1vxh8ts_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_56key3_9{
66
+ ._dark_1vxh8ts_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._flatRight_56key3_13{
69
+ ._flatRight_1vxh8ts_13{
70
70
  --_rs-button-top-right-border-radius-or-initial:0px;
71
71
  --_rs-button-bottom-right-border-radius-or-initial:0px;
72
72
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
73
73
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
74
74
  }
75
- ._flatLeft_56key3_16{
75
+ ._flatLeft_1vxh8ts_16{
76
76
  --_rs-button-top-left-border-radius-or-initial:0px;
77
77
  --_rs-button-bottom-left-border-radius-or-initial:0px;
78
78
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
79
79
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
80
80
  }
81
- ._sizeXs_56key3_20{
81
+ ._sizeXs_1vxh8ts_20{
82
82
  --_rs-button-border-radius-base:var(
83
83
  --rs-button-xs-border-radius,
84
84
  var(--rs-button-border-radius, 4px)
@@ -93,8 +93,8 @@
93
93
  --_rs-button-icon-size:16px;
94
94
  --_rs-button-icon-offset:4px;
95
95
  }
96
- ._sizeXs_56key3_20 [data-rs-internal='button__content']{
97
- --_rs-typography-letter-spacing:0.0045em;
96
+ ._sizeXs_1vxh8ts_20 [data-rs-internal='button__content']{
97
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
98
98
  --_rs-typography-text-transform:initial;
99
99
  --_rs-typography-font-variant-numeric:initial;
100
100
  --_rs-typography-font-family:var(
@@ -127,7 +127,7 @@
127
127
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
128
128
  --_rs-typography-link-border-bottom-width-from-text:1px;
129
129
  }
130
- ._sizeS_56key3_23{
130
+ ._sizeS_1vxh8ts_23{
131
131
  --_rs-button-border-radius-base:var(
132
132
  --rs-button-s-border-radius,
133
133
  var(--rs-button-border-radius, 16px)
@@ -142,8 +142,8 @@
142
142
  --_rs-button-icon-size:20px;
143
143
  --_rs-button-icon-offset:8px;
144
144
  }
145
- ._sizeS_56key3_23 [data-rs-internal='button__content']{
146
- --_rs-typography-letter-spacing:0.0045em;
145
+ ._sizeS_1vxh8ts_23 [data-rs-internal='button__content']{
146
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
147
147
  --_rs-typography-text-transform:initial;
148
148
  --_rs-typography-font-variant-numeric:initial;
149
149
  --_rs-typography-font-family:var(
@@ -176,7 +176,7 @@
176
176
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
177
177
  --_rs-typography-link-border-bottom-width-from-text:1px;
178
178
  }
179
- ._sizeM_56key3_26{
179
+ ._sizeM_1vxh8ts_26{
180
180
  --_rs-button-border-radius-base:var(
181
181
  --rs-button-m-border-radius,
182
182
  var(--rs-button-border-radius, 20px)
@@ -191,8 +191,8 @@
191
191
  --_rs-button-icon-size:24px;
192
192
  --_rs-button-icon-offset:8px;
193
193
  }
194
- ._sizeM_56key3_26 [data-rs-internal='button__content']{
195
- --_rs-typography-letter-spacing:0.0015em;
194
+ ._sizeM_1vxh8ts_26 [data-rs-internal='button__content']{
195
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
196
196
  --_rs-typography-text-transform:initial;
197
197
  --_rs-typography-font-variant-numeric:initial;
198
198
  --_rs-typography-font-family:var(
@@ -226,11 +226,11 @@
226
226
  --_rs-typography-link-border-bottom-width-from-text:1px;
227
227
  }
228
228
  @media screen and (max-width: 640px){
229
- ._sizeM_56key3_26 [data-rs-internal='button__content']{
229
+ ._sizeM_1vxh8ts_26 [data-rs-internal='button__content']{
230
230
  --_rs-typography-list-li-margin-top-from-text:12px;
231
231
  }
232
232
  }
233
- ._sizeL_56key3_29{
233
+ ._sizeL_1vxh8ts_29{
234
234
  --_rs-button-border-radius-base:var(
235
235
  --rs-button-l-border-radius,
236
236
  var(--rs-button-border-radius, 26px)
@@ -245,8 +245,8 @@
245
245
  --_rs-button-icon-size:28px;
246
246
  --_rs-button-icon-offset:16px;
247
247
  }
248
- ._sizeL_56key3_29 [data-rs-internal='button__content']{
249
- --_rs-typography-letter-spacing:normal;
248
+ ._sizeL_1vxh8ts_29 [data-rs-internal='button__content']{
249
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
250
250
  --_rs-typography-text-transform:initial;
251
251
  --_rs-typography-font-variant-numeric:initial;
252
252
  --_rs-typography-font-family:var(
@@ -280,11 +280,11 @@
280
280
  --_rs-typography-link-border-bottom-width-from-text:1px;
281
281
  }
282
282
  @media screen and (max-width: 640px){
283
- ._sizeL_56key3_29 [data-rs-internal='button__content']{
283
+ ._sizeL_1vxh8ts_29 [data-rs-internal='button__content']{
284
284
  --_rs-typography-list-li-margin-top-from-text:16px;
285
285
  }
286
286
  }
287
- ._modeClassic_56key3_33{
287
+ ._modeClassic_1vxh8ts_33{
288
288
  --_rs-button-inner-border-display:none;
289
289
  --_rs-button-color:rgb(
290
290
  calc(255 - var(--rs-button-flip-text-color, 0)*230),
@@ -300,7 +300,7 @@
300
300
  --_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);
301
301
  --_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);
302
302
  }
303
- ._modeRock_56key3_36{
303
+ ._modeRock_1vxh8ts_36{
304
304
  --_rs-button-inner-border-display:none;
305
305
  --_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));
306
306
  --_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));
@@ -313,7 +313,7 @@
313
313
  --_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);
314
314
  --_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);
315
315
  }
316
- ._modeTransparent_56key3_39{
316
+ ._modeTransparent_1vxh8ts_39{
317
317
  --_rs-button-inner-border-display:none;
318
318
  --_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));
319
319
  --_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);
@@ -325,7 +325,7 @@
325
325
  --_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);
326
326
  --_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);
327
327
  }
328
- ._modeOutline_56key3_42{
328
+ ._modeOutline_1vxh8ts_42{
329
329
  --_rs-button-inner-border-display:block;
330
330
  --_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));
331
331
  --_rs-button-background:transparent;
@@ -337,7 +337,7 @@
337
337
  --_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);
338
338
  --_rs-button-disabled-background:transparent;
339
339
  }
340
- ._modeClear_56key3_45{
340
+ ._modeClear_1vxh8ts_45{
341
341
  --_rs-button-inner-border-display:none;
342
342
  --_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));
343
343
  --_rs-button-background:transparent;
@@ -349,13 +349,13 @@
349
349
  --_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);
350
350
  --_rs-button-disabled-background:transparent;
351
351
  }
352
- ._alignIconLeft_56key3_49{
352
+ ._alignIconLeft_1vxh8ts_49{
353
353
  --_rs-button-icon-flex-direction:row;
354
354
  }
355
- ._alignIconRight_56key3_52{
355
+ ._alignIconRight_1vxh8ts_52{
356
356
  --_rs-button-icon-flex-direction:row-reverse;
357
357
  }
358
- ._main_56key3_56{
358
+ ._main_1vxh8ts_56{
359
359
  --_rs-theme-dark:var(
360
360
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
361
361
  var(--rs-theme-dark, 0)
@@ -365,7 +365,7 @@
365
365
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
366
366
  }
367
367
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
368
- ._main_56key3_56{
368
+ ._main_1vxh8ts_56{
369
369
  --_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)));
370
370
  --_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)));
371
371
  --_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)));
@@ -374,7 +374,7 @@
374
374
  }
375
375
  }
376
376
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
377
- ._main_56key3_56{
377
+ ._main_1vxh8ts_56{
378
378
  --_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);
379
379
  --_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));
380
380
  --_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));
@@ -382,7 +382,7 @@
382
382
  --_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));
383
383
  }
384
384
  }
385
- ._main_56key3_56 {
385
+ ._main_1vxh8ts_56 {
386
386
  --_rs-button-background-final:var(
387
387
  --_rs-button-background-from-state-active-focus-visible-no-hover,
388
388
  var(
@@ -463,19 +463,19 @@
463
463
  -moz-column-gap:var(--_rs-button-icon-offset);
464
464
  column-gap:var(--_rs-button-icon-offset);
465
465
  }
466
- ._main_56key3_56:hover,
467
- ._main_56key3_56:focus,
468
- ._main_56key3_56:active{
466
+ ._main_1vxh8ts_56:hover,
467
+ ._main_1vxh8ts_56:focus,
468
+ ._main_1vxh8ts_56:active{
469
469
  outline:none;
470
470
 
471
471
  text-decoration:none;
472
472
  }
473
- ._main_56key3_56:focus{
473
+ ._main_1vxh8ts_56:focus{
474
474
  color:var(--_rs-button-color);
475
475
  background:var(--_rs-button-background-final);
476
476
  }
477
477
  @media (hover: hover){
478
- ._main_56key3_56:hover{
478
+ ._main_1vxh8ts_56:hover{
479
479
  --_rs-button-border-inner-color:rgba(
480
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),
481
481
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -483,24 +483,24 @@
483
483
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
484
484
  }
485
485
  }
486
- ._main_56key3_56:active{
486
+ ._main_1vxh8ts_56:active{
487
487
  --_rs-button-border-inner-width:2px;
488
488
  --_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));
489
489
  --_rs-button-background-from-state-active:var(
490
490
  --_rs-button-active-background
491
491
  );
492
492
  }
493
- ._main_56key3_56:focus[data-focus-method='key']{
493
+ ._main_1vxh8ts_56:focus[data-focus-method='key']{
494
494
  --_rs-button-box-shadow-from-state-focus-visible:var(
495
495
  --_rs-color-primary-t-dim
496
496
  ) 0 0 0 4px;
497
497
  }
498
- ._main_56key3_56:active:not(:hover):focus[data-focus-method='key']{
498
+ ._main_1vxh8ts_56:active:not(:hover):focus[data-focus-method='key']{
499
499
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
500
500
  --_rs-button-active-focus-visible-no-hover-background
501
501
  );
502
502
  }
503
- ._main_56key3_56._disabled_56key3_133{
503
+ ._main_1vxh8ts_56._disabled_1vxh8ts_133{
504
504
  --_rs-button-border-inner-color:rgba(
505
505
  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),
506
506
  0.2
@@ -509,26 +509,26 @@
509
509
  color:var(--_rs-button-disabled-color);
510
510
  background:var(--_rs-button-disabled-background);
511
511
  }
512
- ._main_56key3_56._busy_56key3_143{
512
+ ._main_1vxh8ts_56._busy_1vxh8ts_143{
513
513
  pointer-events:none;
514
514
  }
515
- ._main_56key3_56._busyOverlay_56key3_147{
515
+ ._main_1vxh8ts_56._busyOverlay_1vxh8ts_147{
516
516
  display:inline-flex;
517
517
  justify-content:center;
518
518
  align-items:center;
519
519
  }
520
- ._main_56key3_56._busyOverlay_56key3_147,
521
- ._main_56key3_56._busyOverlay_56key3_147:hover,
522
- ._main_56key3_56._busyOverlay_56key3_147:active,
523
- ._main_56key3_56._busyOverlay_56key3_147._disabled_56key3_133,
524
- ._main_56key3_56._busyOverlay_56key3_147:focus{
520
+ ._main_1vxh8ts_56._busyOverlay_1vxh8ts_147,
521
+ ._main_1vxh8ts_56._busyOverlay_1vxh8ts_147:hover,
522
+ ._main_1vxh8ts_56._busyOverlay_1vxh8ts_147:active,
523
+ ._main_1vxh8ts_56._busyOverlay_1vxh8ts_147._disabled_1vxh8ts_133,
524
+ ._main_1vxh8ts_56._busyOverlay_1vxh8ts_147:focus{
525
525
  -webkit-user-select:none;
526
526
  -moz-user-select:none;
527
527
  user-select:none;
528
528
 
529
529
  color:transparent;
530
530
  }
531
- ._main_56key3_56::before{
531
+ ._main_1vxh8ts_56::before{
532
532
  position:absolute;
533
533
  top:0;
534
534
  right:0;
@@ -545,40 +545,40 @@
545
545
 
546
546
  transition:border-color 100ms;
547
547
  }
548
- ._main_56key3_56 ._icon_56key3_182{
548
+ ._main_1vxh8ts_56 ._icon_1vxh8ts_182{
549
549
  width:auto;
550
550
  height:var(--_rs-button-icon-size);
551
551
 
552
552
  margin:0;
553
553
  fill:currentColor;
554
554
  }
555
- ._disabled_56key3_133{
555
+ ._disabled_1vxh8ts_133{
556
556
  pointer-events:none;
557
557
  }
558
- ._allowMultiline_56key3_195{
558
+ ._allowMultiline_1vxh8ts_195{
559
559
  white-space:normal;
560
560
  }
561
- ._multiline_56key3_199{
561
+ ._multiline_1vxh8ts_199{
562
562
  border-radius:var(--_rs-button-multiline-border-radius);
563
563
  }
564
- ._withoutText_56key3_203{
564
+ ._withoutText_1vxh8ts_203{
565
565
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
566
566
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
567
567
  }
568
- ._busyIcon_56key3_208{
568
+ ._busyIcon_1vxh8ts_208{
569
569
  position:absolute;
570
570
  top:50%;
571
571
  left:50%;
572
572
 
573
573
  transform:translate(-50%, -50%);
574
574
  }
575
- ._main_56key3_56 ._busyIcon_56key3_208{
575
+ ._main_1vxh8ts_56 ._busyIcon_1vxh8ts_208{
576
576
  color:var(--_rs-button-color);
577
577
  }
578
- ._main_56key3_56._disabled_56key3_133 ._busyIcon_56key3_208{
578
+ ._main_1vxh8ts_56._disabled_1vxh8ts_133 ._busyIcon_1vxh8ts_208{
579
579
  color:var(--_rs-button-disabled-color);
580
580
  }
581
- ._content_56key3_224{
581
+ ._content_1vxh8ts_224{
582
582
  letter-spacing:var(
583
583
  --rs-text-base-letter-spacing,
584
584
  var(--_rs-typography-letter-spacing)
@@ -591,15 +591,15 @@
591
591
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
592
592
  font-feature-settings:'kern', 'liga', 'calt';
593
593
  }
594
- ._shiftedLeft_56key3_229{
594
+ ._shiftedLeft_1vxh8ts_229{
595
595
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
596
596
  }
597
- ._shiftedRight_56key3_232{
597
+ ._shiftedRight_1vxh8ts_232{
598
598
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
599
599
  }
600
- ._shiftedTop_56key3_235{
600
+ ._shiftedTop_1vxh8ts_235{
601
601
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
602
602
  }
603
- ._shiftedBottom_56key3_238{
603
+ ._shiftedBottom_1vxh8ts_238{
604
604
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
605
605
  }
package/lib/public-api.p.css CHANGED
@@ -15,7 +15,7 @@
15
15
  --_rs-button-icon-offset:4px;
16
16
  }
17
17
  &:not(html) [data-rs-internal='button__content']{
18
- --_rs-typography-letter-spacing:0.0045em;
18
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
19
19
  --_rs-typography-text-transform:initial;
20
20
  --_rs-typography-font-variant-numeric:initial;
21
21
  --_rs-typography-font-family:var(
@@ -66,7 +66,7 @@
66
66
  --_rs-button-icon-offset:8px;
67
67
  }
68
68
  &:not(html) [data-rs-internal='button__content']{
69
- --_rs-typography-letter-spacing:0.0045em;
69
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
70
70
  --_rs-typography-text-transform:initial;
71
71
  --_rs-typography-font-variant-numeric:initial;
72
72
  --_rs-typography-font-family:var(
@@ -117,7 +117,7 @@
117
117
  --_rs-button-icon-offset:8px;
118
118
  }
119
119
  &:not(html) [data-rs-internal='button__content']{
120
- --_rs-typography-letter-spacing:0.0015em;
120
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
121
121
  --_rs-typography-text-transform:initial;
122
122
  --_rs-typography-font-variant-numeric:initial;
123
123
  --_rs-typography-font-family:var(
@@ -173,7 +173,7 @@
173
173
  --_rs-button-icon-offset:16px;
174
174
  }
175
175
  &:not(html) [data-rs-internal='button__content']{
176
- --_rs-typography-letter-spacing:normal;
176
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
177
177
  --_rs-typography-text-transform:initial;
178
178
  --_rs-typography-font-variant-numeric:initial;
179
179
  --_rs-typography-font-family:var(
package/lib/public-api.pcss CHANGED
@@ -15,7 +15,7 @@
15
15
  --_rs-button-icon-offset:4px;
16
16
  }
17
17
  &:not(html) [data-rs-internal='button__content']{
18
- --_rs-typography-letter-spacing:0.0045em;
18
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
19
19
  --_rs-typography-text-transform:initial;
20
20
  --_rs-typography-font-variant-numeric:initial;
21
21
  --_rs-typography-font-family:var(
@@ -66,7 +66,7 @@
66
66
  --_rs-button-icon-offset:8px;
67
67
  }
68
68
  &:not(html) [data-rs-internal='button__content']{
69
- --_rs-typography-letter-spacing:0.0045em;
69
+ --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
70
70
  --_rs-typography-text-transform:initial;
71
71
  --_rs-typography-font-variant-numeric:initial;
72
72
  --_rs-typography-font-family:var(
@@ -117,7 +117,7 @@
117
117
  --_rs-button-icon-offset:8px;
118
118
  }
119
119
  &:not(html) [data-rs-internal='button__content']{
120
- --_rs-typography-letter-spacing:0.0015em;
120
+ --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
121
121
  --_rs-typography-text-transform:initial;
122
122
  --_rs-typography-font-variant-numeric:initial;
123
123
  --_rs-typography-font-family:var(
@@ -173,7 +173,7 @@
173
173
  --_rs-button-icon-offset:16px;
174
174
  }
175
175
  &:not(html) [data-rs-internal='button__content']{
176
- --_rs-typography-letter-spacing:normal;
176
+ --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
177
177
  --_rs-typography-text-transform:initial;
178
178
  --_rs-typography-font-variant-numeric:initial;
179
179
  --_rs-typography-font-family:var(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.20.1",
3
+ "version": "0.20.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -25,9 +25,9 @@
25
25
  },
26
26
  "devDependencies": {
27
27
  "@rescui/colors": "^0.2.6",
28
- "@rescui/icons": "^0.16.13",
28
+ "@rescui/icons": "^0.16.14",
29
29
  "@rescui/scripts": "^0.3.5",
30
- "@rescui/typography": "^0.20.0",
30
+ "@rescui/typography": "^0.21.0",
31
31
  "@rescui/visual-regression": "^0.1.2",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "5531e3d285d6e38bf5536ff0690a252f1308c49b"
39
+ "gitHead": "1643043a602c3434ef3b73c895188e9f5819f357"
40
40
  }