@rescui/button 0.17.1 → 0.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/loading.js +8 -9
  3. package/lib/button.js +103 -103
  4. package/lib/button.p.module.css.js +29 -29
  5. package/lib/index.css +205 -250
  6. package/lib/index.js +1 -1
  7. package/lib/public-api.p.css +54 -54
  8. package/lib/public-api.pcss +54 -54
  9. package/package.json +9 -10
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1hf44po_4{
1
+ ._icon_ons1cf_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_1hf44po_4{
11
+ ._icon_ons1cf_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_1hf44po_4{
20
+ ._icon_ons1cf_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,104 +25,60 @@
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_1hf44po_4{
28
+ ._icon_ons1cf_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_1hf44po_14{
35
+ ._sizeXS_ons1cf_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1hf44po_18{
38
+ ._sizeS_ons1cf_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1hf44po_22{
41
+ ._sizeM_ons1cf_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1hf44po_26{
44
+ ._sizeL_ons1cf_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1hf44po_30{
47
+ ._light_ons1cf_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_1hf44po_34{
51
+ ._dark_ons1cf_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
  }
55
- @-webkit-keyframes rs-icon-rotate{
56
- from{
57
- -webkit-transform:rotate(0deg);
58
- transform:rotate(0deg);
59
- }
60
- to{
61
- -webkit-transform:rotate(360deg);
62
- transform:rotate(360deg);
63
- }
64
- }
65
55
  @keyframes rs-icon-rotate{
66
56
  from{
67
- -webkit-transform:rotate(0deg);
68
- transform:rotate(0deg);
57
+ transform:rotate(0deg);
69
58
  }
70
59
  to{
71
- -webkit-transform:rotate(360deg);
72
- transform:rotate(360deg);
60
+ transform:rotate(360deg);
73
61
  }
74
62
  }
75
- ._light_14w89nx_6{
63
+ ._light_c0yiq4_6{
76
64
  --rs-theme-dark:0;
77
65
  }
78
- ._dark_14w89nx_9{
66
+ ._dark_c0yiq4_9{
79
67
  --rs-theme-dark:1;
80
68
  }
81
- ._flatRight_14w89nx_13{
69
+ ._flatRight_c0yiq4_13{
82
70
  --_rs-button-top-right-border-radius-or-initial:0px;
83
71
  --_rs-button-bottom-right-border-radius-or-initial:0px;
84
72
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
85
73
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
86
74
  }
87
- ._flatLeft_14w89nx_16{
75
+ ._flatLeft_c0yiq4_16{
88
76
  --_rs-button-top-left-border-radius-or-initial:0px;
89
77
  --_rs-button-bottom-left-border-radius-or-initial:0px;
90
78
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
91
79
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
92
80
  }
93
- ._sizeXs_14w89nx_20{
94
- --_rs-typography-letter-spacing:0.0045em;
95
- --_rs-typography-text-transform:initial;
96
- --_rs-typography-font-variant-numeric:initial;
97
- --_rs-typography-font-family:var(
98
- --rs-font-family-ui,
99
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
100
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
101
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
102
- );
103
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
104
- --_rs-typography-font-weight:var(
105
- --rs-font-weight-regular,
106
- 400
107
- );
108
- --_rs-typography-line-height:var(
109
- --rs-text-3-line-height,
110
- 20px
111
- );
112
- --_rs-typography-base-color:var(
113
- --_rs-typography-hardness-color,
114
- var(
115
- --rs-color-average,
116
- 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.7)
117
- )
118
- );
119
- --_rs-typography-text-auto-offset:8px;
120
- --_rs-typography-ul-list-li-padding-left:28px;
121
- --_rs-typography-ol-list-li-padding-left:21px;
122
- --_rs-typography-list-li-margin-top-from-text:8px;
123
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
124
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
125
- --_rs-typography-link-border-bottom-width-from-text:1px;
81
+ ._sizeXs_c0yiq4_20{
126
82
  --_rs-button-border-radius-base:var(
127
83
  --rs-button-xs-border-radius,
128
84
  var(--rs-button-border-radius, 4px)
@@ -132,44 +88,46 @@
132
88
  var(--rs-button-multiline-border-radius, 4px)
133
89
  );
134
90
  --_rs-button-vertical-padding:2px;
135
- --_rs-button-horizontal-padding:16px;
91
+ --_rs-button-horizontal-padding:8px;
92
+ --_rs-button-icon-only-padding:4px;
136
93
  --_rs-button-icon-size:16px;
137
- --_rs-button-icon-offset:8px;
138
- --_rs-button-icon-margin-top:2px;
94
+ --_rs-button-icon-offset:4px;
139
95
  }
140
- ._sizeS_14w89nx_23{
141
- --_rs-typography-letter-spacing:0.0045em;
142
- --_rs-typography-text-transform:initial;
143
- --_rs-typography-font-variant-numeric:initial;
144
- --_rs-typography-font-family:var(
96
+ ._sizeXs_c0yiq4_20 [data-rs-internal="button__content"]{
97
+ --_rs-typography-letter-spacing:0.0045em;
98
+ --_rs-typography-text-transform:initial;
99
+ --_rs-typography-font-variant-numeric:initial;
100
+ --_rs-typography-font-family:var(
145
101
  --rs-font-family-ui,
146
102
  var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
147
103
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
148
104
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
149
105
  );
150
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
151
- --_rs-typography-font-weight:var(
106
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
107
+ --_rs-typography-font-weight:var(
152
108
  --rs-font-weight-regular,
153
109
  400
154
110
  );
155
- --_rs-typography-line-height:var(
111
+ --_rs-typography-line-height:var(
156
112
  --rs-text-3-line-height,
157
113
  20px
158
114
  );
159
- --_rs-typography-base-color:var(
115
+ --_rs-typography-base-color:var(
160
116
  --_rs-typography-hardness-color,
161
117
  var(
162
118
  --rs-color-average,
163
119
  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.7)
164
120
  )
165
121
  );
166
- --_rs-typography-text-auto-offset:8px;
167
- --_rs-typography-ul-list-li-padding-left:28px;
168
- --_rs-typography-ol-list-li-padding-left:21px;
169
- --_rs-typography-list-li-margin-top-from-text:8px;
170
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
171
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
172
- --_rs-typography-link-border-bottom-width-from-text:1px;
122
+ --_rs-typography-text-auto-offset:8px;
123
+ --_rs-typography-ul-list-li-padding-left:28px;
124
+ --_rs-typography-ol-list-li-padding-left:21px;
125
+ --_rs-typography-list-li-margin-top-from-text:8px;
126
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
127
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
128
+ --_rs-typography-link-border-bottom-width-from-text:1px;
129
+ }
130
+ ._sizeS_c0yiq4_23{
173
131
  --_rs-button-border-radius-base:var(
174
132
  --rs-button-s-border-radius,
175
133
  var(--rs-button-border-radius, 16px)
@@ -180,50 +138,45 @@
180
138
  );
181
139
  --_rs-button-vertical-padding:6px;
182
140
  --_rs-button-horizontal-padding:16px;
141
+ --_rs-button-icon-only-padding:6px;
183
142
  --_rs-button-icon-size:20px;
184
143
  --_rs-button-icon-offset:8px;
185
- --_rs-button-icon-margin-top:0px;
186
144
  }
187
- ._sizeM_14w89nx_26{
188
- --_rs-typography-letter-spacing:0.0015em;
189
- --_rs-typography-text-transform:initial;
190
- --_rs-typography-font-variant-numeric:initial;
191
- --_rs-typography-font-family:var(
145
+ ._sizeS_c0yiq4_23 [data-rs-internal="button__content"]{
146
+ --_rs-typography-letter-spacing:0.0045em;
147
+ --_rs-typography-text-transform:initial;
148
+ --_rs-typography-font-variant-numeric:initial;
149
+ --_rs-typography-font-family:var(
192
150
  --rs-font-family-ui,
193
151
  var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
194
152
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
195
153
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
196
154
  );
197
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
198
- --_rs-typography-font-weight:var(
155
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
156
+ --_rs-typography-font-weight:var(
199
157
  --rs-font-weight-regular,
200
158
  400
201
159
  );
202
- --_rs-typography-line-height:var(
203
- --rs-text-2-line-height,
204
- 24px
160
+ --_rs-typography-line-height:var(
161
+ --rs-text-3-line-height,
162
+ 20px
205
163
  );
206
- --_rs-typography-base-color:var(
164
+ --_rs-typography-base-color:var(
207
165
  --_rs-typography-hardness-color,
208
166
  var(
209
167
  --rs-color-average,
210
168
  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.7)
211
169
  )
212
170
  );
213
- --_rs-typography-text-auto-offset:16px;
214
- --_rs-typography-ul-list-li-padding-left:22px;
215
- --_rs-typography-ol-list-li-padding-left:26px;
216
- --_rs-typography-list-li-margin-top-from-text:16px;
217
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
218
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
219
- --_rs-typography-link-border-bottom-width-from-text:1px;
220
- }
221
- @media screen and (max-width: 640px){
222
- ._sizeM_14w89nx_26{
223
- --_rs-typography-list-li-margin-top-from-text:12px;
224
- }
171
+ --_rs-typography-text-auto-offset:8px;
172
+ --_rs-typography-ul-list-li-padding-left:28px;
173
+ --_rs-typography-ol-list-li-padding-left:21px;
174
+ --_rs-typography-list-li-margin-top-from-text:8px;
175
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
176
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
177
+ --_rs-typography-link-border-bottom-width-from-text:1px;
225
178
  }
226
- ._sizeM_14w89nx_26 {
179
+ ._sizeM_c0yiq4_26{
227
180
  --_rs-button-border-radius-base:var(
228
181
  --rs-button-m-border-radius,
229
182
  var(--rs-button-border-radius, 20px)
@@ -234,50 +187,50 @@
234
187
  );
235
188
  --_rs-button-vertical-padding:8px;
236
189
  --_rs-button-horizontal-padding:24px;
190
+ --_rs-button-icon-only-padding:8px;
237
191
  --_rs-button-icon-size:24px;
238
192
  --_rs-button-icon-offset:8px;
239
- --_rs-button-icon-margin-top:0px;
240
193
  }
241
- ._sizeL_14w89nx_29{
242
- --_rs-typography-letter-spacing:normal;
243
- --_rs-typography-text-transform:initial;
244
- --_rs-typography-font-variant-numeric:initial;
245
- --_rs-typography-font-family:var(
194
+ ._sizeM_c0yiq4_26 [data-rs-internal="button__content"]{
195
+ --_rs-typography-letter-spacing:0.0015em;
196
+ --_rs-typography-text-transform:initial;
197
+ --_rs-typography-font-variant-numeric:initial;
198
+ --_rs-typography-font-family:var(
246
199
  --rs-font-family-ui,
247
200
  var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
248
201
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
249
202
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
250
203
  );
251
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
252
- --_rs-typography-font-weight:var(
204
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
205
+ --_rs-typography-font-weight:var(
253
206
  --rs-font-weight-regular,
254
207
  400
255
208
  );
256
- --_rs-typography-line-height:var(
257
- --rs-text-1-line-height,
258
- 28px
209
+ --_rs-typography-line-height:var(
210
+ --rs-text-2-line-height,
211
+ 24px
259
212
  );
260
- --_rs-typography-base-color:var(
213
+ --_rs-typography-base-color:var(
261
214
  --_rs-typography-hardness-color,
262
215
  var(
263
216
  --rs-color-average,
264
217
  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.7)
265
218
  )
266
219
  );
267
- --_rs-typography-text-auto-offset:32px;
268
- --_rs-typography-ul-list-li-padding-left:26px;
269
- --_rs-typography-ol-list-li-padding-left:32px;
270
- --_rs-typography-list-li-margin-top-from-text:24px;
271
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
272
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
273
- --_rs-typography-link-border-bottom-width-from-text:1px;
274
- }
275
- @media screen and (max-width: 640px){
276
- ._sizeL_14w89nx_29{
220
+ --_rs-typography-text-auto-offset:16px;
221
+ --_rs-typography-ul-list-li-padding-left:22px;
222
+ --_rs-typography-ol-list-li-padding-left:26px;
277
223
  --_rs-typography-list-li-margin-top-from-text:16px;
278
- }
224
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
225
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
226
+ --_rs-typography-link-border-bottom-width-from-text:1px;
227
+ }
228
+ @media screen and (max-width: 640px){
229
+ ._sizeM_c0yiq4_26 [data-rs-internal="button__content"]{
230
+ --_rs-typography-list-li-margin-top-from-text:12px;
231
+ }
279
232
  }
280
- ._sizeL_14w89nx_29 {
233
+ ._sizeL_c0yiq4_29{
281
234
  --_rs-button-border-radius-base:var(
282
235
  --rs-button-l-border-radius,
283
236
  var(--rs-button-border-radius, 26px)
@@ -288,11 +241,50 @@
288
241
  );
289
242
  --_rs-button-vertical-padding:12px;
290
243
  --_rs-button-horizontal-padding:32px;
244
+ --_rs-button-icon-only-padding:12px;
291
245
  --_rs-button-icon-size:28px;
292
246
  --_rs-button-icon-offset:16px;
293
- --_rs-button-icon-margin-top:0px;
294
247
  }
295
- ._modeClassic_14w89nx_33{
248
+ ._sizeL_c0yiq4_29 [data-rs-internal="button__content"]{
249
+ --_rs-typography-letter-spacing:normal;
250
+ --_rs-typography-text-transform:initial;
251
+ --_rs-typography-font-variant-numeric:initial;
252
+ --_rs-typography-font-family:var(
253
+ --rs-font-family-ui,
254
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
255
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
256
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
257
+ );
258
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
259
+ --_rs-typography-font-weight:var(
260
+ --rs-font-weight-regular,
261
+ 400
262
+ );
263
+ --_rs-typography-line-height:var(
264
+ --rs-text-1-line-height,
265
+ 28px
266
+ );
267
+ --_rs-typography-base-color:var(
268
+ --_rs-typography-hardness-color,
269
+ var(
270
+ --rs-color-average,
271
+ 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.7)
272
+ )
273
+ );
274
+ --_rs-typography-text-auto-offset:32px;
275
+ --_rs-typography-ul-list-li-padding-left:26px;
276
+ --_rs-typography-ol-list-li-padding-left:32px;
277
+ --_rs-typography-list-li-margin-top-from-text:24px;
278
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
279
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
280
+ --_rs-typography-link-border-bottom-width-from-text:1px;
281
+ }
282
+ @media screen and (max-width: 640px){
283
+ ._sizeL_c0yiq4_29 [data-rs-internal="button__content"]{
284
+ --_rs-typography-list-li-margin-top-from-text:16px;
285
+ }
286
+ }
287
+ ._modeClassic_c0yiq4_33{
296
288
  --_rs-button-inner-border-display:none;
297
289
  --_rs-button-color:#FFFFFF;
298
290
  --_rs-button-background:var(--_rs-color-primary);
@@ -304,7 +296,7 @@
304
296
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
305
297
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
306
298
  }
307
- ._modeRock_14w89nx_36{
299
+ ._modeRock_c0yiq4_36{
308
300
  --_rs-button-inner-border-display:none;
309
301
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
310
302
  --_rs-button-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
@@ -317,7 +309,7 @@
317
309
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
318
310
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
319
311
  }
320
- ._modeTransparent_14w89nx_39{
312
+ ._modeTransparent_c0yiq4_39{
321
313
  --_rs-button-inner-border-display:none;
322
314
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
323
315
  --_rs-button-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
@@ -329,7 +321,7 @@
329
321
  --_rs-button-disabled-color:rgba(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
330
322
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.4);
331
323
  }
332
- ._modeOutline_14w89nx_42{
324
+ ._modeOutline_c0yiq4_42{
333
325
  --_rs-button-inner-border-display:block;
334
326
  --_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
335
327
  --_rs-button-background:transparent;
@@ -341,7 +333,7 @@
341
333
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
342
334
  --_rs-button-disabled-background:transparent;
343
335
  }
344
- ._modeClear_14w89nx_45{
336
+ ._modeClear_c0yiq4_45{
345
337
  --_rs-button-inner-border-display:none;
346
338
  --_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
347
339
  --_rs-button-background:transparent;
@@ -353,17 +345,13 @@
353
345
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
354
346
  --_rs-button-disabled-background:transparent;
355
347
  }
356
- ._alignIconLeft_14w89nx_49{
348
+ ._alignIconLeft_c0yiq4_49{
357
349
  --_rs-button-icon-flex-direction:row;
358
- --_rs-button-icon-position-multiplier-left:1;
359
- --_rs-button-icon-position-multiplier-right:0;
360
350
  }
361
- ._alignIconRight_14w89nx_52{
351
+ ._alignIconRight_c0yiq4_52{
362
352
  --_rs-button-icon-flex-direction:row-reverse;
363
- --_rs-button-icon-position-multiplier-left:0;
364
- --_rs-button-icon-position-multiplier-right:1;
365
353
  }
366
- ._main_14w89nx_56{
354
+ ._main_c0yiq4_56{
367
355
  --_rs-theme-dark:var(
368
356
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
369
357
  var(--rs-theme-dark, 0)
@@ -373,7 +361,7 @@
373
361
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
374
362
  }
375
363
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
376
- ._main_14w89nx_56{
364
+ ._main_c0yiq4_56{
377
365
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
378
366
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
379
367
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -382,7 +370,7 @@
382
370
  }
383
371
  }
384
372
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
385
- ._main_14w89nx_56{
373
+ ._main_c0yiq4_56{
386
374
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
387
375
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
388
376
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -390,7 +378,7 @@
390
378
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
391
379
  }
392
380
  }
393
- ._main_14w89nx_56 {
381
+ ._main_c0yiq4_56 {
394
382
  --_rs-button-color-final:var(
395
383
  --_rs-button-color-from-state-active,
396
384
  var(--_rs-button-color-from-state-hover, var(--_rs-button-color))
@@ -435,32 +423,25 @@
435
423
  --_rs-button-bottom-left-multiline-border-radius-or-initial,
436
424
  var(--_rs-button-multiline-border-radius-base)
437
425
  );
438
- --_rs-button-icon-margin-right:calc(var(--_rs-button-icon-offset)*(1 - var(--_rs-button-icon-position-multiplier-right)) + -2px*var(--_rs-button-icon-position-multiplier-right));
439
- --_rs-button-icon-margin-left:calc(var(--_rs-button-icon-offset)*(1 - var(--_rs-button-icon-position-multiplier-left)) + -2px*var(--_rs-button-icon-position-multiplier-left));
440
- letter-spacing:var(
441
- --rs-text-base-letter-spacing,
442
- var(--_rs-typography-letter-spacing)
443
- );
444
- text-transform:var(--_rs-typography-text-transform);
445
- font-family:var(--_rs-typography-font-family);
446
- font-size:var(--_rs-typography-font-size);
447
- font-weight:var(--_rs-typography-font-weight);
448
- line-height:var(--_rs-typography-line-height);
449
- font-variant-numeric:var(--_rs-typography-font-variant-numeric);
450
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
451
- font-feature-settings:'kern', 'liga', 'calt';
452
426
 
453
427
  --_rs-button-border-inner-width:1px;
454
428
  --_rs-button-border-inner-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.3);
429
+ --_rs-button-extra-padding-from-icon:0px;
455
430
 
456
- position:relative;
431
+ --_rs-button-horizontal-real-padding:var(--_rs-button-horizontal-padding);
432
+ --_rs-button-vertical-real-padding:var(--_rs-button-vertical-padding);
433
+ --rs-out-button-horizontal-padding:var(--_rs-button-horizontal-real-padding);
434
+ --rs-out-button-vertical-padding:var(--_rs-button-vertical-real-padding);
457
435
 
458
- display:inline-block;
436
+ position:relative;
459
437
 
460
- -webkit-box-sizing:border-box;
438
+ display:inline-flex;
439
+ flex-direction:var(--_rs-button-icon-flex-direction);
440
+ justify-content:center;
441
+ align-items:center;
461
442
 
462
- box-sizing:border-box;
463
- padding:var(--_rs-button-vertical-padding) var(--_rs-button-horizontal-padding);
443
+ box-sizing:border-box;
444
+ padding:var(--_rs-button-vertical-real-padding) var(--_rs-button-horizontal-real-padding);
464
445
 
465
446
  border:none;
466
447
 
@@ -476,26 +457,25 @@
476
457
 
477
458
  background:var(--_rs-button-background-final);
478
459
  background-origin:border-box;
479
- -webkit-box-shadow:var(--_rs-button-box-shadow-final);
480
- box-shadow:var(--_rs-button-box-shadow-final);
481
-
482
- -webkit-transition:color 100ms, background-color 100ms;
460
+ box-shadow:var(--_rs-button-box-shadow-final);
483
461
 
484
462
  transition:color 100ms, background-color 100ms;
463
+ -moz-column-gap:var(--_rs-button-icon-offset);
464
+ column-gap:var(--_rs-button-icon-offset);
485
465
  }
486
- ._main_14w89nx_56:hover,
487
- ._main_14w89nx_56:focus,
488
- ._main_14w89nx_56:active{
466
+ ._main_c0yiq4_56:hover,
467
+ ._main_c0yiq4_56:focus,
468
+ ._main_c0yiq4_56:active{
489
469
  outline:none;
490
470
 
491
471
  text-decoration:none;
492
472
  }
493
- ._main_14w89nx_56:focus{
473
+ ._main_c0yiq4_56:focus{
494
474
  color:var(--_rs-button-color-final);
495
475
  background:var(--_rs-button-background-final);
496
476
  }
497
477
  @media (hover: hover){
498
- ._main_14w89nx_56:hover{
478
+ ._main_c0yiq4_56:hover{
499
479
  --_rs-button-border-inner-color:rgba(
500
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),
501
481
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -504,7 +484,7 @@
504
484
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
505
485
  }
506
486
  }
507
- ._main_14w89nx_56:active{
487
+ ._main_c0yiq4_56:active{
508
488
  --_rs-button-border-inner-width:2px;
509
489
  --_rs-button-border-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
510
490
  --_rs-button-color-from-state-active:var(--_rs-button-color);
@@ -512,17 +492,17 @@
512
492
  --_rs-button-active-background
513
493
  );
514
494
  }
515
- ._main_14w89nx_56:focus[data-focus-method='key']{
495
+ ._main_c0yiq4_56:focus[data-focus-method='key']{
516
496
  --_rs-button-box-shadow-from-state-focus-visible:var(
517
497
  --_rs-color-primary-t-dim
518
498
  ) 0 0 0 4px;
519
499
  }
520
- ._main_14w89nx_56:active:not(:hover):focus[data-focus-method='key']{
500
+ ._main_c0yiq4_56:active:not(:hover):focus[data-focus-method='key']{
521
501
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
522
502
  --_rs-button-active-focus-visible-no-hover-background
523
503
  );
524
504
  }
525
- ._main_14w89nx_56._disabled_14w89nx_122{
505
+ ._main_c0yiq4_56._disabled_c0yiq4_133{
526
506
  --_rs-button-border-inner-color:rgba(
527
507
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
528
508
  0.2
@@ -531,33 +511,26 @@
531
511
  color:var(--_rs-button-disabled-color);
532
512
  background:var(--_rs-button-disabled-background);
533
513
  }
534
- ._main_14w89nx_56._busy_14w89nx_132{
514
+ ._main_c0yiq4_56._busy_c0yiq4_143{
535
515
  pointer-events:none;
536
516
  }
537
- ._main_14w89nx_56._busyOverlay_14w89nx_136{
538
- display:-webkit-inline-box;
539
- display:-ms-inline-flexbox;
517
+ ._main_c0yiq4_56._busyOverlay_c0yiq4_147{
540
518
  display:inline-flex;
541
- -webkit-box-pack:center;
542
- -ms-flex-pack:center;
543
- justify-content:center;
544
- -webkit-box-align:center;
545
- -ms-flex-align:center;
546
- align-items:center;
519
+ justify-content:center;
520
+ align-items:center;
547
521
  }
548
- ._main_14w89nx_56._busyOverlay_14w89nx_136,
549
- ._main_14w89nx_56._busyOverlay_14w89nx_136:hover,
550
- ._main_14w89nx_56._busyOverlay_14w89nx_136:active,
551
- ._main_14w89nx_56._busyOverlay_14w89nx_136._disabled_14w89nx_122,
552
- ._main_14w89nx_56._busyOverlay_14w89nx_136:focus{
522
+ ._main_c0yiq4_56._busyOverlay_c0yiq4_147,
523
+ ._main_c0yiq4_56._busyOverlay_c0yiq4_147:hover,
524
+ ._main_c0yiq4_56._busyOverlay_c0yiq4_147:active,
525
+ ._main_c0yiq4_56._busyOverlay_c0yiq4_147._disabled_c0yiq4_133,
526
+ ._main_c0yiq4_56._busyOverlay_c0yiq4_147:focus{
553
527
  -webkit-user-select:none;
554
528
  -moz-user-select:none;
555
- -ms-user-select:none;
556
529
  user-select:none;
557
530
 
558
531
  color:transparent;
559
532
  }
560
- ._main_14w89nx_56::before{
533
+ ._main_c0yiq4_56::before{
561
534
  position:absolute;
562
535
  top:0;
563
536
  right:0;
@@ -572,81 +545,63 @@
572
545
  content:'';
573
546
  pointer-events:none;
574
547
 
575
- -webkit-transition:border-color 100ms;
576
-
577
548
  transition:border-color 100ms;
578
549
  }
579
- ._disabled_14w89nx_122{
550
+ ._main_c0yiq4_56 ._icon_c0yiq4_182{
551
+ width:auto;
552
+ height:var(--_rs-button-icon-size);
553
+
554
+ margin:0;
555
+ fill:currentColor;
556
+ }
557
+ ._disabled_c0yiq4_133{
580
558
  pointer-events:none;
581
559
  }
582
- ._allowMultiline_14w89nx_176{
560
+ ._allowMultiline_c0yiq4_195{
583
561
  white-space:normal;
584
562
  }
585
- ._multiline_14w89nx_180{
563
+ ._multiline_c0yiq4_199{
586
564
  border-radius:var(--_rs-button-multiline-border-radius);
587
565
  }
588
- ._withoutText_14w89nx_184{
589
- display:-webkit-inline-box;
590
- display:-ms-inline-flexbox;
591
- display:inline-flex;
592
- -webkit-box-pack:center;
593
- -ms-flex-pack:center;
594
- justify-content:center;
595
- -webkit-box-align:center;
596
- -ms-flex-align:center;
597
- align-items:center;
598
-
599
- padding:var(--_rs-button-vertical-padding);
566
+ ._withoutText_c0yiq4_203{
567
+ --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
568
+ --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
600
569
  }
601
- ._withIcon_14w89nx_192{
602
- display:-webkit-inline-box;
603
- display:-ms-inline-flexbox;
604
- display:inline-flex;
605
- -webkit-box-orient:vertical;
606
- -webkit-box-direction:normal;
607
- -ms-flex-direction:var(--_rs-button-icon-flex-direction);
608
- flex-direction:var(--_rs-button-icon-flex-direction);
609
- -webkit-box-pack:center;
610
- -ms-flex-pack:center;
611
- justify-content:center;
612
- -webkit-box-align:center;
613
- -ms-flex-align:center;
614
- align-items:center;
615
- }
616
- ._withIcon_14w89nx_192 ._icon_14w89nx_198{
617
- width:auto;
618
- height:var(--_rs-button-icon-size);
619
-
620
- margin:var(--_rs-button-icon-margin-top) var(--_rs-button-icon-margin-right) 0 var(--_rs-button-icon-margin-left);
621
- fill:currentColor;
622
- }
623
- ._withIcon_14w89nx_192._withoutText_14w89nx_184 ._icon_14w89nx_198{
624
- margin:0;
625
- }
626
- ._busyIcon_14w89nx_212{
570
+ ._busyIcon_c0yiq4_208{
627
571
  position:absolute;
628
572
  top:50%;
629
573
  left:50%;
630
574
 
631
- -webkit-transform:translate(-50%, -50%);
632
-
633
- transform:translate(-50%, -50%);
575
+ transform:translate(-50%, -50%);
634
576
  }
635
- ._main_14w89nx_56 ._busyIcon_14w89nx_212{
577
+ ._main_c0yiq4_56 ._busyIcon_c0yiq4_208{
636
578
  color:var(--_rs-button-color);
637
579
  }
638
- ._main_14w89nx_56._disabled_14w89nx_122 ._busyIcon_14w89nx_212{
580
+ ._main_c0yiq4_56._disabled_c0yiq4_133 ._busyIcon_c0yiq4_208{
639
581
  color:var(--_rs-button-disabled-color);
640
582
  }
641
- ._shiftedLeft_14w89nx_229{
642
- margin-left:calc(var(--_rs-button-horizontal-padding)*-1);
583
+ ._content_c0yiq4_224{
584
+ letter-spacing:var(
585
+ --rs-text-base-letter-spacing,
586
+ var(--_rs-typography-letter-spacing)
587
+ );
588
+ text-transform:var(--_rs-typography-text-transform);
589
+ font-family:var(--_rs-typography-font-family);
590
+ font-size:var(--_rs-typography-font-size);
591
+ font-weight:var(--_rs-typography-font-weight);
592
+ line-height:var(--_rs-typography-line-height);
593
+ font-variant-numeric:var(--_rs-typography-font-variant-numeric);
594
+ font-feature-settings:'kern', 'liga', 'calt';
595
+ }
596
+ ._shiftedLeft_c0yiq4_229{
597
+ margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
643
598
  }
644
- ._shiftedRight_14w89nx_232{
645
- margin-right:calc(var(--_rs-button-horizontal-padding)*-1);
599
+ ._shiftedRight_c0yiq4_232{
600
+ margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
646
601
  }
647
- ._shiftedTop_14w89nx_235{
648
- margin-top:calc(var(--_rs-button-vertical-padding)*-1);
602
+ ._shiftedTop_c0yiq4_235{
603
+ margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
649
604
  }
650
- ._shiftedBottom_14w89nx_238{
651
- margin-bottom:calc(var(--_rs-button-vertical-padding)*-1);
605
+ ._shiftedBottom_c0yiq4_238{
606
+ margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
652
607
  }