@rescui/textarea 0.6.3 → 0.7.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 +10 -0
  2. package/lib/_virtual/loading.js +45 -0
  3. package/lib/_virtual/warning.js +37 -0
  4. package/lib/index.css +286 -128
  5. package/lib/public-api.p.css +97 -8
  6. package/lib/public-api.pcss +97 -8
  7. package/lib/textarea.js +6 -2
  8. package/lib/textarea.p.module.css.js +19 -18
  9. package/package.json +5 -6
package/lib/_virtual/index.css.js ADDED
@@ -0,0 +1,10 @@
1
+ var styles = {
2
+ "icon": "_icon_ekw7ne_4",
3
+ "sizeXS": "_sizeXS_ekw7ne_14",
4
+ "sizeS": "_sizeS_ekw7ne_18",
5
+ "sizeM": "_sizeM_ekw7ne_22",
6
+ "sizeL": "_sizeL_ekw7ne_26",
7
+ "light": "_light_ekw7ne_30",
8
+ "dark": "_dark_ekw7ne_34"
9
+ };
10
+ export { styles as default };
package/lib/_virtual/loading.js ADDED
@@ -0,0 +1,45 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
3
+ import React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import cn from 'classnames';
6
+ import styles from './index.css.js';
7
+ var _excluded = ["theme", "size", "className"];
8
+ var sizeStyles = {
9
+ "xs": styles.sizeXS,
10
+ "s": styles.sizeS,
11
+ "m": styles.sizeM,
12
+ "l": styles.sizeL
13
+ };
14
+ var LoadingIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
15
+ var theme = _ref.theme,
16
+ size = _ref.size,
17
+ className = _ref.className,
18
+ props = _objectWithoutProperties(_ref, _excluded);
19
+
20
+ return /*#__PURE__*/React.createElement("svg", _extends({
21
+ viewBox: "0 0 24 24"
22
+ }, props, {
23
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
24
+ ref: ref
25
+ }), /*#__PURE__*/React.createElement("g", {
26
+ style: {
27
+ animation: "rs-icon-rotate 1s linear infinite",
28
+ transformOrigin: "center center"
29
+ }
30
+ }, /*#__PURE__*/React.createElement("path", {
31
+ opacity: 0.2,
32
+ d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"
33
+ }), /*#__PURE__*/React.createElement("path", {
34
+ d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10h-2a8 8 0 11-8-8V2z"
35
+ })));
36
+ });
37
+ LoadingIcon.propTypes = {
38
+ className: PropTypes.string,
39
+ theme: PropTypes.oneOf(["light", "dark"]),
40
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
41
+ };
42
+ LoadingIcon.defaultProps = {
43
+ size: "m"
44
+ };
45
+ export { LoadingIcon as default };
package/lib/_virtual/warning.js ADDED
@@ -0,0 +1,37 @@
1
+ import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
+ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
3
+ import React from 'react';
4
+ import PropTypes from 'prop-types';
5
+ import cn from 'classnames';
6
+ import styles from './index.css.js';
7
+ var _excluded = ["theme", "size", "className"];
8
+ var sizeStyles = {
9
+ "xs": styles.sizeXS,
10
+ "s": styles.sizeS,
11
+ "m": styles.sizeM,
12
+ "l": styles.sizeL
13
+ };
14
+ var WarningIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
15
+ var theme = _ref.theme,
16
+ size = _ref.size,
17
+ className = _ref.className,
18
+ props = _objectWithoutProperties(_ref, _excluded);
19
+
20
+ return /*#__PURE__*/React.createElement("svg", _extends({
21
+ viewBox: "0 0 24 24"
22
+ }, props, {
23
+ className: cn(styles.icon, styles[theme], sizeStyles[size], className),
24
+ ref: ref
25
+ }), /*#__PURE__*/React.createElement("path", {
26
+ d: "M2.769 20h18.363a.615.615 0 00.546-.891L12.504 2.8a.566.566 0 00-.989-.002C9.8 5.891 4.026 16.101 2.322 19.112A.61.61 0 002.77 20zm8.229-12h2v6h-2V8zm0 8h2v2h-2v-2z"
27
+ }));
28
+ });
29
+ WarningIcon.propTypes = {
30
+ className: PropTypes.string,
31
+ theme: PropTypes.oneOf(["light", "dark"]),
32
+ size: PropTypes.oneOf(["xs", "s", "m", "l"])
33
+ };
34
+ WarningIcon.defaultProps = {
35
+ size: "m"
36
+ };
37
+ export { WarningIcon as default };
package/lib/index.css CHANGED
@@ -1,18 +1,92 @@
1
- ._themeLight_1x4c3g5_8{
1
+ ._icon_ekw7ne_4{
2
+ --_rs-theme-dark:var(
3
+ --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
+ var(--rs-theme-dark, 0)
5
+ );
6
+ --_rs-theme-flip:var(--rs-theme-flip, 0);
7
+ --_rs-theme-dark-coefficient:calc(var(--_rs-theme-dark)*(1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip)*(1 - var(--_rs-theme-dark)));
8
+ --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
+ }
10
+ @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
+ ._icon_ekw7ne_4{
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
+ --_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
+ --_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)));
15
+ --_rs-color-primary-t-dim:color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
16
+ --_rs-color-primary-t-fog:color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, rgba(107, 87, 255,0.2)) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, rgba(132, 115, 255,0.3)) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
17
+ }
18
+ }
19
+ @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
+ ._icon_ekw7ne_4{
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
+ --_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
+ --_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));
24
+ --_rs-color-primary-t-dim: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, 0.8);
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
+ }
27
+ }
28
+ ._icon_ekw7ne_4{
29
+
30
+ fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
+
32
+ width:auto;
33
+ height:var(--_rs-icons-height);
34
+ }
35
+ ._sizeXS_ekw7ne_14{
36
+ --_rs-icons-height:16px;
37
+ }
38
+ ._sizeS_ekw7ne_18{
39
+ --_rs-icons-height:20px;
40
+ }
41
+ ._sizeM_ekw7ne_22{
42
+ --_rs-icons-height:24px;
43
+ }
44
+ ._sizeL_ekw7ne_26{
45
+ --_rs-icons-height:28px;
46
+ }
47
+ ._light_ekw7ne_30{
48
+ --rs-theme-dark:0;
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
+ }
51
+ ._dark_ekw7ne_34{
52
+ --rs-theme-dark:1;
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
+ }
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
+ @keyframes rs-icon-rotate{
66
+ from{
67
+ -webkit-transform:rotate(0deg);
68
+ transform:rotate(0deg);
69
+ }
70
+ to{
71
+ -webkit-transform:rotate(360deg);
72
+ transform:rotate(360deg);
73
+ }
74
+ }
75
+ ._themeLight_h86xmc_8{
2
76
  --rs-theme-dark:0;
3
77
  }
