@rescui/input 0.12.3 → 0.12.4-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.3

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.
@@ -1,669 +0,0 @@
1
- @define-mixin rs-input-size-s{
2
- &:not(html){
3
- --_rs-input-vertical-padding:6px;
4
- --_rs-input-horizontal-padding:8px;
5
- --_rs-input-parts-offset:4px;
6
- --_rs-input-icon-offset:8px;
7
- --_rs-input-icon-size:20px;
8
- }
9
- &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
10
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
11
- --_rs-typography-text-transform:initial;
12
- --_rs-typography-font-variant-numeric:initial;
13
- --_rs-typography-font-family:var(
14
- --rs-font-family-ui,
15
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
16
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
17
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
18
- );
19
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
20
- --_rs-typography-font-weight:var(
21
- --rs-font-weight-regular,
22
- 400
23
- );
24
- --_rs-typography-line-height:var(
25
- --rs-text-3-line-height,
26
- 20px
27
- );
28
- --_rs-typography-base-color:var(
29
- --_rs-typography-hardness-color,
30
- var(
31
- --rs-color-average,
32
- 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)
33
- )
34
- );
35
- --_rs-typography-text-auto-offset:8px;
36
- --_rs-typography-ul-list-li-padding-left:28px;
37
- --_rs-typography-ol-list-li-padding-left:21px;
38
- --_rs-typography-list-li-margin-top-from-text:8px;
39
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
40
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
41
- --_rs-typography-link-border-bottom-width-from-text:1px;
42
- }
43
- &:not(html) [data-rs-internal='input__label'],
44
- &:not(html) [data-rs-internal='input__inner'],
45
- &:not(html) [data-rs-internal='input__inner']::placeholder,
46
- &:not(html) [data-rs-internal='input__suffix']{
47
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
48
- --_rs-typography-text-transform:initial;
49
- --_rs-typography-font-variant-numeric:initial;
50
- --_rs-typography-font-family:var(
51
- --rs-font-family-ui,
52
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
53
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
54
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
55
- );
56
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
57
- --_rs-typography-font-weight:var(
58
- --rs-font-weight-regular,
59
- 400
60
- );
61
- --_rs-typography-line-height:var(
62
- --rs-text-3-line-height,
63
- 20px
64
- );
65
- --_rs-typography-base-color:var(
66
- --_rs-typography-hardness-color,
67
- var(
68
- --rs-color-average,
69
- 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)
70
- )
71
- );
72
- --_rs-typography-text-auto-offset:8px;
73
- --_rs-typography-ul-list-li-padding-left:28px;
74
- --_rs-typography-ol-list-li-padding-left:21px;
75
- --_rs-typography-list-li-margin-top-from-text:8px;
76
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
77
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
78
- --_rs-typography-link-border-bottom-width-from-text:1px;
79
- }
80
- &:not(html) [data-rs-internal='input__bold-label']{
81
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
82
- --_rs-typography-text-transform:initial;
83
- --_rs-typography-font-variant-numeric:initial;
84
- --_rs-typography-font-family:var(
85
- --rs-font-family-ui,
86
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
87
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
88
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
89
- );
90
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
91
- --_rs-typography-font-weight:var(
92
- --rs-font-weight-semi-bold,
93
- 600
94
- );
95
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
96
- --_rs-typography-base-color:var(
97
- --_rs-typography-heading-hardness-color,
98
- var(
99
- --rs-color-hard,
100
- 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))
101
- )
102
- );
103
- --_rs-typography-text-auto-offset:0;
104
- --_rs-typography-ul-list-li-padding-left:initial;
105
- --_rs-typography-ol-list-li-padding-left:initial;
106
- --_rs-typography-list-li-margin-top-from-text:initial;
107
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
108
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
109
- --_rs-typography-link-border-bottom-width-from-text:2px;
110
- }
111
- &:not(html) [data-rs-internal='input__note']{
112
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
113
- --_rs-typography-text-transform:initial;
114
- --_rs-typography-font-variant-numeric:initial;
115
- --_rs-typography-font-family:var(
116
- --rs-font-family-ui,
117
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
118
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
119
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
120
- );
121
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
122
- --_rs-typography-font-weight:var(
123
- --rs-font-weight-regular,
124
- 400
125
- );
126
- --_rs-typography-line-height:var(
127
- --rs-text-3-line-height,
128
- 20px
129
- );
130
- --_rs-typography-base-color:var(
131
- --_rs-typography-hardness-color,
132
- var(
133
- --rs-color-average,
134
- 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)
135
- )
136
- );
137
- --_rs-typography-text-auto-offset:8px;
138
- --_rs-typography-ul-list-li-padding-left:28px;
139
- --_rs-typography-ol-list-li-padding-left:21px;
140
- --_rs-typography-list-li-margin-top-from-text:8px;
141
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
142
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
143
- --_rs-typography-link-border-bottom-width-from-text:1px;
144
- }
145
- &:not(html) [data-rs-internal='input__error-message']{
146
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
147
- --_rs-typography-text-transform:initial;
148
- --_rs-typography-font-variant-numeric:initial;
149
- --_rs-typography-font-family:var(
150
- --rs-font-family-ui,
151
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
152
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
153
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
154
- );
155
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
156
- --_rs-typography-font-weight:var(
157
- --rs-font-weight-semi-bold,
158
- 600
159
- );
160
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
161
- --_rs-typography-base-color:var(
162
- --_rs-typography-heading-hardness-color,
163
- var(
164
- --rs-color-hard,
165
- 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))
166
- )
167
- );
168
- --_rs-typography-text-auto-offset:0;
169
- --_rs-typography-ul-list-li-padding-left:initial;
170
- --_rs-typography-ol-list-li-padding-left:initial;
171
- --_rs-typography-list-li-margin-top-from-text:initial;
172
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
173
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
174
- --_rs-typography-link-border-bottom-width-from-text:2px;
175
- }
176
- &:not(html) [data-rs-internal='input__error-icon']:not(html){
177
- --_rs-icons-height:20px;
178
- }
179
- }
180
- @define-mixin rs-input-size-m{
181
- &:not(html){
182
- --_rs-input-vertical-padding:8px;
183
- --_rs-input-horizontal-padding:8px;
184
- --_rs-input-parts-offset:8px;
185
- --_rs-input-icon-offset:8px;
186
- --_rs-input-icon-size:24px;
187
- }
188
- &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
189
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
190
- --_rs-typography-text-transform:initial;
191
- --_rs-typography-font-variant-numeric:initial;
192
- --_rs-typography-font-family:var(
193
- --rs-font-family-ui,
194
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
195
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
196
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
197
- );
198
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
199
- --_rs-typography-font-weight:var(
200
- --rs-font-weight-regular,
201
- 400
202
- );
203
- --_rs-typography-line-height:var(
204
- --rs-text-2-line-height,
205
- 24px
206
- );
207
- --_rs-typography-base-color:var(
208
- --_rs-typography-hardness-color,
209
- var(
210
- --rs-color-average,
211
- 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)
212
- )
213
- );
214
- --_rs-typography-text-auto-offset:16px;
215
- --_rs-typography-ul-list-li-padding-left:22px;
216
- --_rs-typography-ol-list-li-padding-left:26px;
217
- --_rs-typography-list-li-margin-top-from-text:var(
218
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
219
- 16px
220
- );
221
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
222
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
223
- --_rs-typography-link-border-bottom-width-from-text:1px;
224
- }
225
- @media screen and (max-width: 640px){
226
- &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
227
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
228
- }
229
- }
230
- &:not(html) [data-rs-internal='input__label'],
231
- &:not(html) [data-rs-internal='input__inner'],
232
- &:not(html) [data-rs-internal='input__inner']::placeholder,
233
- &:not(html) [data-rs-internal='input__suffix']{
234
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
235
- --_rs-typography-text-transform:initial;
236
- --_rs-typography-font-variant-numeric:initial;
237
- --_rs-typography-font-family:var(
238
- --rs-font-family-ui,
239
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
240
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
241
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
242
- );
243
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
244
- --_rs-typography-font-weight:var(
245
- --rs-font-weight-regular,
246
- 400
247
- );
248
- --_rs-typography-line-height:var(
249
- --rs-text-2-line-height,
250
- 24px
251
- );
252
- --_rs-typography-base-color:var(
253
- --_rs-typography-hardness-color,
254
- var(
255
- --rs-color-average,
256
- 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)
257
- )
258
- );
259
- --_rs-typography-text-auto-offset:16px;
260
- --_rs-typography-ul-list-li-padding-left:22px;
261
- --_rs-typography-ol-list-li-padding-left:26px;
262
- --_rs-typography-list-li-margin-top-from-text:var(
263
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
264
- 16px
265
- );
266
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
267
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
268
- --_rs-typography-link-border-bottom-width-from-text:1px;
269
- }
270
- @media screen and (max-width: 640px){
271
- &:not(html) [data-rs-internal='input__label'],
272
- &:not(html) [data-rs-internal='input__inner'],
273
- &:not(html) [data-rs-internal='input__inner']::placeholder,
274
- &:not(html) [data-rs-internal='input__suffix']{
275
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
276
- }
277
- }
278
- &:not(html) [data-rs-internal='input__bold-label']{
279
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
280
- --_rs-typography-text-transform:initial;
281
- --_rs-typography-font-variant-numeric:initial;
282
- --_rs-typography-font-family:var(
283
- --rs-font-family-ui,
284
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
285
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
286
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
287
- );
288
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
289
- --_rs-typography-font-weight:var(
290
- --rs-font-weight-semi-bold,
291
- 600
292
- );
293
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
294
- --_rs-typography-base-color:var(
295
- --_rs-typography-heading-hardness-color,
296
- var(
297
- --rs-color-hard,
298
- 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))
299
- )
300
- );
301
- --_rs-typography-text-auto-offset:0;
302
- --_rs-typography-ul-list-li-padding-left:initial;
303
- --_rs-typography-ol-list-li-padding-left:initial;
304
- --_rs-typography-list-li-margin-top-from-text:initial;
305
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
306
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
307
- --_rs-typography-link-border-bottom-width-from-text:2px;
308
- }
309
- &:not(html) [data-rs-internal='input__note']{
310
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
311
- --_rs-typography-text-transform:initial;
312
- --_rs-typography-font-variant-numeric:initial;
313
- --_rs-typography-font-family:var(
314
- --rs-font-family-ui,
315
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
316
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
317
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
318
- );
319
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
320
- --_rs-typography-font-weight:var(
321
- --rs-font-weight-regular,
322
- 400
323
- );
324
- --_rs-typography-line-height:var(
325
- --rs-text-3-line-height,
326
- 20px
327
- );
328
- --_rs-typography-base-color:var(
329
- --_rs-typography-hardness-color,
330
- var(
331
- --rs-color-average,
332
- 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)
333
- )
334
- );
335
- --_rs-typography-text-auto-offset:8px;
336
- --_rs-typography-ul-list-li-padding-left:28px;
337
- --_rs-typography-ol-list-li-padding-left:21px;
338
- --_rs-typography-list-li-margin-top-from-text:8px;
339
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
340
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
341
- --_rs-typography-link-border-bottom-width-from-text:1px;
342
- }
343
- &:not(html) [data-rs-internal='input__error-message']{
344
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
345
- --_rs-typography-text-transform:initial;
346
- --_rs-typography-font-variant-numeric:initial;
347
- --_rs-typography-font-family:var(
348
- --rs-font-family-ui,
349
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
350
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
351
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
352
- );
353
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
354
- --_rs-typography-font-weight:var(
355
- --rs-font-weight-semi-bold,
356
- 600
357
- );
358
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
359
- --_rs-typography-base-color:var(
360
- --_rs-typography-heading-hardness-color,
361
- var(
362
- --rs-color-hard,
363
- 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))
364
- )
365
- );
366
- --_rs-typography-text-auto-offset:0;
367
- --_rs-typography-ul-list-li-padding-left:initial;
368
- --_rs-typography-ol-list-li-padding-left:initial;
369
- --_rs-typography-list-li-margin-top-from-text:initial;
370
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
371
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
372
- --_rs-typography-link-border-bottom-width-from-text:2px;
373
- }
374
- &:not(html) [data-rs-internal='input__error-icon']:not(html){
375
- --_rs-icons-height:20px;
376
- }
377
- }
378
- @define-mixin rs-input-size-l{
379
- &:not(html){
380
- --_rs-input-vertical-padding:12px;
381
- --_rs-input-horizontal-padding:16px;
382
- --_rs-input-parts-offset:8px;
383
- --_rs-input-icon-offset:16px;
384
- --_rs-input-icon-size:28px;
385
- }
386
- &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
387
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
388
- --_rs-typography-text-transform:initial;
389
- --_rs-typography-font-variant-numeric:initial;
390
- --_rs-typography-font-family:var(
391
- --rs-font-family-ui,
392
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
393
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
394
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
395
- );
396
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
397
- --_rs-typography-font-weight:var(
398
- --rs-font-weight-regular,
399
- 400
400
- );
401
- --_rs-typography-line-height:var(
402
- --rs-text-1-line-height,
403
- 28px
404
- );
405
- --_rs-typography-base-color:var(
406
- --_rs-typography-hardness-color,
407
- var(
408
- --rs-color-average,
409
- 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)
410
- )
411
- );
412
- --_rs-typography-text-auto-offset:32px;
413
- --_rs-typography-ul-list-li-padding-left:26px;
414
- --_rs-typography-ol-list-li-padding-left:32px;
415
- --_rs-typography-list-li-margin-top-from-text:var(
416
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
417
- 24px
418
- );
419
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
420
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
421
- --_rs-typography-link-border-bottom-width-from-text:1px;
422
- }
423
- @media screen and (max-width: 640px){
424
- &:not(html) [data-rs-internal='input__inner']::-moz-placeholder{
425
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
426
- }
427
- }
428
- &:not(html) [data-rs-internal='input__label'],
429
- &:not(html) [data-rs-internal='input__inner'],
430
- &:not(html) [data-rs-internal='input__inner']::placeholder,
431
- &:not(html) [data-rs-internal='input__suffix']{
432
- --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
433
- --_rs-typography-text-transform:initial;
434
- --_rs-typography-font-variant-numeric:initial;
435
- --_rs-typography-font-family:var(
436
- --rs-font-family-ui,
437
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
438
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
439
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
440
- );
441
- --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
442
- --_rs-typography-font-weight:var(
443
- --rs-font-weight-regular,
444
- 400
445
- );
446
- --_rs-typography-line-height:var(
447
- --rs-text-1-line-height,
448
- 28px
449
- );
450
- --_rs-typography-base-color:var(
451
- --_rs-typography-hardness-color,
452
- var(
453
- --rs-color-average,
454
- 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)
455
- )
456
- );
457
- --_rs-typography-text-auto-offset:32px;
458
- --_rs-typography-ul-list-li-padding-left:26px;
459
- --_rs-typography-ol-list-li-padding-left:32px;
460
- --_rs-typography-list-li-margin-top-from-text:var(
461
- --_rs-typography-text-1-sm-list-li-margin-top-from-text,
462
- 24px
463
- );
464
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
465
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
466
- --_rs-typography-link-border-bottom-width-from-text:1px;
467
- }
468
- @media screen and (max-width: 640px){
469
- &:not(html) [data-rs-internal='input__label'],
470
- &:not(html) [data-rs-internal='input__inner'],
471
- &:not(html) [data-rs-internal='input__inner']::placeholder,
472
- &:not(html) [data-rs-internal='input__suffix']{
473
- --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
474
- }
475
- }
476
- &:not(html) [data-rs-internal='input__bold-label']{
477
- --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
478
- --_rs-typography-text-transform:initial;
479
- --_rs-typography-font-variant-numeric:initial;
480
- --_rs-typography-font-family:var(
481
- --rs-font-family-ui,
482
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
483
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
484
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
485
- );
486
- --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
487
- --_rs-typography-font-weight:var(
488
- --rs-font-weight-semi-bold,
489
- 600
490
- );
491
- --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
492
- --_rs-typography-base-color:var(
493
- --_rs-typography-heading-hardness-color,
494
- var(
495
- --rs-color-hard,
496
- 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))
497
- )
498
- );
499
- --_rs-typography-text-auto-offset:0;
500
- --_rs-typography-ul-list-li-padding-left:initial;
501
- --_rs-typography-ol-list-li-padding-left:initial;
502
- --_rs-typography-list-li-margin-top-from-text:initial;
503
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
504
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
505
- --_rs-typography-link-border-bottom-width-from-text:2px;
506
- }
507
- &:not(html) [data-rs-internal='input__note']{
508
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
509
- --_rs-typography-text-transform:initial;
510
- --_rs-typography-font-variant-numeric:initial;
511
- --_rs-typography-font-family:var(
512
- --rs-font-family-ui,
513
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
514
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
515
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
516
- );
517
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
518
- --_rs-typography-font-weight:var(
519
- --rs-font-weight-regular,
520
- 400
521
- );
522
- --_rs-typography-line-height:var(
523
- --rs-text-2-line-height,
524
- 24px
525
- );
526
- --_rs-typography-base-color:var(
527
- --_rs-typography-hardness-color,
528
- var(
529
- --rs-color-average,
530
- 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)
531
- )
532
- );
533
- --_rs-typography-text-auto-offset:16px;
534
- --_rs-typography-ul-list-li-padding-left:22px;
535
- --_rs-typography-ol-list-li-padding-left:26px;
536
- --_rs-typography-list-li-margin-top-from-text:var(
537
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
538
- 16px
539
- );
540
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
541
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
542
- --_rs-typography-link-border-bottom-width-from-text:1px;
543
- }
544
- @media screen and (max-width: 640px){
545
- &:not(html) [data-rs-internal='input__note']{
546
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
547
- }
548
- }
549
- &:not(html) [data-rs-internal='input__error-message']{
550
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
551
- --_rs-typography-text-transform:initial;
552
- --_rs-typography-font-variant-numeric:initial;
553
- --_rs-typography-font-family:var(
554
- --rs-font-family-ui,
555
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
556
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
557
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
558
- );
559
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
560
- --_rs-typography-font-weight:var(
561
- --rs-font-weight-semi-bold,
562
- 600
563
- );
564
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
565
- --_rs-typography-base-color:var(
566
- --_rs-typography-heading-hardness-color,
567
- var(
568
- --rs-color-hard,
569
- 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))
570
- )
571
- );
572
- --_rs-typography-text-auto-offset:0;
573
- --_rs-typography-ul-list-li-padding-left:initial;
574
- --_rs-typography-ol-list-li-padding-left:initial;
575
- --_rs-typography-list-li-margin-top-from-text:initial;
576
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
577
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
578
- --_rs-typography-link-border-bottom-width-from-text:2px;
579
- }
580
- &:not(html) [data-rs-internal='input__error-icon']:not(html){
581
- --_rs-icons-height:24px;
582
- }
583
- }
584
- @define-mixin rs-input-mode-classic{
585
- &:not(html){
586
- --_rs-input-focused-enabled-wrapper-border-width:2px;
587
- --_rs-input-focused-enabled-wrapper-background:rgb(
588
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
589
- );
590
- --_rs-input-error-focused-enabled-wrapper-background:rgb(
591
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
592
- );
593
- --_rs-input-focused-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));
594
- --_rs-input-focused-inner-placeholder-color:rgba(
595
- 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),
596
- 0.5
597
- );
598
- --_rs-input-error-focused-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));
599
- --_rs-input-error-focused-inner-placeholder-color:rgba(
600
- 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),
601
- 0.5
602
- );
603
- --_rs-input-focused-autofill-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));
604
- --_rs-input-focused-autofill-box-shadow:rgb(
605
- 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)
606
- );
607
- --_rs-input-error-focused-autofill-color:rgb(
608
- 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)
609
- );
610
- --_rs-input-error-focused-autofill-box-shadow:rgb(
611
- 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)
612
- );
613
- --_rs-input-focused-icon-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.7);
614
- --_rs-input-error-focused-icon-color:rgba(
615
- 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),
616
- 0.7
617
- );
618
- --_rs-input-focused-icon-accent-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));
619
- --_rs-input-error-focused-icon-accent-color:rgb(
620
- 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)
621
- );
622
- --_rs-input-focused-divider-background:rgba(
623
- 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),
624
- 0.2
625
- );
626
- --_rs-input-focused-suffix-color:rgba(
627
- 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),
628
- 0.5
629
- );
630
- --_rs-input-error-focused-suffix-color:rgba(
631
- 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),
632
- 0.5
633
- );
634
- }
635
- }
636
- @define-mixin rs-input-mode-rock{
637
- &:not(html){
638
- --_rs-input-focused-enabled-wrapper-border-width:0px;
639
- --_rs-input-focused-enabled-wrapper-background:rgb(
640
- 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)
641
- );
642
- --_rs-input-error-focused-enabled-wrapper-background:#F45C4A;
643
- --_rs-input-focused-inner-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));
644
- --_rs-input-focused-inner-placeholder-color:rgba(
645
- 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),
646
- 0.7
647
- );
648
- --_rs-input-error-focused-inner-color:#FFFFFF;
649
- --_rs-input-error-focused-inner-placeholder-color:rgba(255,255,255,0.7);
650
- --_rs-input-focused-autofill-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));
651
- --_rs-input-focused-autofill-box-shadow:rgb(
652
- 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)
653
- );
654
- --_rs-input-error-focused-autofill-color:#FFFFFF;
655
- --_rs-input-error-focused-autofill-box-shadow:#19191C;
656
- --_rs-input-focused-icon-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.7);
657
- --_rs-input-error-focused-icon-color:rgba(255,255,255,0.7);
658
- --_rs-input-focused-icon-accent-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));
659
- --_rs-input-error-focused-icon-accent-color:#FFFFFF;
660
- --_rs-input-focused-divider-background:rgb(
661
- 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)
662
- );
663
- --_rs-input-focused-suffix-color:rgba(
664
- 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),
665
- 0.7
666
- );
667
- --_rs-input-error-focused-suffix-color:rgba(255,255,255,0.7);
668
- }
669
- }