@rescui/button 0.23.4 → 0.23.5

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 +12 -12
  2. package/lib/button.p.module.css.js +31 -31
  3. package/lib/index.css +91 -87
  4. package/lib/public-api.p.css +12 -8
  5. package/lib/public-api.pcss +12 -8
  6. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_euo11l_4",
3
- "sizeXS": "_sizeXS_euo11l_14",
4
- "sizeS": "_sizeS_euo11l_18",
5
- "sizeM": "_sizeM_euo11l_22",
6
- "sizeL": "_sizeL_euo11l_26",
7
- "light": "_light_euo11l_30",
8
- "dark": "_dark_euo11l_34",
9
- "allVariants": "_allVariants_euo11l_48",
10
- "variant16": "_variant16_euo11l_53",
11
- "variant20": "_variant20_euo11l_54",
12
- "variant24": "_variant24_euo11l_55",
13
- "variant28": "_variant28_euo11l_58"
2
+ "icon": "_icon_e0n0cr_4",
3
+ "sizeXS": "_sizeXS_e0n0cr_14",
4
+ "sizeS": "_sizeS_e0n0cr_18",
5
+ "sizeM": "_sizeM_e0n0cr_22",
6
+ "sizeL": "_sizeL_e0n0cr_26",
7
+ "light": "_light_e0n0cr_30",
8
+ "dark": "_dark_e0n0cr_34",
9
+ "allVariants": "_allVariants_e0n0cr_48",
10
+ "variant16": "_variant16_e0n0cr_53",
11
+ "variant20": "_variant20_e0n0cr_54",
12
+ "variant24": "_variant24_e0n0cr_55",
13
+ "variant28": "_variant28_e0n0cr_58"
14
14
  };