4
- ._themeDark_1x4c3g5_11{
78
+ ._themeDark_h86xmc_11{
5
79
  --rs-theme-dark:1;
6
80
  }
7
- ._sizeS_1x4c3g5_15{
81
+ ._sizeS_h86xmc_15{
8
82
  --_rs-textarea-vertical-padding:6px;
9
83
  --_rs-textarea-horizontal-padding:8px;
10
84
  --_rs-textarea-parts-offset:4px;
11
85
  }
12
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__busy-icon']:not(html){
86
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__busy-icon']:not(html){
13
87
  --_rs-icons-height:20px;
14
88
  }
15
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
89
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
16
90
  --_rs-typography-letter-spacing:0.0045em;
17
91
  --_rs-typography-text-transform:initial;
18
92
  --_rs-typography-font-variant-numeric:initial;
@@ -46,7 +120,7 @@
46
120
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
47
121
  --_rs-typography-link-border-bottom-width-from-text:1px;
48
122
  }
49
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
123
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
50
124
  --_rs-typography-letter-spacing:0.0045em;
51
125
  --_rs-typography-text-transform:initial;
52
126
  --_rs-typography-font-variant-numeric:initial;
@@ -80,7 +154,7 @@
80
154
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
81
155
  --_rs-typography-link-border-bottom-width-from-text:1px;
82
156
  }
83
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
157
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
84
158
  --_rs-typography-letter-spacing:0.0045em;
85
159
  --_rs-typography-text-transform:initial;
86
160
  --_rs-typography-font-variant-numeric:initial;
@@ -114,7 +188,7 @@
114
188
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
115
189
  --_rs-typography-link-border-bottom-width-from-text:1px;
116
190
  }
117
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
191
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
118
192
  --_rs-typography-letter-spacing:0.0045em;
119
193
  --_rs-typography-text-transform:initial;
120
194
  --_rs-typography-font-variant-numeric:initial;
@@ -148,10 +222,10 @@
148
222
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
149
223
  --_rs-typography-link-border-bottom-width-from-text:1px;
150
224
  }
151
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__label'],
152
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__inner'],
153
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__inner']::placeholder,
154
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__suffix']{
225
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__label'],
226
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__inner'],
227
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__inner']::placeholder,
228
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__suffix']{
155
229
  --_rs-typography-letter-spacing:0.0045em;
156
230
  --_rs-typography-text-transform:initial;
157
231
  --_rs-typography-font-variant-numeric:initial;
@@ -185,7 +259,7 @@
185
259
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
186
260
  --_rs-typography-link-border-bottom-width-from-text:1px;
187
261
  }
188
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__bold-label']{
262
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__bold-label']{
189
263
  --_rs-typography-letter-spacing:normal;
190
264
  --_rs-typography-text-transform:initial;
191
265
  --_rs-typography-font-variant-numeric:initial;
@@ -213,8 +287,7 @@
213
287
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
214
288
  --_rs-typography-link-border-bottom-width-from-text:2px;
215
289
  }
216
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__note'],
217
- ._sizeS_1x4c3g5_15 [data-rs-internal='textarea__error-message']{
290
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__note']{
218
291
  --_rs-typography-letter-spacing:0.0045em;
219
292
  --_rs-typography-text-transform:initial;
220
293
  --_rs-typography-font-variant-numeric:initial;
@@ -248,15 +321,46 @@
248
321
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
249
322
  --_rs-typography-link-border-bottom-width-from-text:1px;
250
323
  }
251
- ._sizeM_1x4c3g5_18{
324
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__error-message']{
325
+ --_rs-typography-letter-spacing:normal;
326
+ --_rs-typography-text-transform:initial;
327
+ --_rs-typography-font-variant-numeric:initial;
328
+ --_rs-typography-font-family:var(
329
+ --rs-font-family-ui,
330
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
331
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
332
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
333
+ );
334
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
335
+ --_rs-typography-font-weight:var(
336
+ --rs-font-weight-semi-bold,
337
+ 600
338
+ );
339
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
340
+ --_rs-typography-base-color:var(
341
+ --rs-color-hard,
342
+ rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227))
343
+ );
344
+ --_rs-typography-text-auto-offset:0;
345
+ --_rs-typography-ul-list-li-padding-left:initial;
346
+ --_rs-typography-ol-list-li-padding-left:initial;
347
+ --_rs-typography-list-li-margin-top-from-text:initial;
348
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
349
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
350
+ --_rs-typography-link-border-bottom-width-from-text:2px;
351
+ }
352
+ ._sizeS_h86xmc_15 [data-rs-internal='textarea__error-icon']:not(html){
353
+ --_rs-icons-height:20px;
354
+ }
355
+ ._sizeM_h86xmc_18{
252
356
  --_rs-textarea-vertical-padding:8px;
253
357
  --_rs-textarea-horizontal-padding:8px;
254
358
  --_rs-textarea-parts-offset:8px;
255
359
  }
256
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__busy-icon']:not(html){
360
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__busy-icon']:not(html){
257
361
  --_rs-icons-height:24px;
258
362
  }
259
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
363
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
260
364
  --_rs-typography-letter-spacing:0.0015em;
261
365
  --_rs-typography-text-transform:initial;
262
366
  --_rs-typography-font-variant-numeric:initial;
@@ -291,11 +395,11 @@
291
395
  --_rs-typography-link-border-bottom-width-from-text:1px;
292
396
  }
293
397
  @media screen and (max-width: 640px){
294
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
398
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
295
399
  --_rs-typography-list-li-margin-top-from-text:12px;
296
400
  }
297
401
  }
298
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
402
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
299
403
  --_rs-typography-letter-spacing:0.0015em;
300
404
  --_rs-typography-text-transform:initial;
301
405
  --_rs-typography-font-variant-numeric:initial;
@@ -330,11 +434,11 @@
330
434
  --_rs-typography-link-border-bottom-width-from-text:1px;
331
435
  }
332
436
  @media screen and (max-width: 640px){
333
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
437
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
334
438
  --_rs-typography-list-li-margin-top-from-text:12px;
335
439
  }
336
440
  }
337
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
441
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
338
442
  --_rs-typography-letter-spacing:0.0015em;
339
443
  --_rs-typography-text-transform:initial;
340
444
  --_rs-typography-font-variant-numeric:initial;
@@ -369,11 +473,11 @@
369
473
  --_rs-typography-link-border-bottom-width-from-text:1px;
370
474
  }
371
475
  @media screen and (max-width: 640px){
372
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
476
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
373
477
  --_rs-typography-list-li-margin-top-from-text:12px;
374
478
  }
375
479
  }
376
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
480
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
377
481
  --_rs-typography-letter-spacing:0.0015em;
378
482
  --_rs-typography-text-transform:initial;
