@rescui/textarea 0.5.10 → 0.6.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.
@@ -0,0 +1,838 @@
1
+ @define-mixin rs-textarea-size-s{
2
+ &:not(html){
3
+ --_rs-textarea-vertical-padding:6px;
4
+ --_rs-textarea-horizontal-padding:8px;
5
+ --_rs-textarea-parts-offset:4px;
6
+ }
7
+ &:not(html) [data-rs-internal='textarea__busy-icon']:not(html){
8
+ --_rs-icons-height:20px;
9
+ }
10
+ &:not(html) [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
11
+ --_rs-typography-letter-spacing:0.0045em;
12
+ --_rs-typography-text-transform:initial;
13
+ --_rs-typography-font-variant-numeric:initial;
14
+ --_rs-typography-font-family:var(
15
+ --rs-font-family-ui,
16
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
17
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
18
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
19
+ );
20
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
21
+ --_rs-typography-font-weight:var(
22
+ --rs-font-weight-regular,
23
+ 400
24
+ );
25
+ --_rs-typography-line-height:var(
26
+ --rs-text-3-line-height,
27
+ 20px
28
+ );
29
+ --_rs-typography-base-color:var(
30
+ --_rs-typography-hardness-color,
31
+ var(
32
+ --rs-color-average,
33
+ 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)
34
+ )
35
+ );
36
+ --_rs-typography-text-auto-offset:8px;
37
+ --_rs-typography-ul-list-li-padding-left:28px;
38
+ --_rs-typography-ol-list-li-padding-left:21px;
39
+ --_rs-typography-list-li-margin-top-from-text:8px;
40
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
41
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
42
+ --_rs-typography-link-border-bottom-width-from-text:1px;
43
+ }
44
+ &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
45
+ --_rs-typography-letter-spacing:0.0045em;
46
+ --_rs-typography-text-transform:initial;
47
+ --_rs-typography-font-variant-numeric:initial;
48
+ --_rs-typography-font-family:var(
49
+ --rs-font-family-ui,
50
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
51
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
52
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
53
+ );
54
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
55
+ --_rs-typography-font-weight:var(
56
+ --rs-font-weight-regular,
57
+ 400
58
+ );
59
+ --_rs-typography-line-height:var(
60
+ --rs-text-3-line-height,
61
+ 20px
62
+ );
63
+ --_rs-typography-base-color:var(
64
+ --_rs-typography-hardness-color,
65
+ var(
66
+ --rs-color-average,
67
+ 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)
68
+ )
69
+ );
70
+ --_rs-typography-text-auto-offset:8px;
71
+ --_rs-typography-ul-list-li-padding-left:28px;
72
+ --_rs-typography-ol-list-li-padding-left:21px;
73
+ --_rs-typography-list-li-margin-top-from-text:8px;
74
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
75
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
76
+ --_rs-typography-link-border-bottom-width-from-text:1px;
77
+ }
78
+ &:not(html) [data-rs-internal='textarea__inner']:-ms-input-placeholder{
79
+ --_rs-typography-letter-spacing:0.0045em;
80
+ --_rs-typography-text-transform:initial;
81
+ --_rs-typography-font-variant-numeric:initial;
82
+ --_rs-typography-font-family:var(
83
+ --rs-font-family-ui,
84
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
85
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
86
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
87
+ );
88
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
89
+ --_rs-typography-font-weight:var(
90
+ --rs-font-weight-regular,
91
+ 400
92
+ );
93
+ --_rs-typography-line-height:var(
94
+ --rs-text-3-line-height,
95
+ 20px
96
+ );
97
+ --_rs-typography-base-color:var(
98
+ --_rs-typography-hardness-color,
99
+ var(
100
+ --rs-color-average,
101
+ 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)
102
+ )
103
+ );
104
+ --_rs-typography-text-auto-offset:8px;
105
+ --_rs-typography-ul-list-li-padding-left:28px;
106
+ --_rs-typography-ol-list-li-padding-left:21px;
107
+ --_rs-typography-list-li-margin-top-from-text:8px;
108
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
109
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
110
+ --_rs-typography-link-border-bottom-width-from-text:1px;
111
+ }
112
+ &:not(html) [data-rs-internal='textarea__inner']::-ms-input-placeholder{
113
+ --_rs-typography-letter-spacing:0.0045em;
114
+ --_rs-typography-text-transform:initial;
115
+ --_rs-typography-font-variant-numeric:initial;
116
+ --_rs-typography-font-family:var(
117
+ --rs-font-family-ui,
118
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
119
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
120
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
121
+ );
122
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
123
+ --_rs-typography-font-weight:var(
124
+ --rs-font-weight-regular,
125
+ 400
126
+ );
127
+ --_rs-typography-line-height:var(
128
+ --rs-text-3-line-height,
129
+ 20px
130
+ );
131
+ --_rs-typography-base-color:var(
132
+ --_rs-typography-hardness-color,
133
+ var(
134
+ --rs-color-average,
135
+ 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)
136
+ )
137
+ );
138
+ --_rs-typography-text-auto-offset:8px;
139
+ --_rs-typography-ul-list-li-padding-left:28px;
140
+ --_rs-typography-ol-list-li-padding-left:21px;
141
+ --_rs-typography-list-li-margin-top-from-text:8px;
142
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
143
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
144
+ --_rs-typography-link-border-bottom-width-from-text:1px;
145
+ }
146
+ &:not(html) [data-rs-internal='textarea__label'],
147
+ &:not(html) [data-rs-internal='textarea__inner'],
148
+ &:not(html) [data-rs-internal='textarea__inner']::placeholder,
149
+ &:not(html) [data-rs-internal='textarea__suffix']{
150
+ --_rs-typography-letter-spacing:0.0045em;
151
+ --_rs-typography-text-transform:initial;
152
+ --_rs-typography-font-variant-numeric:initial;
153
+ --_rs-typography-font-family:var(
154
+ --rs-font-family-ui,
155
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
156
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
157
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
158
+ );
159
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
160
+ --_rs-typography-font-weight:var(
161
+ --rs-font-weight-regular,
162
+ 400
163
+ );
164
+ --_rs-typography-line-height:var(
165
+ --rs-text-3-line-height,
166
+ 20px
167
+ );
168
+ --_rs-typography-base-color:var(
169
+ --_rs-typography-hardness-color,
170
+ var(
171
+ --rs-color-average,
172
+ 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)
173
+ )
174
+ );
175
+ --_rs-typography-text-auto-offset:8px;
176
+ --_rs-typography-ul-list-li-padding-left:28px;
177
+ --_rs-typography-ol-list-li-padding-left:21px;
178
+ --_rs-typography-list-li-margin-top-from-text:8px;
179
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
180
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
181
+ --_rs-typography-link-border-bottom-width-from-text:1px;
182
+ }
183
+ &:not(html) [data-rs-internal='textarea__bold-label']{
184
+ --_rs-typography-letter-spacing:normal;
185
+ --_rs-typography-text-transform:initial;
186
+ --_rs-typography-font-variant-numeric:initial;
187
+ --_rs-typography-font-family:var(
188
+ --rs-font-family-ui,
189
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
190
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
191
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
192
+ );
193
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
194
+ --_rs-typography-font-weight:var(
195
+ --rs-font-weight-semi-bold,
196
+ 600
197
+ );
198
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
199
+ --_rs-typography-base-color:var(
200
+ --rs-color-hard,
201
+ 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))
202
+ );
203
+ --_rs-typography-text-auto-offset:0;
204
+ --_rs-typography-ul-list-li-padding-left:initial;
205
+ --_rs-typography-ol-list-li-padding-left:initial;
206
+ --_rs-typography-list-li-margin-top-from-text:initial;
207
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
208
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
209
+ --_rs-typography-link-border-bottom-width-from-text:2px;
210
+ }
211
+ &:not(html) [data-rs-internal='textarea__note'],
212
+ &:not(html) [data-rs-internal='textarea__error-message']{
213
+ --_rs-typography-letter-spacing:0.0045em;
214
+ --_rs-typography-text-transform:initial;
215
+ --_rs-typography-font-variant-numeric:initial;
216
+ --_rs-typography-font-family:var(
217
+ --rs-font-family-ui,
218
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
219
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
220
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
221
+ );
222
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
223
+ --_rs-typography-font-weight:var(
224
+ --rs-font-weight-regular,
225
+ 400
226
+ );
227
+ --_rs-typography-line-height:var(
228
+ --rs-text-3-line-height,
229
+ 20px
230
+ );
231
+ --_rs-typography-base-color:var(
232
+ --_rs-typography-hardness-color,
233
+ var(
234
+ --rs-color-average,
235
+ 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)
236
+ )
237
+ );
238
+ --_rs-typography-text-auto-offset:8px;
239
+ --_rs-typography-ul-list-li-padding-left:28px;
240
+ --_rs-typography-ol-list-li-padding-left:21px;
241
+ --_rs-typography-list-li-margin-top-from-text:8px;
242
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
243
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
244
+ --_rs-typography-link-border-bottom-width-from-text:1px;
245
+ }
246
+ }
247
+ @define-mixin rs-textarea-size-m{
248
+ &:not(html){
249
+ --_rs-textarea-vertical-padding:8px;
250
+ --_rs-textarea-horizontal-padding:8px;
251
+ --_rs-textarea-parts-offset:8px;
252
+ }
253
+ &:not(html) [data-rs-internal='textarea__busy-icon']:not(html){
254
+ --_rs-icons-height:24px;
255
+ }
256
+ &:not(html) [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
257
+ --_rs-typography-letter-spacing:0.0015em;
258
+ --_rs-typography-text-transform:initial;
259
+ --_rs-typography-font-variant-numeric:initial;
260
+ --_rs-typography-font-family:var(
261
+ --rs-font-family-ui,
262
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
263
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
264
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
265
+ );
266
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
267
+ --_rs-typography-font-weight:var(
268
+ --rs-font-weight-regular,
269
+ 400
270
+ );
271
+ --_rs-typography-line-height:var(
272
+ --rs-text-2-line-height,
273
+ 24px
274
+ );
275
+ --_rs-typography-base-color:var(
276
+ --_rs-typography-hardness-color,
277
+ var(
278
+ --rs-color-average,
279
+ 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)
280
+ )
281
+ );
282
+ --_rs-typography-text-auto-offset:16px;
283
+ --_rs-typography-ul-list-li-padding-left:22px;
284
+ --_rs-typography-ol-list-li-padding-left:26px;
285
+ --_rs-typography-list-li-margin-top-from-text:16px;
286
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
287
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
288
+ --_rs-typography-link-border-bottom-width-from-text:1px;
289
+ }
290
+ @media screen and (max-width: 640px){
291
+ &:not(html) [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
292
+ --_rs-typography-list-li-margin-top-from-text:12px;
293
+ }
294
+ }
295
+ &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
296
+ --_rs-typography-letter-spacing:0.0015em;
297
+ --_rs-typography-text-transform:initial;
298
+ --_rs-typography-font-variant-numeric:initial;
299
+ --_rs-typography-font-family:var(
300
+ --rs-font-family-ui,
301
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
302
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
303
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
304
+ );
305
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
306
+ --_rs-typography-font-weight:var(
307
+ --rs-font-weight-regular,
308
+ 400
309
+ );
310
+ --_rs-typography-line-height:var(
311
+ --rs-text-2-line-height,
312
+ 24px
313
+ );
314
+ --_rs-typography-base-color:var(
315
+ --_rs-typography-hardness-color,
316
+ var(
317
+ --rs-color-average,
318
+ 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)
319
+ )
320
+ );
321
+ --_rs-typography-text-auto-offset:16px;
322
+ --_rs-typography-ul-list-li-padding-left:22px;
323
+ --_rs-typography-ol-list-li-padding-left:26px;
324
+ --_rs-typography-list-li-margin-top-from-text:16px;
325
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
326
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
327
+ --_rs-typography-link-border-bottom-width-from-text:1px;
328
+ }
329
+ @media screen and (max-width: 640px){
330
+ &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
331
+ --_rs-typography-list-li-margin-top-from-text:12px;
332
+ }
333
+ }
334
+ &:not(html) [data-rs-internal='textarea__inner']:-ms-input-placeholder{
335
+ --_rs-typography-letter-spacing:0.0015em;
336
+ --_rs-typography-text-transform:initial;
337
+ --_rs-typography-font-variant-numeric:initial;
338
+ --_rs-typography-font-family:var(
339
+ --rs-font-family-ui,
340
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
341
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
342
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
343
+ );
344
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
345
+ --_rs-typography-font-weight:var(
346
+ --rs-font-weight-regular,
347
+ 400
348
+ );
349
+ --_rs-typography-line-height:var(
350
+ --rs-text-2-line-height,
351
+ 24px
352
+ );
353
+ --_rs-typography-base-color:var(
354
+ --_rs-typography-hardness-color,
355
+ var(
356
+ --rs-color-average,
357
+ 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)
358
+ )
359
+ );
360
+ --_rs-typography-text-auto-offset:16px;
361
+ --_rs-typography-ul-list-li-padding-left:22px;
362
+ --_rs-typography-ol-list-li-padding-left:26px;
363
+ --_rs-typography-list-li-margin-top-from-text:16px;
364
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
365
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
366
+ --_rs-typography-link-border-bottom-width-from-text:1px;
367
+ }
368
+ @media screen and (max-width: 640px){
369
+ &:not(html) [data-rs-internal='textarea__inner']:-ms-input-placeholder{
370
+ --_rs-typography-list-li-margin-top-from-text:12px;
371
+ }
372
+ }
373
+ &:not(html) [data-rs-internal='textarea__inner']::-ms-input-placeholder{
374
+ --_rs-typography-letter-spacing:0.0015em;
375
+ --_rs-typography-text-transform:initial;
376
+ --_rs-typography-font-variant-numeric:initial;
377
+ --_rs-typography-font-family:var(
378
+ --rs-font-family-ui,
379
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
380
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
381
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
382
+ );
383
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
384
+ --_rs-typography-font-weight:var(
385
+ --rs-font-weight-regular,
386
+ 400
387
+ );
388
+ --_rs-typography-line-height:var(
389
+ --rs-text-2-line-height,
390
+ 24px
391
+ );
392
+ --_rs-typography-base-color:var(
393
+ --_rs-typography-hardness-color,
394
+ var(
395
+ --rs-color-average,
396
+ 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)
397
+ )
398
+ );
399
+ --_rs-typography-text-auto-offset:16px;
400
+ --_rs-typography-ul-list-li-padding-left:22px;
401
+ --_rs-typography-ol-list-li-padding-left:26px;
402
+ --_rs-typography-list-li-margin-top-from-text:16px;
403
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
404
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
405
+ --_rs-typography-link-border-bottom-width-from-text:1px;
406
+ }
407
+ @media screen and (max-width: 640px){
408
+ &:not(html) [data-rs-internal='textarea__inner']::-ms-input-placeholder{
409
+ --_rs-typography-list-li-margin-top-from-text:12px;
410
+ }
411
+ }
412
+ &:not(html) [data-rs-internal='textarea__label'],
413
+ &:not(html) [data-rs-internal='textarea__inner'],
414
+ &:not(html) [data-rs-internal='textarea__inner']::placeholder,
415
+ &:not(html) [data-rs-internal='textarea__suffix']{
416
+ --_rs-typography-letter-spacing:0.0015em;
417
+ --_rs-typography-text-transform:initial;
418
+ --_rs-typography-font-variant-numeric:initial;
419
+ --_rs-typography-font-family:var(
420
+ --rs-font-family-ui,
421
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
422
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
423
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
424
+ );
425
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
426
+ --_rs-typography-font-weight:var(
427
+ --rs-font-weight-regular,
428
+ 400
429
+ );
430
+ --_rs-typography-line-height:var(
431
+ --rs-text-2-line-height,
432
+ 24px
433
+ );
434
+ --_rs-typography-base-color:var(
435
+ --_rs-typography-hardness-color,
436
+ var(
437
+ --rs-color-average,
438
+ 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)
439
+ )
440
+ );
441
+ --_rs-typography-text-auto-offset:16px;
442
+ --_rs-typography-ul-list-li-padding-left:22px;
443
+ --_rs-typography-ol-list-li-padding-left:26px;
444
+ --_rs-typography-list-li-margin-top-from-text:16px;
445
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
446
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
447
+ --_rs-typography-link-border-bottom-width-from-text:1px;
448
+ }
449
+ @media screen and (max-width: 640px){
450
+ &:not(html) [data-rs-internal='textarea__label'],
451
+ &:not(html) [data-rs-internal='textarea__inner'],
452
+ &:not(html) [data-rs-internal='textarea__inner']::placeholder,
453
+ &:not(html) [data-rs-internal='textarea__suffix']{
454
+ --_rs-typography-list-li-margin-top-from-text:12px;
455
+ }
456
+ }
457
+ &:not(html) [data-rs-internal='textarea__bold-label']{
458
+ --_rs-typography-letter-spacing:normal;
459
+ --_rs-typography-text-transform:initial;
460
+ --_rs-typography-font-variant-numeric:initial;
461
+ --_rs-typography-font-family:var(
462
+ --rs-font-family-ui,
463
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
464
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
465
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
466
+ );
467
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
468
+ --_rs-typography-font-weight:var(
469
+ --rs-font-weight-semi-bold,
470
+ 600
471
+ );
472
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
473
+ --_rs-typography-base-color:var(
474
+ --rs-color-hard,
475
+ 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))
476
+ );
477
+ --_rs-typography-text-auto-offset:0;
478
+ --_rs-typography-ul-list-li-padding-left:initial;
479
+ --_rs-typography-ol-list-li-padding-left:initial;
480
+ --_rs-typography-list-li-margin-top-from-text:initial;
481
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
482
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
483
+ --_rs-typography-link-border-bottom-width-from-text:2px;
484
+ }
485
+ &:not(html) [data-rs-internal='textarea__note'],
486
+ &:not(html) [data-rs-internal='textarea__error-message']{
487
+ --_rs-typography-letter-spacing:0.0045em;
488
+ --_rs-typography-text-transform:initial;
489
+ --_rs-typography-font-variant-numeric:initial;
490
+ --_rs-typography-font-family:var(
491
+ --rs-font-family-ui,
492
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
493
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
494
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
495
+ );
496
+ --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
497
+ --_rs-typography-font-weight:var(
498
+ --rs-font-weight-regular,
499
+ 400
500
+ );
501
+ --_rs-typography-line-height:var(
502
+ --rs-text-3-line-height,
503
+ 20px
504
+ );
505
+ --_rs-typography-base-color:var(
506
+ --_rs-typography-hardness-color,
507
+ var(
508
+ --rs-color-average,
509
+ 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)
510
+ )
511
+ );
512
+ --_rs-typography-text-auto-offset:8px;
513
+ --_rs-typography-ul-list-li-padding-left:28px;
514
+ --_rs-typography-ol-list-li-padding-left:21px;
515
+ --_rs-typography-list-li-margin-top-from-text:8px;
516
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
517
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
518
+ --_rs-typography-link-border-bottom-width-from-text:1px;
519
+ }
520
+ }
521
+ @define-mixin rs-textarea-size-l{
522
+ &:not(html){
523
+ --_rs-textarea-vertical-padding:12px;
524
+ --_rs-textarea-horizontal-padding:16px;
525
+ --_rs-textarea-parts-offset:8px;
526
+ }
527
+ &:not(html) [data-rs-internal='textarea__busy-icon']:not(html){
528
+ --_rs-icons-height:28px;
529
+ }
530
+ &:not(html) [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
531
+ --_rs-typography-letter-spacing:normal;
532
+ --_rs-typography-text-transform:initial;
533
+ --_rs-typography-font-variant-numeric:initial;
534
+ --_rs-typography-font-family:var(
535
+ --rs-font-family-ui,
536
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
537
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
538
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
539
+ );
540
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
541
+ --_rs-typography-font-weight:var(
542
+ --rs-font-weight-regular,
543
+ 400
544
+ );
545
+ --_rs-typography-line-height:var(
546
+ --rs-text-1-line-height,
547
+ 28px
548
+ );
549
+ --_rs-typography-base-color:var(
550
+ --_rs-typography-hardness-color,
551
+ var(
552
+ --rs-color-average,
553
+ 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)
554
+ )
555
+ );
556
+ --_rs-typography-text-auto-offset:32px;
557
+ --_rs-typography-ul-list-li-padding-left:26px;
558
+ --_rs-typography-ol-list-li-padding-left:32px;
559
+ --_rs-typography-list-li-margin-top-from-text:24px;
560
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
561
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
562
+ --_rs-typography-link-border-bottom-width-from-text:1px;
563
+ }
564
+ @media screen and (max-width: 640px){
565
+ &:not(html) [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
566
+ --_rs-typography-list-li-margin-top-from-text:16px;
567
+ }
568
+ }
569
+ &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
570
+ --_rs-typography-letter-spacing:normal;
571
+ --_rs-typography-text-transform:initial;
572
+ --_rs-typography-font-variant-numeric:initial;
573
+ --_rs-typography-font-family:var(
574
+ --rs-font-family-ui,
575
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
576
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
577
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
578
+ );
579
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
580
+ --_rs-typography-font-weight:var(
581
+ --rs-font-weight-regular,
582
+ 400
583
+ );
584
+ --_rs-typography-line-height:var(
585
+ --rs-text-1-line-height,
586
+ 28px
587
+ );
588
+ --_rs-typography-base-color:var(
589
+ --_rs-typography-hardness-color,
590
+ var(
591
+ --rs-color-average,
592
+ 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)
593
+ )
594
+ );
595
+ --_rs-typography-text-auto-offset:32px;
596
+ --_rs-typography-ul-list-li-padding-left:26px;
597
+ --_rs-typography-ol-list-li-padding-left:32px;
598
+ --_rs-typography-list-li-margin-top-from-text:24px;
599
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
600
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
601
+ --_rs-typography-link-border-bottom-width-from-text:1px;
602
+ }
603
+ @media screen and (max-width: 640px){
604
+ &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
605
+ --_rs-typography-list-li-margin-top-from-text:16px;
606
+ }
607
+ }
608
+ &:not(html) [data-rs-internal='textarea__inner']:-ms-input-placeholder{
609
+ --_rs-typography-letter-spacing:normal;
610
+ --_rs-typography-text-transform:initial;
611
+ --_rs-typography-font-variant-numeric:initial;
612
+ --_rs-typography-font-family:var(
613
+ --rs-font-family-ui,
614
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
615
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
616
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
617
+ );
618
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
619
+ --_rs-typography-font-weight:var(
620
+ --rs-font-weight-regular,
621
+ 400
622
+ );
623
+ --_rs-typography-line-height:var(
624
+ --rs-text-1-line-height,
625
+ 28px
626
+ );
627
+ --_rs-typography-base-color:var(
628
+ --_rs-typography-hardness-color,
629
+ var(
630
+ --rs-color-average,
631
+ 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)
632
+ )
633
+ );
634
+ --_rs-typography-text-auto-offset:32px;
635
+ --_rs-typography-ul-list-li-padding-left:26px;
636
+ --_rs-typography-ol-list-li-padding-left:32px;
637
+ --_rs-typography-list-li-margin-top-from-text:24px;
638
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
639
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
640
+ --_rs-typography-link-border-bottom-width-from-text:1px;
641
+ }
642
+ @media screen and (max-width: 640px){
643
+ &:not(html) [data-rs-internal='textarea__inner']:-ms-input-placeholder{
644
+ --_rs-typography-list-li-margin-top-from-text:16px;
645
+ }
646
+ }
647
+ &:not(html) [data-rs-internal='textarea__inner']::-ms-input-placeholder{
648
+ --_rs-typography-letter-spacing:normal;
649
+ --_rs-typography-text-transform:initial;
650
+ --_rs-typography-font-variant-numeric:initial;
651
+ --_rs-typography-font-family:var(
652
+ --rs-font-family-ui,
653
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
654
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
655
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
656
+ );
657
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
658
+ --_rs-typography-font-weight:var(
659
+ --rs-font-weight-regular,
660
+ 400
661
+ );
662
+ --_rs-typography-line-height:var(
663
+ --rs-text-1-line-height,
664
+ 28px
665
+ );
666
+ --_rs-typography-base-color:var(
667
+ --_rs-typography-hardness-color,
668
+ var(
669
+ --rs-color-average,
670
+ 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)
671
+ )
672
+ );
673
+ --_rs-typography-text-auto-offset:32px;
674
+ --_rs-typography-ul-list-li-padding-left:26px;
675
+ --_rs-typography-ol-list-li-padding-left:32px;
676
+ --_rs-typography-list-li-margin-top-from-text:24px;
677
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
678
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
679
+ --_rs-typography-link-border-bottom-width-from-text:1px;
680
+ }
681
+ @media screen and (max-width: 640px){
682
+ &:not(html) [data-rs-internal='textarea__inner']::-ms-input-placeholder{
683
+ --_rs-typography-list-li-margin-top-from-text:16px;
684
+ }
685
+ }
686
+ &:not(html) [data-rs-internal='textarea__label'],
687
+ &:not(html) [data-rs-internal='textarea__inner'],
688
+ &:not(html) [data-rs-internal='textarea__inner']::placeholder,
689
+ &:not(html) [data-rs-internal='textarea__suffix']{
690
+ --_rs-typography-letter-spacing:normal;
691
+ --_rs-typography-text-transform:initial;
692
+ --_rs-typography-font-variant-numeric:initial;
693
+ --_rs-typography-font-family:var(
694
+ --rs-font-family-ui,
695
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
696
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
697
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
698
+ );
699
+ --_rs-typography-font-size:var(--rs-text-1-font-size, 20px);
700
+ --_rs-typography-font-weight:var(
701
+ --rs-font-weight-regular,
702
+ 400
703
+ );
704
+ --_rs-typography-line-height:var(
705
+ --rs-text-1-line-height,
706
+ 28px
707
+ );
708
+ --_rs-typography-base-color:var(
709
+ --_rs-typography-hardness-color,
710
+ var(
711
+ --rs-color-average,
712
+ 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)
713
+ )
714
+ );
715
+ --_rs-typography-text-auto-offset:32px;
716
+ --_rs-typography-ul-list-li-padding-left:26px;
717
+ --_rs-typography-ol-list-li-padding-left:32px;
718
+ --_rs-typography-list-li-margin-top-from-text:24px;
719
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
720
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
721
+ --_rs-typography-link-border-bottom-width-from-text:1px;
722
+ }
723
+ @media screen and (max-width: 640px){
724
+ &:not(html) [data-rs-internal='textarea__label'],
725
+ &:not(html) [data-rs-internal='textarea__inner'],
726
+ &:not(html) [data-rs-internal='textarea__inner']::placeholder,
727
+ &:not(html) [data-rs-internal='textarea__suffix']{
728
+ --_rs-typography-list-li-margin-top-from-text:16px;
729
+ }
730
+ }
731
+ &:not(html) [data-rs-internal='textarea__bold-label']{
732
+ --_rs-typography-letter-spacing:normal;
733
+ --_rs-typography-text-transform:initial;
734
+ --_rs-typography-font-variant-numeric:initial;
735
+ --_rs-typography-font-family:var(
736
+ --rs-font-family-ui,
737
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
738
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
739
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
740
+ );
741
+ --_rs-typography-font-size:var(--rs-h3-font-size, 20px);
742
+ --_rs-typography-font-weight:var(
743
+ --rs-font-weight-semi-bold,
744
+ 600
745
+ );
746
+ --_rs-typography-line-height:var(--rs-h3-line-height, 28px);
747
+ --_rs-typography-base-color:var(
748
+ --rs-color-hard,
749
+ 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))
750
+ );
751
+ --_rs-typography-text-auto-offset:0;
752
+ --_rs-typography-ul-list-li-padding-left:initial;
753
+ --_rs-typography-ol-list-li-padding-left:initial;
754
+ --_rs-typography-list-li-margin-top-from-text:initial;
755
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
756
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
757
+ --_rs-typography-link-border-bottom-width-from-text:2px;
758
+ }
759
+ &:not(html) [data-rs-internal='textarea__note'],
760
+ &:not(html) [data-rs-internal='textarea__error-message']{
761
+ --_rs-typography-letter-spacing:0.0015em;
762
+ --_rs-typography-text-transform:initial;
763
+ --_rs-typography-font-variant-numeric:initial;
764
+ --_rs-typography-font-family:var(
765
+ --rs-font-family-ui,
766
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
767
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
768
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
769
+ );
770
+ --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
771
+ --_rs-typography-font-weight:var(
772
+ --rs-font-weight-regular,
773
+ 400
774
+ );
775
+ --_rs-typography-line-height:var(
776
+ --rs-text-2-line-height,
777
+ 24px
778
+ );
779
+ --_rs-typography-base-color:var(
780
+ --_rs-typography-hardness-color,
781
+ var(
782
+ --rs-color-average,
783
+ 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)
784
+ )
785
+ );
786
+ --_rs-typography-text-auto-offset:16px;
787
+ --_rs-typography-ul-list-li-padding-left:22px;
788
+ --_rs-typography-ol-list-li-padding-left:26px;
789
+ --_rs-typography-list-li-margin-top-from-text:16px;
790
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
791
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
792
+ --_rs-typography-link-border-bottom-width-from-text:1px;
793
+ }
794
+ @media screen and (max-width: 640px){
795
+ &:not(html) [data-rs-internal='textarea__note'],
796
+ &:not(html) [data-rs-internal='textarea__error-message']{
797
+ --_rs-typography-list-li-margin-top-from-text:12px;
798
+ }
799
+ }
800
+ }
801
+ @define-mixin rs-textarea-mode-classic{
802
+ &:not(html){
803
+ --_rs-textarea-focused-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));
804
+ --_rs-textarea-focused-background-color:rgb(
805
+ 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)
806
+ );
807
+ --_rs-textarea-focused-placeholder-color:rgba(
808
+ 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),
809
+ 0.5
810
+ );
811
+ --_rs-textarea-focused-busy-icon-color:rgba(
812
+ 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),
813
+ 0.7
814
+ );
815
+ --_rs-textarea-focused-scrollbar-track-color:rgb(
816
+ calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*136)
817
+ );
818
+ }
819
+ }
820
+ @define-mixin rs-textarea-mode-rock{
821
+ &:not(html){
822
+ --_rs-textarea-focused-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));
823
+ --_rs-textarea-focused-background-color:rgb(
824
+ 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)
825
+ );
826
+ --_rs-textarea-focused-placeholder-color:rgba(
827
+ 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),
828
+ 0.5
829
+ );
830
+ --_rs-textarea-focused-busy-icon-color:rgba(
831
+ 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),
832
+ 0.7
833
+ );
834
+ --_rs-textarea-focused-scrollbar-track-color:rgb(
835
+ calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(96 + var(--_rs-theme-dark-coefficient, 0)*136)
836
+ );
837
+ }
838
+ }