15
15
  export { styles as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,34 +1,34 @@
1
1
  var styles = {
2
- "light": "_light_v0qtpr_6",
3
- "dark": "_dark_v0qtpr_9",
4
- "flatRight": "_flatRight_v0qtpr_13",
5
- "flatLeft": "_flatLeft_v0qtpr_16",
6
- "sizeXs": "_sizeXs_v0qtpr_20",
7
- "sizeS": "_sizeS_v0qtpr_23",
8
- "sizeM": "_sizeM_v0qtpr_26",
9
- "sizeL": "_sizeL_v0qtpr_29",
10
- "modeClassic": "_modeClassic_v0qtpr_33",
11
- "modeRock": "_modeRock_v0qtpr_36",
12
- "modeTransparent": "_modeTransparent_v0qtpr_39",
13
- "modeOutline": "_modeOutline_v0qtpr_42",
14
- "modeClear": "_modeClear_v0qtpr_45",
15
- "alignIconLeft": "_alignIconLeft_v0qtpr_49",
16
- "alignIconLeftEdge": "_alignIconLeftEdge_v0qtpr_52",
17
- "alignIconRight": "_alignIconRight_v0qtpr_55",
18
- "alignIconRightEdge": "_alignIconRightEdge_v0qtpr_58",
19
- "main": "_main_v0qtpr_62",
20
- "disabled": "_disabled_v0qtpr_139",
21
- "busy": "_busy_v0qtpr_149",
22
- "busyOverlay": "_busyOverlay_v0qtpr_153",
23
- "icon": "_icon_v0qtpr_188",
24
- "allowMultiline": "_allowMultiline_v0qtpr_203",
25
- "content": "_content_v0qtpr_207",
26
- "multiline": "_multiline_v0qtpr_213",
27
- "withoutText": "_withoutText_v0qtpr_217",
28
- "busyIcon": "_busyIcon_v0qtpr_222",
29
- "shiftedLeft": "_shiftedLeft_v0qtpr_243",
30
- "shiftedRight": "_shiftedRight_v0qtpr_246",
31
- "shiftedTop": "_shiftedTop_v0qtpr_249",
32
- "shiftedBottom": "_shiftedBottom_v0qtpr_252"
2
+ "light": "_light_1a5tgkt_6",
3
+ "dark": "_dark_1a5tgkt_9",
4
+ "flatRight": "_flatRight_1a5tgkt_13",
5
+ "flatLeft": "_flatLeft_1a5tgkt_16",
6
+ "sizeXs": "_sizeXs_1a5tgkt_20",
7
+ "sizeS": "_sizeS_1a5tgkt_23",
8
+ "sizeM": "_sizeM_1a5tgkt_26",
9
+ "sizeL": "_sizeL_1a5tgkt_29",
10
+ "modeClassic": "_modeClassic_1a5tgkt_33",
11
+ "modeRock": "_modeRock_1a5tgkt_36",
12
+ "modeTransparent": "_modeTransparent_1a5tgkt_39",
13
+ "modeOutline": "_modeOutline_1a5tgkt_42",
14
+ "modeClear": "_modeClear_1a5tgkt_45",
15
+ "alignIconLeft": "_alignIconLeft_1a5tgkt_49",
16
+ "alignIconLeftEdge": "_alignIconLeftEdge_1a5tgkt_52",
17
+ "alignIconRight": "_alignIconRight_1a5tgkt_55",
18
+ "alignIconRightEdge": "_alignIconRightEdge_1a5tgkt_58",
19
+ "main": "_main_1a5tgkt_62",
20
+ "disabled": "_disabled_1a5tgkt_139",
21
+ "busy": "_busy_1a5tgkt_149",
22
+ "busyOverlay": "_busyOverlay_1a5tgkt_153",
23
+ "icon": "_icon_1a5tgkt_188",
24
+ "allowMultiline": "_allowMultiline_1a5tgkt_203",
25
+ "content": "_content_1a5tgkt_207",
26
+ "multiline": "_multiline_1a5tgkt_213",
27
+ "withoutText": "_withoutText_1a5tgkt_217",
28
+ "busyIcon": "_busyIcon_1a5tgkt_222",
29
+ "shiftedLeft": "_shiftedLeft_1a5tgkt_243",
30
+ "shiftedRight": "_shiftedRight_1a5tgkt_246",
31
+ "shiftedTop": "_shiftedTop_1a5tgkt_249",
32
+ "shiftedBottom": "_shiftedBottom_1a5tgkt_252"
33
33
  };
34
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_euo11l_4{
1
+ ._icon_e0n0cr_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_euo11l_4{
11
+ ._icon_e0n0cr_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_euo11l_4{
20
+ ._icon_e0n0cr_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_euo11l_4{
28
+ ._icon_e0n0cr_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_euo11l_14{
35
+ ._sizeXS_e0n0cr_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_euo11l_18{
38
+ ._sizeS_e0n0cr_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_euo11l_22{
41
+ ._sizeM_e0n0cr_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_euo11l_26{
44
+ ._sizeL_e0n0cr_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_euo11l_30{
47
+ ._light_e0n0cr_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_euo11l_34{
51
+ ._dark_e0n0cr_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,61 +60,61 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_euo11l_48{
63
+ ._allVariants_e0n0cr_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_euo11l_53,
68
- ._variant20_euo11l_54,
69
- ._variant24_euo11l_55{
67
+ ._variant16_e0n0cr_53,
68
+ ._variant20_e0n0cr_54,
69
+ ._variant24_e0n0cr_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_euo11l_58{
72
+ ._variant28_e0n0cr_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_euo11l_55{
76
+ ._variant24_e0n0cr_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_euo11l_58{
79
+ ._variant28_e0n0cr_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_euo11l_54{
84
+ ._variant20_e0n0cr_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_euo11l_55{
87
+ ._variant24_e0n0cr_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_euo11l_53{
92
+ ._variant16_e0n0cr_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_euo11l_54{
95
+ ._variant20_e0n0cr_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._light_v0qtpr_6{
99
+ ._light_1a5tgkt_6{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._dark_v0qtpr_9{
102
+ ._dark_1a5tgkt_9{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._flatRight_v0qtpr_13{
105
+ ._flatRight_1a5tgkt_13{
106
106
  --_rs-button-top-right-border-radius-or-initial:0px;
107
107
  --_rs-button-bottom-right-border-radius-or-initial:0px;
108
108
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
109
109
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
110
110
  }
111
- ._flatLeft_v0qtpr_16{
111
+ ._flatLeft_1a5tgkt_16{
112
112
  --_rs-button-top-left-border-radius-or-initial:0px;
113
113
  --_rs-button-bottom-left-border-radius-or-initial:0px;
114
114
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
115
115
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
116
116
  }
117
- ._sizeXs_v0qtpr_20{
117
+ ._sizeXs_1a5tgkt_20{
118
118
  --_rs-button-border-radius-base:var(
119
119
  --rs-button-xs-border-radius,
120
120
  var(--rs-button-border-radius, 4px)
@@ -129,7 +129,7 @@
129
129
  --_rs-button-icon-size:16px;
130
130
  --_rs-button-icon-offset:4px;
131
131
  }
132
- ._sizeXs_v0qtpr_20 [data-rs-internal='button__content']{
132
+ ._sizeXs_1a5tgkt_20 [data-rs-internal='button__content']{
133
133
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
134
134
  --_rs-typography-text-transform:initial;
135
135
  --_rs-typography-font-variant-numeric:initial;
@@ -156,14 +156,15 @@
156
156
  )
157
157
  );
158
158
  --_rs-typography-text-auto-offset:8px;
159
- --_rs-typography-ul-list-li-padding-left:28px;
160
- --_rs-typography-ol-list-li-padding-left:21px;
159
+ --_rs-typography-ul-bullet-offset:2px;
160
+ --_rs-typography-list-li-compact-left-offset:15px;
161
+ --_rs-typography-list-li-default-left-offset:19px;
161
162
  --_rs-typography-list-li-margin-top-from-text:8px;
162
163
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
163
164
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
164
165
  --_rs-typography-link-border-bottom-width-from-text:1px;
165
166
  }
166
- ._sizeS_v0qtpr_23{
167
+ ._sizeS_1a5tgkt_23{
167
168
  --_rs-button-border-radius-base:var(
168
169
  --rs-button-s-border-radius,
169
170
  var(--rs-button-border-radius, 16px)
@@ -178,7 +179,7 @@
178
179
  --_rs-button-icon-size:20px;
179
180
  --_rs-button-icon-offset:8px;
180
181
  }
181
- ._sizeS_v0qtpr_23 [data-rs-internal='button__content']{
182
+ ._sizeS_1a5tgkt_23 [data-rs-internal='button__content']{
182
183
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
183
184
  --_rs-typography-text-transform:initial;
184
185
  --_rs-typography-font-variant-numeric:initial;
@@ -205,14 +206,15 @@
205
206
  )
206
207
  );
207
208
  --_rs-typography-text-auto-offset:8px;
208
- --_rs-typography-ul-list-li-padding-left:28px;
209
- --_rs-typography-ol-list-li-padding-left:21px;
209
+ --_rs-typography-ul-bullet-offset:2px;
210
+ --_rs-typography-list-li-compact-left-offset:15px;
211
+ --_rs-typography-list-li-default-left-offset:19px;
210
212
  --_rs-typography-list-li-margin-top-from-text:8px;
211
213
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
212
214
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
213
215
  --_rs-typography-link-border-bottom-width-from-text:1px;
214
216
  }
215
- ._sizeM_v0qtpr_26{
217
+ ._sizeM_1a5tgkt_26{
216
218
  --_rs-button-border-radius-base:var(
217
219
  --rs-button-m-border-radius,
218
220
  var(--rs-button-border-radius, 20px)
@@ -227,7 +229,7 @@
227
229
  --_rs-button-icon-size:24px;
228
230
  --_rs-button-icon-offset:8px;
229
231
  }
230
- ._sizeM_v0qtpr_26 [data-rs-internal='button__content']{
232
+ ._sizeM_1a5tgkt_26 [data-rs-internal='button__content']{
231
233
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
232
234
  --_rs-typography-text-transform:initial;
233
235
  --_rs-typography-font-variant-numeric:initial;
@@ -254,8 +256,9 @@
254
256
  )
255
257
  );
256
258
  --_rs-typography-text-auto-offset:16px;
257
- --_rs-typography-ul-list-li-padding-left:22px;
258
- --_rs-typography-ol-list-li-padding-left:26px;
259
+ --_rs-typography-ul-bullet-offset:2px;
260
+ --_rs-typography-list-li-compact-left-offset:18px;
261
+ --_rs-typography-list-li-default-left-offset:24px;
259
262
  --_rs-typography-list-li-margin-top-from-text:var(
260
263
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
261
264
  16px
@@ -265,11 +268,11 @@
265
268
  --_rs-typography-link-border-bottom-width-from-text:1px;
266
269
  }
267
270
  @media screen and (max-width: 640px){
268
- ._sizeM_v0qtpr_26 [data-rs-internal='button__content']{
271
+ ._sizeM_1a5tgkt_26 [data-rs-internal='button__content']{
269
272
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
270
273
  }
271
274
  }
272
- ._sizeL_v0qtpr_29{
275
+ ._sizeL_1a5tgkt_29{
273
276
  --_rs-button-border-radius-base:var(
274
277
  --rs-button-l-border-radius,
275
278
  var(--rs-button-border-radius, 26px)
@@ -284,7 +287,7 @@
284
287
  --_rs-button-icon-size:28px;
285
288
  --_rs-button-icon-offset:16px;
286
289
  }
287
- ._sizeL_v0qtpr_29 [data-rs-internal='button__content']{
290
+ ._sizeL_1a5tgkt_29 [data-rs-internal='button__content']{
288
291
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
289
292
  --_rs-typography-text-transform:initial;
290
293
  --_rs-typography-font-variant-numeric:initial;
@@ -311,8 +314,9 @@
311
314
  )
312
315
  );
313
316
  --_rs-typography-text-auto-offset:32px;
314
- --_rs-typography-ul-list-li-padding-left:26px;
315
- --_rs-typography-ol-list-li-padding-left:32px;
317
+ --_rs-typography-ul-bullet-offset:2px;
318
+ --_rs-typography-list-li-compact-left-offset:22px;
319
+ --_rs-typography-list-li-default-left-offset:28px;
316
320
  --_rs-typography-list-li-margin-top-from-text:var(
317
321
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
318
322
  24px
@@ -322,11 +326,11 @@
322
326
  --_rs-typography-link-border-bottom-width-from-text:1px;
323
327
  }
324
328
  @media screen and (max-width: 640px){
325
- ._sizeL_v0qtpr_29 [data-rs-internal='button__content']{
329
+ ._sizeL_1a5tgkt_29 [data-rs-internal='button__content']{
326
330
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
327
331
  }
328
332
  }
329
- ._modeClassic_v0qtpr_33{
333
+ ._modeClassic_1a5tgkt_33{
330
334
  --_rs-button-inner-border-display:none;
331
335
  --_rs-button-color:rgb(
332
336
  calc(255 - var(--rs-button-flip-text-color, 0)*230),
@@ -342,7 +346,7 @@
342
346
  --_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);
343
347
  --_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);
344
348
  }
345
- ._modeRock_v0qtpr_36{
349
+ ._modeRock_1a5tgkt_36{
346
350
  --_rs-button-inner-border-display:none;
347
351
  --_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));
348
352
  --_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));
@@ -355,7 +359,7 @@
355
359
  --_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);
356
360
  --_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);
357
361
  }
358
- ._modeTransparent_v0qtpr_39{
362
+ ._modeTransparent_1a5tgkt_39{
359
363
  --_rs-button-inner-border-display:none;
360
364
  --_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));
361
365
  --_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);
@@ -367,7 +371,7 @@
367
371
  --_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);
368
372
  --_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);
369
373
  }
370
- ._modeOutline_v0qtpr_42{
374
+ ._modeOutline_1a5tgkt_42{
371
375
  --_rs-button-inner-border-display:block;
372
376
  --_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));
373
377
  --_rs-button-background:transparent;
@@ -379,7 +383,7 @@
379
383
  --_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);
380
384
  --_rs-button-disabled-background:transparent;
381
385
  }
382
- ._modeClear_v0qtpr_45{
386
+ ._modeClear_1a5tgkt_45{
383
387
  --_rs-button-inner-border-display:none;
384
388
  --_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));
385
389
  --_rs-button-background:transparent;
@@ -391,23 +395,23 @@
391
395
  --_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);
392
396
  --_rs-button-disabled-background:transparent;
393
397
  }
394
- ._alignIconLeft_v0qtpr_49{
398
+ ._alignIconLeft_1a5tgkt_49{
395
399
  --_rs-button-icon-flex-direction:row;
396
400
  --_rs-button-content-grow:0;
397
401
  }
398
- ._alignIconLeftEdge_v0qtpr_52{
402
+ ._alignIconLeftEdge_1a5tgkt_52{
399
403
  --_rs-button-icon-flex-direction:row;
400
404
  --_rs-button-content-grow:1;
401
405
  }
402
- ._alignIconRight_v0qtpr_55{
406
+ ._alignIconRight_1a5tgkt_55{
403
407
  --_rs-button-icon-flex-direction:row-reverse;
404
408
  --_rs-button-content-grow:0;
405
409
  }
406
- ._alignIconRightEdge_v0qtpr_58{
410
+ ._alignIconRightEdge_1a5tgkt_58{
407
411
  --_rs-button-icon-flex-direction:row-reverse;
408
412
  --_rs-button-content-grow:1;
409
413
  }
410
- ._main_v0qtpr_62{
414
+ ._main_1a5tgkt_62{
411
415
  --_rs-theme-dark:var(
412
416
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
413
417
  var(--rs-theme-dark, 0)
@@ -417,7 +421,7 @@
417
421
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
418
422
  }
419
423
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
420
- ._main_v0qtpr_62{
424
+ ._main_1a5tgkt_62{
421
425
  --_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)));
422
426
  --_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)));
423
427
  --_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)));
@@ -426,7 +430,7 @@
426
430
  }
427
431
  }
428
432
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
429
- ._main_v0qtpr_62{
433
+ ._main_1a5tgkt_62{
430
434
  --_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);
431
435
  --_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));
432
436
  --_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));
@@ -434,7 +438,7 @@
434
438
  --_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));
435
439
  }
436
440
  }
437
- ._main_v0qtpr_62 {
441
+ ._main_1a5tgkt_62 {
438
442
  --_rs-button-background-final:var(
439
443
  --_rs-button-background-from-state-active-focus-visible-no-hover,
440
444
  var(
@@ -515,19 +519,19 @@
515
519
  -moz-column-gap:var(--_rs-button-icon-offset);
516
520
  column-gap:var(--_rs-button-icon-offset);
517
521
  }
518
- ._main_v0qtpr_62:hover,
519
- ._main_v0qtpr_62:focus,
520
- ._main_v0qtpr_62:active{
522
+ ._main_1a5tgkt_62:hover,
523
+ ._main_1a5tgkt_62:focus,
524
+ ._main_1a5tgkt_62:active{
521
525
  outline:none;
522
526
 
523
527
  text-decoration:none;
524
528
  }
525
- ._main_v0qtpr_62:focus{
529
+ ._main_1a5tgkt_62:focus{
526
530
  color:var(--_rs-button-color);
527
531
  background:var(--_rs-button-background-final);
528
532
  }
529
533
  @media (hover: hover){
530
- ._main_v0qtpr_62:hover{
534
+ ._main_1a5tgkt_62:hover{
531
535
  --_rs-button-border-inner-color:rgba(
532
536
  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),
533
537
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -535,24 +539,24 @@
535
539
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
536
540
  }
537
541
  }
538
- ._main_v0qtpr_62:active{
542
+ ._main_1a5tgkt_62:active{
539
543
  --_rs-button-border-inner-width:2px;
540
544
  --_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));
541
545
  --_rs-button-background-from-state-active:var(
542
546
  --_rs-button-active-background
543
547
  );
544
548
  }
545
- ._main_v0qtpr_62:focus[data-focus-method='key']{
549
+ ._main_1a5tgkt_62:focus[data-focus-method='key']{
546
550
  --_rs-button-box-shadow-from-state-focus-visible:var(
547
551
  --_rs-color-primary-t-dim
548
552
  ) 0 0 0 4px;
549
553
  }
550
- ._main_v0qtpr_62:active:not(:hover):focus[data-focus-method='key']{
554
+ ._main_1a5tgkt_62:active:not(:hover):focus[data-focus-method='key']{
551
555
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
552
556
  --_rs-button-active-focus-visible-no-hover-background
553
557
  );
554
558
  }
555
- ._main_v0qtpr_62._disabled_v0qtpr_139{
559
+ ._main_1a5tgkt_62._disabled_1a5tgkt_139{
556
560
  --_rs-button-border-inner-color:rgba(
557
561
  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),
558
562
  0.2
@@ -561,26 +565,26 @@
561
565
  color:var(--_rs-button-disabled-color);
562
566
  background:var(--_rs-button-disabled-background);
563
567
  }
564
- ._main_v0qtpr_62._busy_v0qtpr_149{
568
+ ._main_1a5tgkt_62._busy_1a5tgkt_149{
565
569
  pointer-events:none;
566
570
  }
567
- ._main_v0qtpr_62._busyOverlay_v0qtpr_153{
571
+ ._main_1a5tgkt_62._busyOverlay_1a5tgkt_153{
568
572
  display:inline-flex;
569
573
  justify-content:center;
570
574
  align-items:center;
571
575
  }
572
- ._main_v0qtpr_62._busyOverlay_v0qtpr_153,
573
- ._main_v0qtpr_62._busyOverlay_v0qtpr_153:hover,
574
- ._main_v0qtpr_62._busyOverlay_v0qtpr_153:active,
575
- ._main_v0qtpr_62._busyOverlay_v0qtpr_153._disabled_v0qtpr_139,
576
- ._main_v0qtpr_62._busyOverlay_v0qtpr_153:focus{
576
+ ._main_1a5tgkt_62._busyOverlay_1a5tgkt_153,
577
+ ._main_1a5tgkt_62._busyOverlay_1a5tgkt_153:hover,
578
+ ._main_1a5tgkt_62._busyOverlay_1a5tgkt_153:active,
579
+ ._main_1a5tgkt_62._busyOverlay_1a5tgkt_153._disabled_1a5tgkt_139,
580
+ ._main_1a5tgkt_62._busyOverlay_1a5tgkt_153:focus{
577
581
  -webkit-user-select:none;
578
582
  -moz-user-select:none;
579
583
  user-select:none;
580
584
 
581
585
  color:transparent;
582
586
  }
583
- ._main_v0qtpr_62::before{
587
+ ._main_1a5tgkt_62::before{
584
588
  position:absolute;
585
589
  top:0;
586
590
  right:0;
@@ -597,7 +601,7 @@
597
601
 
598
602
  transition:border-color 100ms;
599
603
  }
600
- ._main_v0qtpr_62 ._icon_v0qtpr_188{
604
+ ._main_1a5tgkt_62 ._icon_1a5tgkt_188{
601
605
  flex:0 0 auto;
602
606
 
603
607
  width:auto;
@@ -606,38 +610,38 @@
606
610
  margin:0;
607
611
  fill:currentColor;
608
612
  }
609
- ._disabled_v0qtpr_139{
613
+ ._disabled_1a5tgkt_139{
610
614
  pointer-events:none;
611
615
  }
612
- ._allowMultiline_v0qtpr_203{
616
+ ._allowMultiline_1a5tgkt_203{
613
617
  white-space:normal;
614
618
  }
615
- ._content_v0qtpr_207{
619
+ ._content_1a5tgkt_207{
616
620
  flex:var(--_rs-button-content-grow) 1 auto;
617
621
 
618
622
  min-width:0;
619
623
  }
620
- ._multiline_v0qtpr_213{
624
+ ._multiline_1a5tgkt_213{
621
625
  border-radius:var(--_rs-button-multiline-border-radius);
622
626
  }
623
- ._withoutText_v0qtpr_217{
627
+ ._withoutText_1a5tgkt_217{
624
628
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
625
629
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
626
630
  }
627
- ._busyIcon_v0qtpr_222{
631
+ ._busyIcon_1a5tgkt_222{
628
632
  position:absolute;
629
633
  top:50%;
630
634
  left:50%;
631
635
 
632
636
  transform:translate(-50%, -50%);
633
637
  }
634
- ._main_v0qtpr_62 ._busyIcon_v0qtpr_222{
638
+ ._main_1a5tgkt_62 ._busyIcon_1a5tgkt_222{
635
639
  color:var(--_rs-button-color);
636
640
  }
637
- ._main_v0qtpr_62._disabled_v0qtpr_139 ._busyIcon_v0qtpr_222{
641
+ ._main_1a5tgkt_62._disabled_1a5tgkt_139 ._busyIcon_1a5tgkt_222{
638
642
  color:var(--_rs-button-disabled-color);
639
643
  }
640
- ._content_v0qtpr_207{
644
+ ._content_1a5tgkt_207{
641
645
  letter-spacing:var(
642
646
  --rs-text-base-letter-spacing,
643
647
  var(--_rs-typography-letter-spacing)
@@ -650,15 +654,15 @@
650
654
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
651
655
  font-feature-settings:'kern', 'liga', 'calt';
652
656
  }
653
- ._shiftedLeft_v0qtpr_243{
657
+ ._shiftedLeft_1a5tgkt_243{
654
658
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
655
659
  }
656
- ._shiftedRight_v0qtpr_246{
660
+ ._shiftedRight_1a5tgkt_246{
657
661
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
658
662
  }
659
- ._shiftedTop_v0qtpr_249{
663
+ ._shiftedTop_1a5tgkt_249{
660
664
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
661
665
  }
662
- ._shiftedBottom_v0qtpr_252{
666
+ ._shiftedBottom_1a5tgkt_252{
663
667
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
664
668
  }
package/lib/public-api.p.css CHANGED
@@ -41,8 +41,9 @@
41
41
  )
42
42
  );
43
43
  --_rs-typography-text-auto-offset:8px;
44
- --_rs-typography-ul-list-li-padding-left:28px;
45
- --_rs-typography-ol-list-li-padding-left:21px;
44
+ --_rs-typography-ul-bullet-offset:2px;
45
+ --_rs-typography-list-li-compact-left-offset:15px;
46
+ --_rs-typography-list-li-default-left-offset:19px;
46
47
  --_rs-typography-list-li-margin-top-from-text:8px;
47
48
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
48
49
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -92,8 +93,9 @@
92
93
  )
93
94
  );
94
95
  --_rs-typography-text-auto-offset:8px;
95
- --_rs-typography-ul-list-li-padding-left:28px;
96
- --_rs-typography-ol-list-li-padding-left:21px;
96
+ --_rs-typography-ul-bullet-offset:2px;
97
+ --_rs-typography-list-li-compact-left-offset:15px;
98
+ --_rs-typography-list-li-default-left-offset:19px;
97
99
  --_rs-typography-list-li-margin-top-from-text:8px;
98
100
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
99
101
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -143,8 +145,9 @@
143
145
  )
144
146
  );
145
147
  --_rs-typography-text-auto-offset:16px;
146
- --_rs-typography-ul-list-li-padding-left:22px;
147
- --_rs-typography-ol-list-li-padding-left:26px;
148
+ --_rs-typography-ul-bullet-offset:2px;
149
+ --_rs-typography-list-li-compact-left-offset:18px;
150
+ --_rs-typography-list-li-default-left-offset:24px;
148
151
  --_rs-typography-list-li-margin-top-from-text:var(
149
152
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
150
153
  16px
@@ -202,8 +205,9 @@
202
205
  )
203
206
  );
204
207
  --_rs-typography-text-auto-offset:32px;
205
- --_rs-typography-ul-list-li-padding-left:26px;
206
- --_rs-typography-ol-list-li-padding-left:32px;
208
+ --_rs-typography-ul-bullet-offset:2px;
209
+ --_rs-typography-list-li-compact-left-offset:22px;
210
+ --_rs-typography-list-li-default-left-offset:28px;
207
211
  --_rs-typography-list-li-margin-top-from-text:var(
208
212
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
209
213
  24px
package/lib/public-api.pcss CHANGED
@@ -41,8 +41,9 @@
41
41
  )
42
42
  );
43
43
  --_rs-typography-text-auto-offset:8px;
44
- --_rs-typography-ul-list-li-padding-left:28px;
45
- --_rs-typography-ol-list-li-padding-left:21px;
44
+ --_rs-typography-ul-bullet-offset:2px;
45
+ --_rs-typography-list-li-compact-left-offset:15px;
46
+ --_rs-typography-list-li-default-left-offset:19px;
46
47
  --_rs-typography-list-li-margin-top-from-text:8px;
47
48
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
48
49
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -92,8 +93,9 @@
92
93
  )
93
94
  );
94
95
  --_rs-typography-text-auto-offset:8px;
95
- --_rs-typography-ul-list-li-padding-left:28px;
96
- --_rs-typography-ol-list-li-padding-left:21px;
96
+ --_rs-typography-ul-bullet-offset:2px;
97
+ --_rs-typography-list-li-compact-left-offset:15px;
98
+ --_rs-typography-list-li-default-left-offset:19px;
97
99
  --_rs-typography-list-li-margin-top-from-text:8px;
98
100
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
99
101
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -143,8 +145,9 @@
143
145
  )
144
146
  );
145
147
  --_rs-typography-text-auto-offset:16px;
146
- --_rs-typography-ul-list-li-padding-left:22px;
147
- --_rs-typography-ol-list-li-padding-left:26px;
148
+ --_rs-typography-ul-bullet-offset:2px;
149
+ --_rs-typography-list-li-compact-left-offset:18px;
150
+ --_rs-typography-list-li-default-left-offset:24px;
148
151
  --_rs-typography-list-li-margin-top-from-text:var(
149
152
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
150
153
  16px
@@ -202,8 +205,9 @@
202
205
  )
203
206
  );
204
207
  --_rs-typography-text-auto-offset:32px;
205
- --_rs-typography-ul-list-li-padding-left:26px;
206
- --_rs-typography-ol-list-li-padding-left:32px;
208
+ --_rs-typography-ul-bullet-offset:2px;
209
+ --_rs-typography-list-li-compact-left-offset:22px;
210
+ --_rs-typography-list-li-default-left-offset:28px;
207
211
  --_rs-typography-list-li-margin-top-from-text:var(
208
212
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
209
213
  24px
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.23.4",
3
+ "version": "0.23.5",
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.3.0",
29
- "@rescui/icons": "^1.7.3",
29
+ "@rescui/icons": "^1.7.4",
30
30
  "@rescui/scripts": "^0.5.1",
31
- "@rescui/typography": "^0.24.4",
31
+ "@rescui/typography": "^0.25.0",
32
32
  "@rescui/visual-regression": "^0.1.4",
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": "1c29c8940bcec78d637ea6070ee8a63c258c8e89"
40
+ "gitHead": "59db2e6ea5eabdcabc035779df2611d0df5a0cbe"
41
41
  }