379
483
  --_rs-typography-font-variant-numeric:initial;
@@ -408,14 +512,14 @@
408
512
  --_rs-typography-link-border-bottom-width-from-text:1px;
409
513
  }
410
514
  @media screen and (max-width: 640px){
411
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
515
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
412
516
  --_rs-typography-list-li-margin-top-from-text:12px;
413
517
  }
414
518
  }
415
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__label'],
416
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner'],
417
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::placeholder,
418
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__suffix']{
519
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__label'],
520
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner'],
521
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::placeholder,
522
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__suffix']{
419
523
  --_rs-typography-letter-spacing:0.0015em;
420
524
  --_rs-typography-text-transform:initial;
421
525
  --_rs-typography-font-variant-numeric:initial;
@@ -450,14 +554,14 @@
450
554
  --_rs-typography-link-border-bottom-width-from-text:1px;
451
555
  }
452
556
  @media screen and (max-width: 640px){
453
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__label'],
454
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner'],
455
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__inner']::placeholder,
456
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__suffix']{
557
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__label'],
558
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner'],
559
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__inner']::placeholder,
560
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__suffix']{
457
561
  --_rs-typography-list-li-margin-top-from-text:12px;
458
562
  }
459
563
  }
460
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__bold-label']{
564
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__bold-label']{
461
565
  --_rs-typography-letter-spacing:normal;
462
566
  --_rs-typography-text-transform:initial;
463
567
  --_rs-typography-font-variant-numeric:initial;
@@ -485,8 +589,7 @@
485
589
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
486
590
  --_rs-typography-link-border-bottom-width-from-text:2px;
487
591
  }
488
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__note'],
489
- ._sizeM_1x4c3g5_18 [data-rs-internal='textarea__error-message']{
592
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__note']{
490
593
  --_rs-typography-letter-spacing:0.0045em;
491
594
  --_rs-typography-text-transform:initial;
492
595
  --_rs-typography-font-variant-numeric:initial;
@@ -520,15 +623,46 @@
520
623
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
521
624
  --_rs-typography-link-border-bottom-width-from-text:1px;
522
625
  }
523
- ._sizeL_1x4c3g5_21{
626
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__error-message']{
627
+ --_rs-typography-letter-spacing:normal;
628
+ --_rs-typography-text-transform:initial;
629
+ --_rs-typography-font-variant-numeric:initial;
630
+ --_rs-typography-font-family:var(
631
+ --rs-font-family-ui,
632
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
633
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
634
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
635
+ );
636
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
637
+ --_rs-typography-font-weight:var(
638
+ --rs-font-weight-semi-bold,
639
+ 600
640
+ );
641
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
642
+ --_rs-typography-base-color:var(
643
+ --rs-color-hard,
644
+ 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))
645
+ );
646
+ --_rs-typography-text-auto-offset:0;
647
+ --_rs-typography-ul-list-li-padding-left:initial;
648
+ --_rs-typography-ol-list-li-padding-left:initial;
649
+ --_rs-typography-list-li-margin-top-from-text:initial;
650
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
651
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
652
+ --_rs-typography-link-border-bottom-width-from-text:2px;
653
+ }
654
+ ._sizeM_h86xmc_18 [data-rs-internal='textarea__error-icon']:not(html){
655
+ --_rs-icons-height:20px;
656
+ }
657
+ ._sizeL_h86xmc_21{
524
658
  --_rs-textarea-vertical-padding:12px;
525
659
  --_rs-textarea-horizontal-padding:16px;
526
660
  --_rs-textarea-parts-offset:8px;
527
661
  }
528
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__busy-icon']:not(html){
662
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__busy-icon']:not(html){
529
663
  --_rs-icons-height:28px;
530
664
  }
531
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
665
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
532
666
  --_rs-typography-letter-spacing:normal;
533
667
  --_rs-typography-text-transform:initial;
534
668
  --_rs-typography-font-variant-numeric:initial;
@@ -563,11 +697,11 @@
563
697
  --_rs-typography-link-border-bottom-width-from-text:1px;
564
698
  }
565
699
  @media screen and (max-width: 640px){
566
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
700
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
567
701
  --_rs-typography-list-li-margin-top-from-text:16px;
568
702
  }
569
703
  }
570
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
704
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
571
705
  --_rs-typography-letter-spacing:normal;
572
706
  --_rs-typography-text-transform:initial;
573
707
  --_rs-typography-font-variant-numeric:initial;
@@ -602,11 +736,11 @@
602
736
  --_rs-typography-link-border-bottom-width-from-text:1px;
603
737
  }
604
738
  @media screen and (max-width: 640px){
605
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
739
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
606
740
  --_rs-typography-list-li-margin-top-from-text:16px;
607
741
  }
608
742
  }
609
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
743
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
610
744
  --_rs-typography-letter-spacing:normal;
611
745
  --_rs-typography-text-transform:initial;
612
746
  --_rs-typography-font-variant-numeric:initial;
@@ -641,11 +775,11 @@
641
775
  --_rs-typography-link-border-bottom-width-from-text:1px;
642
776
  }
643
777
  @media screen and (max-width: 640px){
644
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
778
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
645
779
  --_rs-typography-list-li-margin-top-from-text:16px;
646
780
  }
647
781
  }
648
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
782
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
649
783
  --_rs-typography-letter-spacing:normal;
650
784
  --_rs-typography-text-transform:initial;
651
785
  --_rs-typography-font-variant-numeric:initial;
@@ -680,14 +814,14 @@
680
814
  --_rs-typography-link-border-bottom-width-from-text:1px;
681
815
  }
682
816
  @media screen and (max-width: 640px){
683
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
817
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
684
818
  --_rs-typography-list-li-margin-top-from-text:16px;
685
819
  }
686
820
  }
687
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__label'],
688
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner'],
689
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::placeholder,
690
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__suffix']{
821
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__label'],
822
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner'],
823
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::placeholder,
824
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__suffix']{
691
825
  --_rs-typography-letter-spacing:normal;
692
826
  --_rs-typography-text-transform:initial;
693
827
  --_rs-typography-font-variant-numeric:initial;
@@ -722,14 +856,14 @@
722
856
  --_rs-typography-link-border-bottom-width-from-text:1px;
723
857
  }
724
858
  @media screen and (max-width: 640px){
725
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__label'],
726
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner'],
727
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__inner']::placeholder,
728
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__suffix']{
859
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__label'],
860
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner'],
861
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__inner']::placeholder,
862
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__suffix']{
729
863
  --_rs-typography-list-li-margin-top-from-text:16px;
730
864
  }
731
865
  }
732
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__bold-label']{
866
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__bold-label']{
733
867
  --_rs-typography-letter-spacing:normal;
734
868
  --_rs-typography-text-transform:initial;
