@rescui/button 0.21.0 → 0.21.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 +31 -31
  3. package/lib/index.css +78 -72
  4. package/lib/public-api.p.css +10 -4
  5. package/lib/public-api.pcss +10 -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_4o5r48_4",
3
- "sizeXS": "_sizeXS_4o5r48_14",
4
- "sizeS": "_sizeS_4o5r48_18",
5
- "sizeM": "_sizeM_4o5r48_22",
6
- "sizeL": "_sizeL_4o5r48_26",
7
- "light": "_light_4o5r48_30",
8
- "dark": "_dark_4o5r48_34"
2
+ "icon": "_icon_afka1x_4",
3
+ "sizeXS": "_sizeXS_afka1x_14",
4
+ "sizeS": "_sizeS_afka1x_18",
5
+ "sizeM": "_sizeM_afka1x_22",
6
+ "sizeL": "_sizeL_afka1x_26",
7
+ "light": "_light_afka1x_30",
8
+ "dark": "_dark_afka1x_34"
9
9
  };
10
10
  export { styles as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "light": "_light_17txdku_6",
3
- "dark": "_dark_17txdku_9",
4
- "flatRight": "_flatRight_17txdku_13",
5
- "flatLeft": "_flatLeft_17txdku_16",
6
- "sizeXs": "_sizeXs_17txdku_20",
7
- "sizeS": "_sizeS_17txdku_23",
8
- "sizeM": "_sizeM_17txdku_26",
9
- "sizeL": "_sizeL_17txdku_29",
10
- "modeClassic": "_modeClassic_17txdku_33",
11
- "modeRock": "_modeRock_17txdku_36",
12
- "modeTransparent": "_modeTransparent_17txdku_39",
13
- "modeOutline": "_modeOutline_17txdku_42",
14
- "modeClear": "_modeClear_17txdku_45",
15
- "alignIconLeft": "_alignIconLeft_17txdku_49",
16
- "alignIconLeftEdge": "_alignIconLeftEdge_17txdku_52",
17
- "alignIconRight": "_alignIconRight_17txdku_55",
18
- "alignIconRightEdge": "_alignIconRightEdge_17txdku_58",
19
- "main": "_main_17txdku_62",
20
- "disabled": "_disabled_17txdku_139",
21
- "busy": "_busy_17txdku_149",
22
- "busyOverlay": "_busyOverlay_17txdku_153",
23
- "icon": "_icon_17txdku_188",
24
- "allowMultiline": "_allowMultiline_17txdku_203",
25
- "content": "_content_17txdku_207",
26
- "multiline": "_multiline_17txdku_211",
27
- "withoutText": "_withoutText_17txdku_215",
28
- "busyIcon": "_busyIcon_17txdku_220",
29
- "shiftedLeft": "_shiftedLeft_17txdku_241",
30
- "shiftedRight": "_shiftedRight_17txdku_244",
31
- "shiftedTop": "_shiftedTop_17txdku_247",
32
- "shiftedBottom": "_shiftedBottom_17txdku_250"
2
+ "light": "_light_1f7yiab_6",
3
+ "dark": "_dark_1f7yiab_9",
4
+ "flatRight": "_flatRight_1f7yiab_13",
5
+ "flatLeft": "_flatLeft_1f7yiab_16",
6
+ "sizeXs": "_sizeXs_1f7yiab_20",
7
+ "sizeS": "_sizeS_1f7yiab_23",
8
+ "sizeM": "_sizeM_1f7yiab_26",
9
+ "sizeL": "_sizeL_1f7yiab_29",
10
+ "modeClassic": "_modeClassic_1f7yiab_33",
11
+ "modeRock": "_modeRock_1f7yiab_36",
12
+ "modeTransparent": "_modeTransparent_1f7yiab_39",
13
+ "modeOutline": "_modeOutline_1f7yiab_42",
14
+ "modeClear": "_modeClear_1f7yiab_45",
15
+ "alignIconLeft": "_alignIconLeft_1f7yiab_49",
16
+ "alignIconLeftEdge": "_alignIconLeftEdge_1f7yiab_52",
17
+ "alignIconRight": "_alignIconRight_1f7yiab_55",
18
+ "alignIconRightEdge": "_alignIconRightEdge_1f7yiab_58",
19
+ "main": "_main_1f7yiab_62",
20
+ "disabled": "_disabled_1f7yiab_139",
21
+ "busy": "_busy_1f7yiab_149",
22
+ "busyOverlay": "_busyOverlay_1f7yiab_153",
23
+ "icon": "_icon_1f7yiab_188",
24
+ "allowMultiline": "_allowMultiline_1f7yiab_203",
25
+ "content": "_content_1f7yiab_207",
26
+ "multiline": "_multiline_1f7yiab_211",
27
+ "withoutText": "_withoutText_1f7yiab_215",
28
+ "busyIcon": "_busyIcon_1f7yiab_220",
29
+ "shiftedLeft": "_shiftedLeft_1f7yiab_241",
30
+ "shiftedRight": "_shiftedRight_1f7yiab_244",
31
+ "shiftedTop": "_shiftedTop_1f7yiab_247",
32
+ "shiftedBottom": "_shiftedBottom_1f7yiab_250"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_4o5r48_4{
1
+ ._icon_afka1x_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_4o5r48_4{
11
+ ._icon_afka1x_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_4o5r48_4{
20
+ ._icon_afka1x_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_4o5r48_4{
28
+ ._icon_afka1x_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_4o5r48_14{
35
+ ._sizeXS_afka1x_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_4o5r48_18{
38
+ ._sizeS_afka1x_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_4o5r48_22{
41
+ ._sizeM_afka1x_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_4o5r48_26{
44
+ ._sizeL_afka1x_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_4o5r48_30{
47
+ ._light_afka1x_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_4o5r48_34{
51
+ ._dark_afka1x_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_17txdku_6{
63
+ ._light_1f7yiab_6{
64
64
  --rs-theme-dark:0;
65
65
  }
66
- ._dark_17txdku_9{
66
+ ._dark_1f7yiab_9{
67
67
  --rs-theme-dark:1;
68
68
  }
69
- ._flatRight_17txdku_13{
69
+ ._flatRight_1f7yiab_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_17txdku_16{
75
+ ._flatLeft_1f7yiab_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_17txdku_20{
81
+ ._sizeXs_1f7yiab_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,7 +93,7 @@
93
93
  --_rs-button-icon-size:16px;
94
94
  --_rs-button-icon-offset:4px;
95
95
  }
96
- ._sizeXs_17txdku_20 [data-rs-internal='button__content']{
96
+ ._sizeXs_1f7yiab_20 [data-rs-internal='button__content']{
97
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;
@@ -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_17txdku_23{
130
+ ._sizeS_1f7yiab_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,7 +142,7 @@
142
142
  --_rs-button-icon-size:20px;
143
143
  --_rs-button-icon-offset:8px;
144
144
  }
145
- ._sizeS_17txdku_23 [data-rs-internal='button__content']{
145
+ ._sizeS_1f7yiab_23 [data-rs-internal='button__content']{
146
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;
@@ -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_17txdku_26{
179
+ ._sizeM_1f7yiab_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,7 +191,7 @@
191
191
  --_rs-button-icon-size:24px;
192
192
  --_rs-button-icon-offset:8px;
193
193
  }
194
- ._sizeM_17txdku_26 [data-rs-internal='button__content']{
194
+ ._sizeM_1f7yiab_26 [data-rs-internal='button__content']{
195
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;
@@ -220,17 +220,20 @@
220
220
  --_rs-typography-text-auto-offset:16px;
221
221
  --_rs-typography-ul-list-li-padding-left:22px;
222
222
  --_rs-typography-ol-list-li-padding-left:26px;
223
- --_rs-typography-list-li-margin-top-from-text:16px;
223
+ --_rs-typography-list-li-margin-top-from-text:var(
224
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
225
+ 16px
226
+ );
224
227
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
225
228
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
226
229
  --_rs-typography-link-border-bottom-width-from-text:1px;
227
230
  }
228
231
  @media screen and (max-width: 640px){
229
- ._sizeM_17txdku_26 [data-rs-internal='button__content']{
230
- --_rs-typography-list-li-margin-top-from-text:12px;
232
+ ._sizeM_1f7yiab_26 [data-rs-internal='button__content']{
233
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
231
234
  }
232
235
  }
233
- ._sizeL_17txdku_29{
236
+ ._sizeL_1f7yiab_29{
234
237
  --_rs-button-border-radius-base:var(
235
238
  --rs-button-l-border-radius,
236
239
  var(--rs-button-border-radius, 26px)
@@ -245,7 +248,7 @@
245
248
  --_rs-button-icon-size:28px;
246
249
  --_rs-button-icon-offset:16px;
247
250
  }
248
- ._sizeL_17txdku_29 [data-rs-internal='button__content']{
251
+ ._sizeL_1f7yiab_29 [data-rs-internal='button__content']{
249
252
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
250
253
  --_rs-typography-text-transform:initial;
251
254
  --_rs-typography-font-variant-numeric:initial;
@@ -274,17 +277,20 @@
274
277
  --_rs-typography-text-auto-offset:32px;
275
278
  --_rs-typography-ul-list-li-padding-left:26px;
276
279
  --_rs-typography-ol-list-li-padding-left:32px;
277
- --_rs-typography-list-li-margin-top-from-text:24px;
280
+ --_rs-typography-list-li-margin-top-from-text:var(
281
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
282
+ 24px
283
+ );
278
284
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
279
285
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
280
286
  --_rs-typography-link-border-bottom-width-from-text:1px;
281
287
  }
282
288
  @media screen and (max-width: 640px){
283
- ._sizeL_17txdku_29 [data-rs-internal='button__content']{
284
- --_rs-typography-list-li-margin-top-from-text:16px;
289
+ ._sizeL_1f7yiab_29 [data-rs-internal='button__content']{
290
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
285
291
  }
286
292
  }
287
- ._modeClassic_17txdku_33{
293
+ ._modeClassic_1f7yiab_33{
288
294
  --_rs-button-inner-border-display:none;
289
295
  --_rs-button-color:rgb(
290
296
  calc(255 - var(--rs-button-flip-text-color, 0)*230),
@@ -300,7 +306,7 @@
300
306
  --_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
307
  --_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
308
  }
303
- ._modeRock_17txdku_36{
309
+ ._modeRock_1f7yiab_36{
304
310
  --_rs-button-inner-border-display:none;
305
311
  --_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
312
  --_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 +319,7 @@
313
319
  --_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
320
  --_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
321
  }
316
- ._modeTransparent_17txdku_39{
322
+ ._modeTransparent_1f7yiab_39{
317
323
  --_rs-button-inner-border-display:none;
318
324
  --_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
325
  --_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 +331,7 @@
325
331
  --_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
332
  --_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
333
  }
328
- ._modeOutline_17txdku_42{
334
+ ._modeOutline_1f7yiab_42{
329
335
  --_rs-button-inner-border-display:block;
330
336
  --_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
337
  --_rs-button-background:transparent;
@@ -337,7 +343,7 @@
337
343
  --_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
344
  --_rs-button-disabled-background:transparent;
339
345
  }
340
- ._modeClear_17txdku_45{
346
+ ._modeClear_1f7yiab_45{
341
347
  --_rs-button-inner-border-display:none;
342
348
  --_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
349
  --_rs-button-background:transparent;
@@ -349,23 +355,23 @@
349
355
  --_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
356
  --_rs-button-disabled-background:transparent;
351
357
  }
352
- ._alignIconLeft_17txdku_49{
358
+ ._alignIconLeft_1f7yiab_49{
353
359
  --_rs-button-icon-flex-direction:row;
354
360
  --_rs-button-content-grow:0;
355
361
  }
356
- ._alignIconLeftEdge_17txdku_52{
362
+ ._alignIconLeftEdge_1f7yiab_52{
357
363
  --_rs-button-icon-flex-direction:row;
358
364
  --_rs-button-content-grow:1;
359
365
  }
360
- ._alignIconRight_17txdku_55{
366
+ ._alignIconRight_1f7yiab_55{
361
367
  --_rs-button-icon-flex-direction:row-reverse;
362
368
  --_rs-button-content-grow:0;
363
369
  }
364
- ._alignIconRightEdge_17txdku_58{
370
+ ._alignIconRightEdge_1f7yiab_58{
365
371
  --_rs-button-icon-flex-direction:row-reverse;
366
372
  --_rs-button-content-grow:1;
367
373
  }
368
- ._main_17txdku_62{
374
+ ._main_1f7yiab_62{
369
375
  --_rs-theme-dark:var(
370
376
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
371
377
  var(--rs-theme-dark, 0)
@@ -375,7 +381,7 @@
375
381
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
376
382
  }
377
383
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
378
- ._main_17txdku_62{
384
+ ._main_1f7yiab_62{
379
385
  --_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)));
380
386
  --_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)));
381
387
  --_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)));
@@ -384,7 +390,7 @@
384
390
  }
385
391
  }
386
392
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
387
- ._main_17txdku_62{
393
+ ._main_1f7yiab_62{
388
394
  --_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);
389
395
  --_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));
390
396
  --_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));
@@ -392,7 +398,7 @@
392
398
  --_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));
393
399
  }
394
400
  }
395
- ._main_17txdku_62 {
401
+ ._main_1f7yiab_62 {
396
402
  --_rs-button-background-final:var(
397
403
  --_rs-button-background-from-state-active-focus-visible-no-hover,
398
404
  var(
@@ -473,19 +479,19 @@
473
479
  -moz-column-gap:var(--_rs-button-icon-offset);
474
480
  column-gap:var(--_rs-button-icon-offset);
475
481
  }
476
- ._main_17txdku_62:hover,
477
- ._main_17txdku_62:focus,
478
- ._main_17txdku_62:active{
482
+ ._main_1f7yiab_62:hover,
483
+ ._main_1f7yiab_62:focus,
484
+ ._main_1f7yiab_62:active{
479
485
  outline:none;
480
486
 
481
487
  text-decoration:none;
482
488
  }
483
- ._main_17txdku_62:focus{
489
+ ._main_1f7yiab_62:focus{
484
490
  color:var(--_rs-button-color);
485
491
  background:var(--_rs-button-background-final);
486
492
  }
487
493
  @media (hover: hover){
488
- ._main_17txdku_62:hover{
494
+ ._main_1f7yiab_62:hover{
489
495
  --_rs-button-border-inner-color:rgba(
490
496
  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),
491
497
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -493,24 +499,24 @@
493
499
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
494
500
  }
495
501
  }
496
- ._main_17txdku_62:active{
502
+ ._main_1f7yiab_62:active{
497
503
  --_rs-button-border-inner-width:2px;
498
504
  --_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));
499
505
  --_rs-button-background-from-state-active:var(
500
506
  --_rs-button-active-background
501
507
  );
502
508
  }
503
- ._main_17txdku_62:focus[data-focus-method='key']{
509
+ ._main_1f7yiab_62:focus[data-focus-method='key']{
504
510
  --_rs-button-box-shadow-from-state-focus-visible:var(
505
511
  --_rs-color-primary-t-dim
506
512
  ) 0 0 0 4px;
507
513
  }
508
- ._main_17txdku_62:active:not(:hover):focus[data-focus-method='key']{
514
+ ._main_1f7yiab_62:active:not(:hover):focus[data-focus-method='key']{
509
515
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
510
516
  --_rs-button-active-focus-visible-no-hover-background
511
517
  );
512
518
  }
513
- ._main_17txdku_62._disabled_17txdku_139{
519
+ ._main_1f7yiab_62._disabled_1f7yiab_139{
514
520
  --_rs-button-border-inner-color:rgba(
515
521
  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),
516
522
  0.2
@@ -519,26 +525,26 @@
519
525
  color:var(--_rs-button-disabled-color);
520
526
  background:var(--_rs-button-disabled-background);
521
527
  }
522
- ._main_17txdku_62._busy_17txdku_149{
528
+ ._main_1f7yiab_62._busy_1f7yiab_149{
523
529
  pointer-events:none;
524
530
  }
525
- ._main_17txdku_62._busyOverlay_17txdku_153{
531
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153{
526
532
  display:inline-flex;
527
533
  justify-content:center;
528
534
  align-items:center;
529
535
  }
530
- ._main_17txdku_62._busyOverlay_17txdku_153,
531
- ._main_17txdku_62._busyOverlay_17txdku_153:hover,
532
- ._main_17txdku_62._busyOverlay_17txdku_153:active,
533
- ._main_17txdku_62._busyOverlay_17txdku_153._disabled_17txdku_139,
534
- ._main_17txdku_62._busyOverlay_17txdku_153:focus{
536
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153,
537
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153:hover,
538
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153:active,
539
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153._disabled_1f7yiab_139,
540
+ ._main_1f7yiab_62._busyOverlay_1f7yiab_153:focus{
535
541
  -webkit-user-select:none;
536
542
  -moz-user-select:none;
537
543
  user-select:none;
538
544
 
539
545
  color:transparent;
540
546
  }
541
- ._main_17txdku_62::before{
547
+ ._main_1f7yiab_62::before{
542
548
  position:absolute;
543
549
  top:0;
544
550
  right:0;
@@ -555,7 +561,7 @@
555
561
 
556
562
  transition:border-color 100ms;
557
563
  }
558
- ._main_17txdku_62 ._icon_17txdku_188{
564
+ ._main_1f7yiab_62 ._icon_1f7yiab_188{
559
565
  flex:0 0 auto;
560
566
 
561
567
  width:auto;
@@ -564,36 +570,36 @@
564
570
  margin:0;
565
571
  fill:currentColor;
566
572
  }
567
- ._disabled_17txdku_139{
573
+ ._disabled_1f7yiab_139{
568
574
  pointer-events:none;
569
575
  }
570
- ._allowMultiline_17txdku_203{
576
+ ._allowMultiline_1f7yiab_203{
571
577
  white-space:normal;
572
578
  }
573
- ._content_17txdku_207{
579
+ ._content_1f7yiab_207{
574
580
  flex:var(--_rs-button-content-grow) 1 auto;
575
581
  }
576
- ._multiline_17txdku_211{
582
+ ._multiline_1f7yiab_211{
577
583
  border-radius:var(--_rs-button-multiline-border-radius);
578
584
  }
579
- ._withoutText_17txdku_215{
585
+ ._withoutText_1f7yiab_215{
580
586
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
581
587
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
582
588
  }
583
- ._busyIcon_17txdku_220{
589
+ ._busyIcon_1f7yiab_220{
584
590
  position:absolute;
585
591
  top:50%;
586
592
  left:50%;
587
593
 
588
594
  transform:translate(-50%, -50%);
589
595
  }
590
- ._main_17txdku_62 ._busyIcon_17txdku_220{
596
+ ._main_1f7yiab_62 ._busyIcon_1f7yiab_220{
591
597
  color:var(--_rs-button-color);
592
598
  }
593
- ._main_17txdku_62._disabled_17txdku_139 ._busyIcon_17txdku_220{
599
+ ._main_1f7yiab_62._disabled_1f7yiab_139 ._busyIcon_1f7yiab_220{
594
600
  color:var(--_rs-button-disabled-color);
595
601
  }
596
- ._content_17txdku_207{
602
+ ._content_1f7yiab_207{
597
603
  letter-spacing:var(
598
604
  --rs-text-base-letter-spacing,
599
605
  var(--_rs-typography-letter-spacing)
@@ -606,15 +612,15 @@
606
612
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
607
613
  font-feature-settings:'kern', 'liga', 'calt';
608
614
  }
609
- ._shiftedLeft_17txdku_241{
615
+ ._shiftedLeft_1f7yiab_241{
610
616
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
611
617
  }
612
- ._shiftedRight_17txdku_244{
618
+ ._shiftedRight_1f7yiab_244{
613
619
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
614
620
  }
615
- ._shiftedTop_17txdku_247{
621
+ ._shiftedTop_1f7yiab_247{
616
622
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
617
623
  }
618
- ._shiftedBottom_17txdku_250{
624
+ ._shiftedBottom_1f7yiab_250{
619
625
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
620
626
  }
package/lib/public-api.p.css CHANGED
@@ -145,14 +145,17 @@
145
145
  --_rs-typography-text-auto-offset:16px;
146
146
  --_rs-typography-ul-list-li-padding-left:22px;
147
147
  --_rs-typography-ol-list-li-padding-left:26px;
148
- --_rs-typography-list-li-margin-top-from-text:16px;
148
+ --_rs-typography-list-li-margin-top-from-text:var(
149
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
150
+ 16px
151
+ );
149
152
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
150
153
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
151
154
  --_rs-typography-link-border-bottom-width-from-text:1px;
152
155
  }
153
156
  @media screen and (max-width: 640px){
154
157
  &:not(html) [data-rs-internal='button__content']{
155
- --_rs-typography-list-li-margin-top-from-text:12px;
158
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
156
159
  }
157
160
  }
158
161
  }
@@ -201,14 +204,17 @@
201
204
  --_rs-typography-text-auto-offset:32px;
202
205
  --_rs-typography-ul-list-li-padding-left:26px;
203
206
  --_rs-typography-ol-list-li-padding-left:32px;
204
- --_rs-typography-list-li-margin-top-from-text:24px;
207
+ --_rs-typography-list-li-margin-top-from-text:var(
208
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
209
+ 24px
210
+ );
205
211
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
206
212
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
207
213
  --_rs-typography-link-border-bottom-width-from-text:1px;
208
214
  }
209
215
  @media screen and (max-width: 640px){
210
216
  &:not(html) [data-rs-internal='button__content']{
211
- --_rs-typography-list-li-margin-top-from-text:16px;
217
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
212
218
  }
213
219
  }
214
220
  }
package/lib/public-api.pcss CHANGED
@@ -145,14 +145,17 @@
145
145
  --_rs-typography-text-auto-offset:16px;
146
146
  --_rs-typography-ul-list-li-padding-left:22px;
147
147
  --_rs-typography-ol-list-li-padding-left:26px;
148
- --_rs-typography-list-li-margin-top-from-text:16px;
148
+ --_rs-typography-list-li-margin-top-from-text:var(
149
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
150
+ 16px
151
+ );
149
152
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
150
153
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
151
154
  --_rs-typography-link-border-bottom-width-from-text:1px;
152
155
  }
153
156
  @media screen and (max-width: 640px){
154
157
  &:not(html) [data-rs-internal='button__content']{
155
- --_rs-typography-list-li-margin-top-from-text:12px;
158
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
156
159
  }
157
160
  }
158
161
  }
@@ -201,14 +204,17 @@
201
204
  --_rs-typography-text-auto-offset:32px;
202
205
  --_rs-typography-ul-list-li-padding-left:26px;
203
206
  --_rs-typography-ol-list-li-padding-left:32px;
204
- --_rs-typography-list-li-margin-top-from-text:24px;
207
+ --_rs-typography-list-li-margin-top-from-text:var(
208
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
209
+ 24px
210
+ );
205
211
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
206
212
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
207
213
  --_rs-typography-link-border-bottom-width-from-text:1px;
208
214
  }
209
215
  @media screen and (max-width: 640px){
210
216
  &:not(html) [data-rs-internal='button__content']{
211
- --_rs-typography-list-li-margin-top-from-text:16px;
217
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
212
218
  }
213
219
  }
214
220
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.21.0",
3
+ "version": "0.21.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -26,9 +26,9 @@
26
26
  },
27
27
  "devDependencies": {
28
28
  "@rescui/colors": "^0.2.7",
29
- "@rescui/icons": "^0.16.15",
29
+ "@rescui/icons": "^0.16.17",
30
30
  "@rescui/scripts": "^0.3.5",
31
- "@rescui/typography": "^0.21.1",
31
+ "@rescui/typography": "^0.23.0",
32
32
  "@rescui/visual-regression": "^0.1.2",
33
33
  "@types/classnames": "^2.2.11"
34
34
  },
@@ -37,5 +37,5 @@
37
37
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
38
  },
39
39
  "nx": {},
40
- "gitHead": "d7450a0d420331e1321802ca50b2a12dfb974a4e"
40
+ "gitHead": "f9a0228790b099e343e9017980e7635c12815bda"
41
41
  }