735
869
  --_rs-typography-font-variant-numeric:initial;
@@ -757,8 +891,7 @@
757
891
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
758
892
  --_rs-typography-link-border-bottom-width-from-text:2px;
759
893
  }
760
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__note'],
761
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__error-message']{
894
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__note']{
762
895
  --_rs-typography-letter-spacing:0.0015em;
763
896
  --_rs-typography-text-transform:initial;
764
897
  --_rs-typography-font-variant-numeric:initial;
@@ -793,12 +926,42 @@
793
926
  --_rs-typography-link-border-bottom-width-from-text:1px;
794
927
  }
795
928
  @media screen and (max-width: 640px){
796
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__note'],
797
- ._sizeL_1x4c3g5_21 [data-rs-internal='textarea__error-message']{
929
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__note']{
798
930
  --_rs-typography-list-li-margin-top-from-text:12px;
799
931
  }
800
932
  }
801
- ._classic_1x4c3g5_25{
933
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__error-message']{
934
+ --_rs-typography-letter-spacing:normal;
935
+ --_rs-typography-text-transform:initial;
936
+ --_rs-typography-font-variant-numeric:initial;
937
+ --_rs-typography-font-family:var(
938
+ --rs-font-family-ui,
939
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
940
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
941
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
942
+ );
943
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
944
+ --_rs-typography-font-weight:var(
945
+ --rs-font-weight-semi-bold,
946
+ 600
947
+ );
948
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
949
+ --_rs-typography-base-color:var(
950
+ --rs-color-hard,
951
+ 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))
952
+ );
953
+ --_rs-typography-text-auto-offset:0;
954
+ --_rs-typography-ul-list-li-padding-left:initial;
955
+ --_rs-typography-ol-list-li-padding-left:initial;
956
+ --_rs-typography-list-li-margin-top-from-text:initial;
957
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
958
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
959
+ --_rs-typography-link-border-bottom-width-from-text:2px;
960
+ }
961
+ ._sizeL_h86xmc_21 [data-rs-internal='textarea__error-icon']:not(html){
962
+ --_rs-icons-height:24px;
963
+ }
964
+ ._classic_h86xmc_25{
802
965
  --_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));
803
966
  --_rs-textarea-focused-background-color:rgb(
804
967
  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)
@@ -815,7 +978,7 @@
815
978
  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)
816
979
  );
817
980
  }
818
- ._rock_1x4c3g5_28{
981
+ ._rock_h86xmc_28{
819
982
  --_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));
820
983
  --_rs-textarea-focused-background-color:rgb(
821
984
  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)
@@ -832,7 +995,7 @@
832
995
  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)
833
996
  );
834
997
  }
835
- ._labelWrapper_1x4c3g5_32{
998
+ ._labelWrapper_h86xmc_32{
836
999
  --_rs-theme-dark:var(
837
1000
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
838
1001
  var(--rs-theme-dark, 0)
@@ -842,7 +1005,7 @@
842
1005
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
843
1006
  }
844
1007
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
845
- ._labelWrapper_1x4c3g5_32{
1008
+ ._labelWrapper_h86xmc_32{
846
1009
  --_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)));
847
1010
  --_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)));
848
1011
  --_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)));
@@ -851,7 +1014,7 @@
851
1014
  }
852
1015
  }
853
1016
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
854
- ._labelWrapper_1x4c3g5_32{
1017
+ ._labelWrapper_h86xmc_32{
855
1018
  --_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);
856
1019
  --_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));
857
1020
  --_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));
@@ -859,11 +1022,11 @@
859
1022
  --_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));
860
1023
  }
861
1024
  }
862
- ._labelWrapper_1x4c3g5_32 {
1025
+ ._labelWrapper_h86xmc_32 {
863
1026
 
864
1027
  display:block;
865
1028
  }
866
- ._wrapper_1x4c3g5_39{
1029
+ ._wrapper_h86xmc_39{
867
1030
  position:relative;
868
1031
 
869
1032
  display:-webkit-box;
@@ -876,10 +1039,10 @@
876
1039
 
877
1040
  cursor:text;
878
1041
  }
879
- ._disabled_1x4c3g5_47 ._wrapper_1x4c3g5_39{
1042
+ ._disabled_h86xmc_47 ._wrapper_h86xmc_39{
880
1043
  cursor:default;
881
1044
  }
882
- ._inner_1x4c3g5_52{
1045
+ ._inner_h86xmc_52{
883
1046
  letter-spacing:var(
884
1047
  --rs-text-base-letter-spacing,
885
1048
  var(--_rs-typography-letter-spacing)
@@ -892,12 +1055,6 @@
892
1055
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
893
1056
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
894
1057
  font-feature-settings:'kern', 'liga', 'calt';
895
- }
896
- ._inner_1x4c3g5_52 > p:not(:nth-child(1)),
897
- ._inner_1x4c3g5_52 > pre:not(:nth-child(1)){
898
- padding-top:var(--_rs-typography-auto-offset-or-initial);
899
- }
900
- ._inner_1x4c3g5_52 {
901
1058
 
902
1059
  --_rs-textarea-border-width:1px;
903
1060
 
@@ -922,25 +1079,25 @@
922
1079
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
923
1080
  }
924
1081
  @media (hover: hover){
925
- ._inner_1x4c3g5_52{
1082
+ ._inner_h86xmc_52{
926
1083
  scrollbar-color:#A3A3A4 rgb(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));
927
1084
  scrollbar-width:thin
928
1085
  }
929
1086
 
930
- ._inner_1x4c3g5_52::-webkit-scrollbar{
1087
+ ._inner_h86xmc_52::-webkit-scrollbar{
931
1088
  width:7px;
932
1089
  height:8px;
933
1090
  }
934
1091
 
935
- ._inner_1x4c3g5_52::-webkit-scrollbar-corner{
1092
+ ._inner_h86xmc_52::-webkit-scrollbar-corner{
936
1093
  background-color:transparent;
937
1094
  }
938
1095
 
939
- ._inner_1x4c3g5_52::-webkit-scrollbar-track{
1096
+ ._inner_h86xmc_52::-webkit-scrollbar-track{
940
1097
  background-color:rgb(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));
941
1098
  }
942
1099
 
943
- ._inner_1x4c3g5_52::-webkit-scrollbar-thumb{
1100
+ ._inner_h86xmc_52::-webkit-scrollbar-thumb{
944
1101
  width:7px;
945
1102
 
946
1103
  border-radius:7px;
@@ -948,90 +1105,90 @@
948
1105
  background:#A3A3A4;
949
1106
  }
950
1107
 
951
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52{
1108
+ ._focused_h86xmc_104 ._inner_h86xmc_52{
952
1109
  scrollbar-color:#A3A3A4 var(--_rs-textarea-focused-scrollbar-track-color);
953
1110
  }
954
1111
 
955
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52::-webkit-scrollbar-track{
1112
+ ._focused_h86xmc_104 ._inner_h86xmc_52::-webkit-scrollbar-track{
956
1113
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
957
1114
  }
958
1115
  }
959
- ._inner_1x4c3g5_52:focus{
1116
+ ._inner_h86xmc_52:focus{
960
1117
  outline:none;
961
1118
  }
962
- ._inner_1x4c3g5_52::-webkit-input-placeholder{
1119
+ ._inner_h86xmc_52::-webkit-input-placeholder{
963
1120
  opacity:1;
964
1121
 
965
1122
  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);
966
1123
  }
967
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52::-webkit-input-placeholder{
1124
+ ._focused_h86xmc_104 ._inner_h86xmc_52::-webkit-input-placeholder{
968
1125
  color:var(--_rs-textarea-focused-placeholder-color);
969
1126
  }
970
- ._inner_1x4c3g5_52::-moz-placeholder{
1127
+ ._inner_h86xmc_52::-moz-placeholder{
971
1128
  opacity:1;
972
1129
 
973
1130
  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);
974
1131
  }
975
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52::-moz-placeholder{
1132
+ ._focused_h86xmc_104 ._inner_h86xmc_52::-moz-placeholder{
976
1133
  color:var(--_rs-textarea-focused-placeholder-color);
977
1134
  }
978
- ._inner_1x4c3g5_52:-ms-input-placeholder{
1135
+ ._inner_h86xmc_52:-ms-input-placeholder{
979
1136
  opacity:1;
980
1137
 
981
1138
  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);
982
1139
  }
983
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52:-ms-input-placeholder{
1140
+ ._focused_h86xmc_104 ._inner_h86xmc_52:-ms-input-placeholder{
984
1141
  color:var(--_rs-textarea-focused-placeholder-color);
985
1142
  }
986
- ._inner_1x4c3g5_52::-ms-input-placeholder{
1143
+ ._inner_h86xmc_52::-ms-input-placeholder{
987
1144
  opacity:1;
988
1145
 
989
1146
  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);
990
1147
  }
991
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52::-ms-input-placeholder{
1148
+ ._focused_h86xmc_104 ._inner_h86xmc_52::-ms-input-placeholder{
992
1149
  color:var(--_rs-textarea-focused-placeholder-color);
993
1150
  }
994
- ._inner_1x4c3g5_52::placeholder{
1151
+ ._inner_h86xmc_52::placeholder{
995
1152
  opacity:1;
996
1153
 
997
1154
  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);
998
1155
  }
999
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52::placeholder{
1156
+ ._focused_h86xmc_104 ._inner_h86xmc_52::placeholder{
1000
1157
  color:var(--_rs-textarea-focused-placeholder-color);
1001
1158
  }
1002
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52,
1003
- ._error_1x4c3g5_129 ._inner_1x4c3g5_52{
1159
+ ._focused_h86xmc_104 ._inner_h86xmc_52,
1160
+ ._error_h86xmc_129 ._inner_h86xmc_52{
1004
1161
  --_rs-textarea-border-width:2px;
1005
1162
  }
1006
- ._inner_1x4c3g5_52._filled_1x4c3g5_133{
1163
+ ._inner_h86xmc_52._filled_h86xmc_133{
1007
1164
  border-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);
1008
1165
  }
1009
1166
  @media (hover: hover){
1010
- ._inner_1x4c3g5_52:hover{
1167
+ ._inner_h86xmc_52:hover{
1011
1168
  border-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);
1012
1169
 
1013
1170
  background-color:rgb(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));
1014
1171
  }
1015
1172
  }
1016
- ._focused_1x4c3g5_104 ._inner_1x4c3g5_52{
1173
+ ._focused_h86xmc_104 ._inner_h86xmc_52{
1017
1174
  border-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));
1018
1175
 
1019
1176
  color:var(--_rs-textarea-focused-color);
1020
1177
  background-color:var(--_rs-textarea-focused-background-color);
1021
1178
  }
1022
- ._disabled_1x4c3g5_47 ._inner_1x4c3g5_52{
1179
+ ._disabled_h86xmc_47 ._inner_h86xmc_52{
1023
1180
  border-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.2);
1024
1181
 
1025
1182
  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);
1026
1183
 
1027
1184
  background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*219), calc(244 - var(--_rs-theme-dark-coefficient, 0)*219), calc(244 - var(--_rs-theme-dark-coefficient, 0)*216));
1028
1185
  }
1029
- ._labelWrapper_1x4c3g5_32._error_1x4c3g5_129 ._inner_1x4c3g5_52,
1030
- ._labelWrapper_1x4c3g5_32._error_1x4c3g5_129 ._inner_1x4c3g5_52:hover,
1031
- ._labelWrapper_1x4c3g5_32._error_1x4c3g5_129._focused_1x4c3g5_104 ._inner_1x4c3g5_52{
1186
+ ._labelWrapper_h86xmc_32._error_h86xmc_129 ._inner_h86xmc_52,
1187
+ ._labelWrapper_h86xmc_32._error_h86xmc_129 ._inner_h86xmc_52:hover,
1188
+ ._labelWrapper_h86xmc_32._error_h86xmc_129._focused_h86xmc_104 ._inner_h86xmc_52{
1032
1189
  border-color:#F45C4A;
1033
1190
  }
1034
- ._busyIcon_1x4c3g5_167{
1191
+ ._busyIcon_h86xmc_167{
1035
1192
  position:absolute;
1036
1193
  right:calc(var(--_rs-textarea-horizontal-padding) - 1px);
1037
1194
  bottom:calc(var(--_rs-textarea-vertical-padding) - 1px);
@@ -1046,13 +1203,13 @@
1046
1203
 
1047
1204
  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);
1048
1205
  }
1049
- ._focused_1x4c3g5_104 ._busyIcon_1x4c3g5_167{
1206
+ ._focused_h86xmc_104 ._busyIcon_h86xmc_167{
1050
1207
  color:var(--_rs-textarea-focused-busy-icon-color);
1051
1208
  }
1052
- ._disabled_1x4c3g5_47 ._busyIcon_1x4c3g5_167{
1209
+ ._disabled_h86xmc_47 ._busyIcon_h86xmc_167{
1053
1210
  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);
1054
1211
  }
1055
- ._errorMessage_1x4c3g5_187{
1212
+ ._errorMessage_h86xmc_187{
1056
1213
  letter-spacing:var(
1057
1214
  --rs-text-base-letter-spacing,
1058
1215
  var(--_rs-typography-letter-spacing)
@@ -1065,17 +1222,30 @@
1065
1222
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1066
1223
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1067
1224
  font-feature-settings:'kern', 'liga', 'calt';
1068
- }
1069
- ._errorMessage_1x4c3g5_187 > p:not(:nth-child(1)),
1070
- ._errorMessage_1x4c3g5_187 > pre:not(:nth-child(1)){
1071
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1072
- }
1073
- ._errorMessage_1x4c3g5_187 {
1225
+
1226
+ display:-webkit-box;
1227
+
1228
+ display:-ms-flexbox;
1229
+
1230
+ display:flex;
1231
+ -ms-flex-wrap:nowrap;
1232
+ flex-wrap:nowrap;
1233
+
1074
1234
  margin-top:var(--_rs-textarea-parts-offset);
1075
1235
 
1236
+ 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));
1237
+ -webkit-column-gap:8px;
1238
+ -moz-column-gap:8px;
1239
+ column-gap:8px;
1240
+ }
1241
+ ._errorIcon_h86xmc_199{
1242
+ -webkit-box-flex:0;
1243
+ -ms-flex:0 0 auto;
1244
+ flex:0 0 auto;
1245
+
1076
1246
  color:#F45C4A;
1077
1247
  }
1078
- ._note_1x4c3g5_194{
1248
+ ._note_h86xmc_205{
1079
1249
  letter-spacing:var(
1080
1250
  --rs-text-base-letter-spacing,
1081
1251
  var(--_rs-typography-letter-spacing)
@@ -1088,12 +1258,6 @@
1088
1258
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1089
1259
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1090
1260
  font-feature-settings:'kern', 'liga', 'calt';
1091
- }
1092
- ._note_1x4c3g5_194 > p:not(:nth-child(1)),
1093
- ._note_1x4c3g5_194 > pre:not(:nth-child(1)){
1094
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1095
- }
1096
- ._note_1x4c3g5_194 {
1097
1261
  --_rs-typography-hardness-color:var(
1098
1262
  --rs-color-average,
1099
1263
  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)
@@ -1103,16 +1267,16 @@
1103
1267
 
1104
1268
  color:var(--_rs-typography-hardness-color);
1105
1269
  }
1106
- ._disabled_1x4c3g5_47 ._note_1x4c3g5_194{
1270
+ ._disabled_h86xmc_47 ._note_h86xmc_205{
1107
1271
  --_rs-typography-hardness-color:var(
1108
1272
  --rs-color-pale,
1109
1273
  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)
1110
1274
  );
1111
1275
  }
1112
- ._errorMessage_1x4c3g5_187 + ._note_1x4c3g5_194{
1276
+ ._errorMessage_h86xmc_187 + ._note_h86xmc_205{
1113
1277
  margin-top:calc(var(--_rs-textarea-parts-offset) - 4px);
1114
1278
  }
1115
- ._label_1x4c3g5_32{
1279
+ ._label_h86xmc_32{
1116
1280
  letter-spacing:var(
1117
1281
  --rs-text-base-letter-spacing,
1118
1282
  var(--_rs-typography-letter-spacing)
@@ -1125,12 +1289,6 @@
1125
1289
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1126
1290
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1127
1291
  font-feature-settings:'kern', 'liga', 'calt';
1128
- }
1129
- ._label_1x4c3g5_32 > p:not(:nth-child(1)),
1130
- ._label_1x4c3g5_32 > pre:not(:nth-child(1)){
1131
- padding-top:var(--_rs-typography-auto-offset-or-initial);
1132
- }
1133
- ._label_1x4c3g5_32 {
1134
1292
  --_rs-typography-hardness-color:var(
1135
1293
  --rs-color-hard,
1136
1294
  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))
@@ -1140,7 +1298,7 @@
1140
1298
 
1141
1299
  color:var(--_rs-typography-hardness-color);
1142
1300
  }
1143
- ._disabled_1x4c3g5_47 ._label_1x4c3g5_32{
1301
+ ._disabled_h86xmc_47 ._label_h86xmc_32{
1144
1302
  --_rs-typography-hardness-color:var(
1145
1303
  --rs-color-pale,
1146
1304
  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)
package/lib/public-api.p.css CHANGED
@@ -208,8 +208,7 @@
208
208
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
209
209
  --_rs-typography-link-border-bottom-width-from-text:2px;
210
210
  }
211
- &:not(html) [data-rs-internal='textarea__note'],
212
- &:not(html) [data-rs-internal='textarea__error-message']{
211
+ &:not(html) [data-rs-internal='textarea__note']{
213
212
  --_rs-typography-letter-spacing:0.0045em;
214
213
  --_rs-typography-text-transform:initial;
215
214
  --_rs-typography-font-variant-numeric:initial;
@@ -243,6 +242,37 @@
243
242
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
244
243
  --_rs-typography-link-border-bottom-width-from-text:1px;
245
244
  }
245
+ &:not(html) [data-rs-internal='textarea__error-message']{
246
+ --_rs-typography-letter-spacing:normal;
247
+ --_rs-typography-text-transform:initial;
248
+ --_rs-typography-font-variant-numeric:initial;
249
+ --_rs-typography-font-family:var(
250
+ --rs-font-family-ui,
251
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
252
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
253
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
254
+ );
255
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
256
+ --_rs-typography-font-weight:var(
257
+ --rs-font-weight-semi-bold,
258
+ 600
259
+ );
260
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
261
+ --_rs-typography-base-color:var(
262
+ --rs-color-hard,
263
+ 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))
264
+ );
265
+ --_rs-typography-text-auto-offset:0;
266
+ --_rs-typography-ul-list-li-padding-left:initial;
267
+ --_rs-typography-ol-list-li-padding-left:initial;
268
+ --_rs-typography-list-li-margin-top-from-text:initial;
269
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
270
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
271
+ --_rs-typography-link-border-bottom-width-from-text:2px;
272
+ }
273
+ &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
274
+ --_rs-icons-height:20px;
275
+ }
246
276
  }
247
277
  @define-mixin rs-textarea-size-m{
248
278
  &:not(html){
@@ -482,8 +512,7 @@
482
512
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
483
513
  --_rs-typography-link-border-bottom-width-from-text:2px;
484
514
  }
485
- &:not(html) [data-rs-internal='textarea__note'],
486
- &:not(html) [data-rs-internal='textarea__error-message']{
515
+ &:not(html) [data-rs-internal='textarea__note']{
487
516
  --_rs-typography-letter-spacing:0.0045em;
488
517
  --_rs-typography-text-transform:initial;
489
518
  --_rs-typography-font-variant-numeric:initial;
@@ -517,6 +546,37 @@
517
546
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
518
547
  --_rs-typography-link-border-bottom-width-from-text:1px;
519
548
  }
549
+ &:not(html) [data-rs-internal='textarea__error-message']{
550
+ --_rs-typography-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-h5-font-size, 13px);
560
+ --_rs-typography-font-weight:var(
561
+ --rs-font-weight-semi-bold,
562
+ 600
563
+ );
564
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
565
+ --_rs-typography-base-color:var(
566
+ --rs-color-hard,
567
+ 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))
568
+ );
569
+ --_rs-typography-text-auto-offset:0;
570
+ --_rs-typography-ul-list-li-padding-left:initial;
571
+ --_rs-typography-ol-list-li-padding-left:initial;
572
+ --_rs-typography-list-li-margin-top-from-text:initial;
573
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
574
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
575
+ --_rs-typography-link-border-bottom-width-from-text:2px;
576
+ }
577
+ &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
578
+ --_rs-icons-height:20px;
579
+ }
520
580
  }
521
581
  @define-mixin rs-textarea-size-l{
522
582
  &:not(html){
@@ -756,8 +816,7 @@
756
816
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
757
817
  --_rs-typography-link-border-bottom-width-from-text:2px;
758
818
  }
759
- &:not(html) [data-rs-internal='textarea__note'],
760
- &:not(html) [data-rs-internal='textarea__error-message']{
819
+ &:not(html) [data-rs-internal='textarea__note']{
761
820
  --_rs-typography-letter-spacing:0.0015em;
762
821
  --_rs-typography-text-transform:initial;
763
822
  --_rs-typography-font-variant-numeric:initial;
@@ -792,11 +851,41 @@
792
851
  --_rs-typography-link-border-bottom-width-from-text:1px;
793
852
  }
794
853
  @media screen and (max-width: 640px){
795
- &:not(html) [data-rs-internal='textarea__note'],
796
- &:not(html) [data-rs-internal='textarea__error-message']{
854
+ &:not(html) [data-rs-internal='textarea__note']{
797
855
  --_rs-typography-list-li-margin-top-from-text:12px;
798
856
  }
799
857
  }
858
+ &:not(html) [data-rs-internal='textarea__error-message']{
859
+ --_rs-typography-letter-spacing:normal;
860
+ --_rs-typography-text-transform:initial;
861
+ --_rs-typography-font-variant-numeric:initial;
862
+ --_rs-typography-font-family:var(
863
+ --rs-font-family-ui,
864
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
865
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
866
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
867
+ );
868
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
869
+ --_rs-typography-font-weight:var(
870
+ --rs-font-weight-semi-bold,
871
+ 600
872
+ );
873
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
874
+ --_rs-typography-base-color:var(
875
+ --rs-color-hard,
876
+ 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))
877
+ );
878
+ --_rs-typography-text-auto-offset:0;
879
+ --_rs-typography-ul-list-li-padding-left:initial;
880
+ --_rs-typography-ol-list-li-padding-left:initial;
881
+ --_rs-typography-list-li-margin-top-from-text:initial;
882
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
883
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
884
+ --_rs-typography-link-border-bottom-width-from-text:2px;
885
+ }
886
+ &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
887
+ --_rs-icons-height:24px;
888
+ }
800
889
  }
801
890
  @define-mixin rs-textarea-mode-classic{
802
891
  &:not(html){
package/lib/public-api.pcss CHANGED
@@ -208,8 +208,7 @@
208
208
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
209
209
  --_rs-typography-link-border-bottom-width-from-text:2px;
210
210
  }
211
- &:not(html) [data-rs-internal='textarea__note'],
212
- &:not(html) [data-rs-internal='textarea__error-message']{
211
+ &:not(html) [data-rs-internal='textarea__note']{
213
212
  --_rs-typography-letter-spacing:0.0045em;
214
213
  --_rs-typography-text-transform:initial;
215
214
  --_rs-typography-font-variant-numeric:initial;
@@ -243,6 +242,37 @@
243
242
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
244
243
  --_rs-typography-link-border-bottom-width-from-text:1px;
245
244
  }
245
+ &:not(html) [data-rs-internal='textarea__error-message']{
246
+ --_rs-typography-letter-spacing:normal;
247
+ --_rs-typography-text-transform:initial;
248
+ --_rs-typography-font-variant-numeric:initial;
249
+ --_rs-typography-font-family:var(
250
+ --rs-font-family-ui,
251
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
252
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
253
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
254
+ );
255
+ --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
256
+ --_rs-typography-font-weight:var(
257
+ --rs-font-weight-semi-bold,
258
+ 600
259
+ );
260
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
261
+ --_rs-typography-base-color:var(
262
+ --rs-color-hard,
263
+ 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))
264
+ );
265
+ --_rs-typography-text-auto-offset:0;
266
+ --_rs-typography-ul-list-li-padding-left:initial;
267
+ --_rs-typography-ol-list-li-padding-left:initial;
268
+ --_rs-typography-list-li-margin-top-from-text:initial;
269
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
270
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
271
+ --_rs-typography-link-border-bottom-width-from-text:2px;
272
+ }
273
+ &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
274
+ --_rs-icons-height:20px;
275
+ }
246
276
  }
247
277
  @define-mixin rs-textarea-size-m{
248
278
  &:not(html){
@@ -482,8 +512,7 @@
482
512
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
483
513
  --_rs-typography-link-border-bottom-width-from-text:2px;
484
514
  }
485
- &:not(html) [data-rs-internal='textarea__note'],
486
- &:not(html) [data-rs-internal='textarea__error-message']{
515
+ &:not(html) [data-rs-internal='textarea__note']{
487
516
  --_rs-typography-letter-spacing:0.0045em;
488
517
  --_rs-typography-text-transform:initial;
489
518
  --_rs-typography-font-variant-numeric:initial;
@@ -517,6 +546,37 @@
517
546
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
518
547
  --_rs-typography-link-border-bottom-width-from-text:1px;
519
548
  }
549
+ &:not(html) [data-rs-internal='textarea__error-message']{
550
+ --_rs-typography-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-h5-font-size, 13px);
560
+ --_rs-typography-font-weight:var(
561
+ --rs-font-weight-semi-bold,
562
+ 600
563
+ );
564
+ --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
565
+ --_rs-typography-base-color:var(
566
+ --rs-color-hard,
567
+ 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))
568
+ );
569
+ --_rs-typography-text-auto-offset:0;
570
+ --_rs-typography-ul-list-li-padding-left:initial;
571
+ --_rs-typography-ol-list-li-padding-left:initial;
572
+ --_rs-typography-list-li-margin-top-from-text:initial;
573
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
574
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
575
+ --_rs-typography-link-border-bottom-width-from-text:2px;
576
+ }
577
+ &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
578
+ --_rs-icons-height:20px;
579
+ }
520
580
  }
521
581
  @define-mixin rs-textarea-size-l{
522
582
  &:not(html){
@@ -756,8 +816,7 @@
756
816
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
757
817
  --_rs-typography-link-border-bottom-width-from-text:2px;
758
818
  }
759
- &:not(html) [data-rs-internal='textarea__note'],
760
- &:not(html) [data-rs-internal='textarea__error-message']{
819
+ &:not(html) [data-rs-internal='textarea__note']{
761
820
  --_rs-typography-letter-spacing:0.0015em;
762
821
  --_rs-typography-text-transform:initial;
763
822
  --_rs-typography-font-variant-numeric:initial;
@@ -792,11 +851,41 @@
792
851
  --_rs-typography-link-border-bottom-width-from-text:1px;
793
852
  }
794
853
  @media screen and (max-width: 640px){
795
- &:not(html) [data-rs-internal='textarea__note'],
796
- &:not(html) [data-rs-internal='textarea__error-message']{
854
+ &:not(html) [data-rs-internal='textarea__note']{
797
855
  --_rs-typography-list-li-margin-top-from-text:12px;
798
856
  }
799
857
  }
858
+ &:not(html) [data-rs-internal='textarea__error-message']{
859
+ --_rs-typography-letter-spacing:normal;
860
+ --_rs-typography-text-transform:initial;
861
+ --_rs-typography-font-variant-numeric:initial;
862
+ --_rs-typography-font-family:var(
863
+ --rs-font-family-ui,
864
+ var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
865
+ BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
866
+ 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
867
+ );
868
+ --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
869
+ --_rs-typography-font-weight:var(
870
+ --rs-font-weight-semi-bold,
871
+ 600
872
+ );
873
+ --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
874
+ --_rs-typography-base-color:var(
875
+ --rs-color-hard,
876
+ 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))
877
+ );
878
+ --_rs-typography-text-auto-offset:0;
879
+ --_rs-typography-ul-list-li-padding-left:initial;
880
+ --_rs-typography-ol-list-li-padding-left:initial;
881
+ --_rs-typography-list-li-margin-top-from-text:initial;
882
+ --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
883
+ --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
884
+ --_rs-typography-link-border-bottom-width-from-text:2px;
885
+ }
886
+ &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
887
+ --_rs-icons-height:24px;
888
+ }
800
889
  }
801
890
  @define-mixin rs-textarea-mode-classic{
802
891
  &:not(html){
package/lib/textarea.js CHANGED
@@ -18,8 +18,9 @@ import React, { useState } from 'react';
18
18
  import PropTypes from 'prop-types';
19
19
  import TextareaAutosize from 'react-textarea-autosize';
20
20
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
21
- import { LoadingIcon } from '@rescui/icons';
22
21
  import cn from 'classnames';
22
+ import LoadingIcon from './_virtual/loading.js';
23
+ import WarningIcon from './_virtual/warning.js';
23
24
  import styles from './textarea.p.module.css.js';
24
25
  var SIZE_STYLES = {
25
26
  s: styles.sizeS,
@@ -100,7 +101,10 @@ function (_ref, ref) {
100
101
  className: styles.errorMessage,
101
102
  "data-test": 'textarea__error',
102
103
  "data-rs-internal": "textarea__error-message"
103
- }, error), note && /*#__PURE__*/React.createElement("div", {
104
+ }, /*#__PURE__*/React.createElement(WarningIcon, {
105
+ className: styles.errorIcon,
106
+ "data-rs-internal": "textarea__error-icon"
107
+ }), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
104
108
  className: styles.note,
105
109
  "data-test": 'textarea__note',
106
110
  "data-rs-internal": "textarea__note"
package/lib/textarea.p.module.css.js CHANGED
@@ -1,21 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1x4c3g5_8",
3
- "themeDark": "_themeDark_1x4c3g5_11",
4
- "sizeS": "_sizeS_1x4c3g5_15",
5
- "sizeM": "_sizeM_1x4c3g5_18",
6
- "sizeL": "_sizeL_1x4c3g5_21",
7
- "classic": "_classic_1x4c3g5_25",
8
- "rock": "_rock_1x4c3g5_28",
9
- "labelWrapper": "_labelWrapper_1x4c3g5_32",
10
- "wrapper": "_wrapper_1x4c3g5_39",
11
- "disabled": "_disabled_1x4c3g5_47",
12
- "inner": "_inner_1x4c3g5_52",
13
- "focused": "_focused_1x4c3g5_104",
14
- "error": "_error_1x4c3g5_129",
15
- "filled": "_filled_1x4c3g5_133",
16
- "busyIcon": "_busyIcon_1x4c3g5_167",
17
- "errorMessage": "_errorMessage_1x4c3g5_187",
18
- "note": "_note_1x4c3g5_194",
19
- "label": "_label_1x4c3g5_32"
2
+ "themeLight": "_themeLight_h86xmc_8",
3
+ "themeDark": "_themeDark_h86xmc_11",
4
+ "sizeS": "_sizeS_h86xmc_15",
5
+ "sizeM": "_sizeM_h86xmc_18",
6
+ "sizeL": "_sizeL_h86xmc_21",
7
+ "classic": "_classic_h86xmc_25",
8
+ "rock": "_rock_h86xmc_28",
9
+ "labelWrapper": "_labelWrapper_h86xmc_32",
10
+ "wrapper": "_wrapper_h86xmc_39",
11
+ "disabled": "_disabled_h86xmc_47",
12
+ "inner": "_inner_h86xmc_52",
13
+ "focused": "_focused_h86xmc_104",
14
+ "error": "_error_h86xmc_129",
15
+ "filled": "_filled_h86xmc_133",
16
+ "busyIcon": "_busyIcon_h86xmc_167",
17
+ "errorMessage": "_errorMessage_h86xmc_187",
18
+ "errorIcon": "_errorIcon_h86xmc_199",
19
+ "note": "_note_h86xmc_205",
20
+ "label": "_label_h86xmc_32"
20
21
  };
21
22
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.6.3",
3
+ "version": "0.7.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,6 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/icons": "^0.16.3",
19
18
  "classnames": "^2.2.6",
20
19
  "core-js": "^3.9.1",
21
20
  "react-textarea-autosize": "^8.3.4"
@@ -26,9 +25,9 @@
26
25
  "react": ">=16.8.0 <19"
27
26
  },
28
27
  "devDependencies": {
29
- "@rescui/colors": "^0.2.1",
30
- "@rescui/scripts": "^0.3.1",
31
- "@rescui/typography": "^0.16.3",
28
+ "@rescui/colors": "^0.2.3",
29
+ "@rescui/scripts": "^0.3.3",
30
+ "@rescui/typography": "^0.17.0",
32
31
  "@rescui/visual-regression": "^0.1.2",
33
32
  "@types/classnames": "^2.2.11"
34
33
  },
@@ -37,5 +36,5 @@
37
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
37
  },
39
38
  "nx": {},
40
- "gitHead": "950fab43f95d8788d3b4a266957a73233c5ea72e"
39
+ "gitHead": "b422496bacb5df4a601008c646abfb08cebe461c"
41
40
  }