@rescui/textarea 0.6.3-test-canary-release-a00fb377.1 → 0.7.0

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 +298 -116
  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 +7 -7
package/lib/_virtual/index.css.js ADDED
@@ -0,0 +1,10 @@
1
+ var styles = {
2
+ "icon": "_icon_1jmu341_4",
3
+ "sizeXS": "_sizeXS_1jmu341_14",
4
+ "sizeS": "_sizeS_1jmu341_18",
5
+ "sizeM": "_sizeM_1jmu341_22",
6
+ "sizeL": "_sizeL_1jmu341_26",
7
+ "light": "_light_1jmu341_30",
8
+ "dark": "_dark_1jmu341_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_u31ra9_8{
1
+ ._icon_1jmu341_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_1jmu341_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_1jmu341_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_1jmu341_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_1jmu341_14{
36
+ --_rs-icons-height:16px;
37
+ }
38
+ ._sizeS_1jmu341_18{
39
+ --_rs-icons-height:20px;
40
+ }
41
+ ._sizeM_1jmu341_22{
42
+ --_rs-icons-height:24px;
43
+ }
44
+ ._sizeL_1jmu341_26{
45
+ --_rs-icons-height:28px;
46
+ }
47
+ ._light_1jmu341_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_1jmu341_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_1pqjbkf_8{
2
76
  --rs-theme-dark:0;
3
77
  }
4
- ._themeDark_u31ra9_11{
78
+ ._themeDark_1pqjbkf_11{
5
79
  --rs-theme-dark:1;
6
80
  }
7
- ._sizeS_u31ra9_15{
81
+ ._sizeS_1pqjbkf_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_u31ra9_15 [data-rs-internal='textarea__busy-icon']:not(html){
86
+ ._sizeS_1pqjbkf_15 [data-rs-internal='textarea__busy-icon']:not(html){
13
87
  --_rs-icons-height:20px;
14
88
  }
15
- ._sizeS_u31ra9_15 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
89
+ ._sizeS_1pqjbkf_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_u31ra9_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
123
+ ._sizeS_1pqjbkf_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_u31ra9_15 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
157
+ ._sizeS_1pqjbkf_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_u31ra9_15 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
191
+ ._sizeS_1pqjbkf_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_u31ra9_15 [data-rs-internal='textarea__label'],
152
- ._sizeS_u31ra9_15 [data-rs-internal='textarea__inner'],
153
- ._sizeS_u31ra9_15 [data-rs-internal='textarea__inner']::placeholder,
154
- ._sizeS_u31ra9_15 [data-rs-internal='textarea__suffix']{
225
+ ._sizeS_1pqjbkf_15 [data-rs-internal='textarea__label'],
226
+ ._sizeS_1pqjbkf_15 [data-rs-internal='textarea__inner'],
227
+ ._sizeS_1pqjbkf_15 [data-rs-internal='textarea__inner']::placeholder,
228
+ ._sizeS_1pqjbkf_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_u31ra9_15 [data-rs-internal='textarea__bold-label']{
262
+ ._sizeS_1pqjbkf_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_u31ra9_15 [data-rs-internal='textarea__note'],
217
- ._sizeS_u31ra9_15 [data-rs-internal='textarea__error-message']{
290
+ ._sizeS_1pqjbkf_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_u31ra9_18{
324
+ ._sizeS_1pqjbkf_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_1pqjbkf_15 [data-rs-internal='textarea__error-icon']:not(html){
353
+ --_rs-icons-height:20px;
354
+ }
355
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__busy-icon']:not(html){
360
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__busy-icon']:not(html){
257
361
  --_rs-icons-height:24px;
258
362
  }
259
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
363
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
398
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
402
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
437
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
441
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
476
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
480
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
515
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__label'],
416
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__inner'],
417
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__inner']::placeholder,
418
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__suffix']{
519
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__label'],
520
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__inner'],
521
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__inner']::placeholder,
522
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__label'],
454
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__inner'],
455
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__inner']::placeholder,
456
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__suffix']{
557
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__label'],
558
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__inner'],
559
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__inner']::placeholder,
560
+ ._sizeM_1pqjbkf_18 [data-rs-internal='textarea__suffix']{
457
561
  --_rs-typography-list-li-margin-top-from-text:12px;
458
562
  }
459
563
  }
460
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__bold-label']{
564
+ ._sizeM_1pqjbkf_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_u31ra9_18 [data-rs-internal='textarea__note'],
489
- ._sizeM_u31ra9_18 [data-rs-internal='textarea__error-message']{
592
+ ._sizeM_1pqjbkf_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_u31ra9_21{
626
+ ._sizeM_1pqjbkf_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_1pqjbkf_18 [data-rs-internal='textarea__error-icon']:not(html){
655
+ --_rs-icons-height:20px;
656
+ }
657
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__busy-icon']:not(html){
662
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__busy-icon']:not(html){
529
663
  --_rs-icons-height:28px;
530
664
  }
531
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
665
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__inner']::-webkit-input-placeholder{
700
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
704
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
739
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
743
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__inner']:-ms-input-placeholder{
778
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
782
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__inner']::-ms-input-placeholder{
817
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__label'],
688
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__inner'],
689
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__inner']::placeholder,
690
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__suffix']{
821
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__label'],
822
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__inner'],
823
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__inner']::placeholder,
824
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__label'],
726
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__inner'],
727
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__inner']::placeholder,
728
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__suffix']{
859
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__label'],
860
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__inner'],
861
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__inner']::placeholder,
862
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__suffix']{
729
863
  --_rs-typography-list-li-margin-top-from-text:16px;
730
864
  }
731
865
  }
732
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__bold-label']{
866
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__note'],
761
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__error-message']{
894
+ ._sizeL_1pqjbkf_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_u31ra9_21 [data-rs-internal='textarea__note'],
797
- ._sizeL_u31ra9_21 [data-rs-internal='textarea__error-message']{
929
+ ._sizeL_1pqjbkf_21 [data-rs-internal='textarea__note']{
798
930
  --_rs-typography-list-li-margin-top-from-text:12px;
799
931
  }
800
932
  }
801
- ._classic_u31ra9_25{
933
+ ._sizeL_1pqjbkf_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_1pqjbkf_21 [data-rs-internal='textarea__error-icon']:not(html){
962
+ --_rs-icons-height:24px;
963
+ }
964
+ ._classic_1pqjbkf_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_u31ra9_28{
981
+ ._rock_1pqjbkf_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_u31ra9_32{
998
+ ._labelWrapper_1pqjbkf_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_u31ra9_32{
1008
+ ._labelWrapper_1pqjbkf_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_u31ra9_32{
1017
+ ._labelWrapper_1pqjbkf_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_u31ra9_32 {
1025
+ ._labelWrapper_1pqjbkf_32 {
863
1026
 
864
1027
  display:block;
865
1028
  }
866
- ._wrapper_u31ra9_39{
1029
+ ._wrapper_1pqjbkf_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_u31ra9_47 ._wrapper_u31ra9_39{
1042
+ ._disabled_1pqjbkf_47 ._wrapper_1pqjbkf_39{
880
1043
  cursor:default;
881
1044
  }
882
- ._inner_u31ra9_52{
1045
+ ._inner_1pqjbkf_52{
883
1046
  letter-spacing:var(
884
1047
  --rs-text-base-letter-spacing,
885
1048
  var(--_rs-typography-letter-spacing)
@@ -893,11 +1056,11 @@
893
1056
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
894
1057
  font-feature-settings:'kern', 'liga', 'calt';
895
1058
  }
896
- ._inner_u31ra9_52 > p:not(:nth-child(1)),
897
- ._inner_u31ra9_52 > pre:not(:nth-child(1)){
1059
+ ._inner_1pqjbkf_52 > p:not(:nth-child(1)),
1060
+ ._inner_1pqjbkf_52 > pre:not(:nth-child(1)){
898
1061
  padding-top:var(--_rs-typography-auto-offset-or-initial);
899
1062
  }
900
- ._inner_u31ra9_52 {
1063
+ ._inner_1pqjbkf_52 {
901
1064
 
902
1065
  --_rs-textarea-border-width:1px;
903
1066
 
@@ -922,25 +1085,25 @@
922
1085
  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
1086
  }
924
1087
  @media (hover: hover){
925
- ._inner_u31ra9_52{
1088
+ ._inner_1pqjbkf_52{
926
1089
  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
1090
  scrollbar-width:thin
928
1091
  }
929
1092
 
930
- ._inner_u31ra9_52::-webkit-scrollbar{
1093
+ ._inner_1pqjbkf_52::-webkit-scrollbar{
931
1094
  width:7px;
932
1095
  height:8px;
933
1096
  }
934
1097
 
935
- ._inner_u31ra9_52::-webkit-scrollbar-corner{
1098
+ ._inner_1pqjbkf_52::-webkit-scrollbar-corner{
936
1099
  background-color:transparent;
937
1100
  }
938
1101
 
939
- ._inner_u31ra9_52::-webkit-scrollbar-track{
1102
+ ._inner_1pqjbkf_52::-webkit-scrollbar-track{
940
1103
  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
1104
  }
942
1105
 
943
- ._inner_u31ra9_52::-webkit-scrollbar-thumb{
1106
+ ._inner_1pqjbkf_52::-webkit-scrollbar-thumb{
944
1107
  width:7px;
945
1108
 
946
1109
  border-radius:7px;
@@ -948,90 +1111,90 @@
948
1111
  background:#A3A3A4;
949
1112
  }
950
1113
 
951
- ._focused_u31ra9_104 ._inner_u31ra9_52{
1114
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52{
952
1115
  scrollbar-color:#A3A3A4 var(--_rs-textarea-focused-scrollbar-track-color);
953
1116
  }
954
1117
 
955
- ._focused_u31ra9_104 ._inner_u31ra9_52::-webkit-scrollbar-track{
1118
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52::-webkit-scrollbar-track{
956
1119
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
957
1120
  }
958
1121
  }
959
- ._inner_u31ra9_52:focus{
1122
+ ._inner_1pqjbkf_52:focus{
960
1123
  outline:none;
961
1124
  }
962
- ._inner_u31ra9_52::-webkit-input-placeholder{
1125
+ ._inner_1pqjbkf_52::-webkit-input-placeholder{
963
1126
  opacity:1;
964
1127
 
965
1128
  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
1129
  }
967
- ._focused_u31ra9_104 ._inner_u31ra9_52::-webkit-input-placeholder{
1130
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52::-webkit-input-placeholder{
968
1131
  color:var(--_rs-textarea-focused-placeholder-color);
969
1132
  }
970
- ._inner_u31ra9_52::-moz-placeholder{
1133
+ ._inner_1pqjbkf_52::-moz-placeholder{
971
1134
  opacity:1;
972
1135
 
973
1136
  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
1137
  }
975
- ._focused_u31ra9_104 ._inner_u31ra9_52::-moz-placeholder{
1138
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52::-moz-placeholder{
976
1139
  color:var(--_rs-textarea-focused-placeholder-color);
977
1140
  }
978
- ._inner_u31ra9_52:-ms-input-placeholder{
1141
+ ._inner_1pqjbkf_52:-ms-input-placeholder{
979
1142
  opacity:1;
980
1143
 
981
1144
  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
1145
  }
983
- ._focused_u31ra9_104 ._inner_u31ra9_52:-ms-input-placeholder{
1146
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52:-ms-input-placeholder{
984
1147
  color:var(--_rs-textarea-focused-placeholder-color);
985
1148
  }
986
- ._inner_u31ra9_52::-ms-input-placeholder{
1149
+ ._inner_1pqjbkf_52::-ms-input-placeholder{
987
1150
  opacity:1;
988
1151
 
989
1152
  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
1153
  }
991
- ._focused_u31ra9_104 ._inner_u31ra9_52::-ms-input-placeholder{
1154
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52::-ms-input-placeholder{
992
1155
  color:var(--_rs-textarea-focused-placeholder-color);
993
1156
  }
994
- ._inner_u31ra9_52::placeholder{
1157
+ ._inner_1pqjbkf_52::placeholder{
995
1158
  opacity:1;
996
1159
 
997
1160
  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
1161
  }
999
- ._focused_u31ra9_104 ._inner_u31ra9_52::placeholder{
1162
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52::placeholder{
1000
1163
  color:var(--_rs-textarea-focused-placeholder-color);
1001
1164
  }
1002
- ._focused_u31ra9_104 ._inner_u31ra9_52,
1003
- ._error_u31ra9_129 ._inner_u31ra9_52{
1165
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52,
1166
+ ._error_1pqjbkf_129 ._inner_1pqjbkf_52{
1004
1167
  --_rs-textarea-border-width:2px;
1005
1168
  }
1006
- ._inner_u31ra9_52._filled_u31ra9_133{
1169
+ ._inner_1pqjbkf_52._filled_1pqjbkf_133{
1007
1170
  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
1171
  }
1009
1172
  @media (hover: hover){
1010
- ._inner_u31ra9_52:hover{
1173
+ ._inner_1pqjbkf_52:hover{
1011
1174
  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
1175
 
1013
1176
  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
1177
  }
1015
1178
  }
1016
- ._focused_u31ra9_104 ._inner_u31ra9_52{
1179
+ ._focused_1pqjbkf_104 ._inner_1pqjbkf_52{
1017
1180
  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
1181
 
1019
1182
  color:var(--_rs-textarea-focused-color);
1020
1183
  background-color:var(--_rs-textarea-focused-background-color);
1021
1184
  }
1022
- ._disabled_u31ra9_47 ._inner_u31ra9_52{
1185
+ ._disabled_1pqjbkf_47 ._inner_1pqjbkf_52{
1023
1186
  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
1187
 
1025
1188
  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
1189
 
1027
1190
  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
1191
  }
1029
- ._labelWrapper_u31ra9_32._error_u31ra9_129 ._inner_u31ra9_52,
1030
- ._labelWrapper_u31ra9_32._error_u31ra9_129 ._inner_u31ra9_52:hover,
1031
- ._labelWrapper_u31ra9_32._error_u31ra9_129._focused_u31ra9_104 ._inner_u31ra9_52{
1192
+ ._labelWrapper_1pqjbkf_32._error_1pqjbkf_129 ._inner_1pqjbkf_52,
1193
+ ._labelWrapper_1pqjbkf_32._error_1pqjbkf_129 ._inner_1pqjbkf_52:hover,
1194
+ ._labelWrapper_1pqjbkf_32._error_1pqjbkf_129._focused_1pqjbkf_104 ._inner_1pqjbkf_52{
1032
1195
  border-color:#F45C4A;
1033
1196
  }
1034
- ._busyIcon_u31ra9_167{
1197
+ ._busyIcon_1pqjbkf_167{
1035
1198
  position:absolute;
1036
1199
  right:calc(var(--_rs-textarea-horizontal-padding) - 1px);
1037
1200
  bottom:calc(var(--_rs-textarea-vertical-padding) - 1px);
@@ -1046,13 +1209,13 @@
1046
1209
 
1047
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.7);
1048
1211
  }
1049
- ._focused_u31ra9_104 ._busyIcon_u31ra9_167{
1212
+ ._focused_1pqjbkf_104 ._busyIcon_1pqjbkf_167{
1050
1213
  color:var(--_rs-textarea-focused-busy-icon-color);
1051
1214
  }
1052
- ._disabled_u31ra9_47 ._busyIcon_u31ra9_167{
1215
+ ._disabled_1pqjbkf_47 ._busyIcon_1pqjbkf_167{
1053
1216
  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
1217
  }
1055
- ._errorMessage_u31ra9_187{
1218
+ ._errorMessage_1pqjbkf_187{
1056
1219
  letter-spacing:var(
1057
1220
  --rs-text-base-letter-spacing,
1058
1221
  var(--_rs-typography-letter-spacing)
@@ -1066,16 +1229,35 @@
1066
1229
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1067
1230
  font-feature-settings:'kern', 'liga', 'calt';
1068
1231
  }
1069
- ._errorMessage_u31ra9_187 > p:not(:nth-child(1)),
1070
- ._errorMessage_u31ra9_187 > pre:not(:nth-child(1)){
1232
+ ._errorMessage_1pqjbkf_187 > p:not(:nth-child(1)),
1233
+ ._errorMessage_1pqjbkf_187 > pre:not(:nth-child(1)){
1071
1234
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1072
1235
  }
1073
- ._errorMessage_u31ra9_187 {
1236
+ ._errorMessage_1pqjbkf_187 {
1237
+
1238
+ display:-webkit-box;
1239
+
1240
+ display:-ms-flexbox;
1241
+
1242
+ display:flex;
1243
+ -ms-flex-wrap:nowrap;
1244
+ flex-wrap:nowrap;
1245
+
1074
1246
  margin-top:var(--_rs-textarea-parts-offset);
1075
1247
 
1248
+ 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));
1249
+ -webkit-column-gap:8px;
1250
+ -moz-column-gap:8px;
1251
+ column-gap:8px;
1252
+ }
1253
+ ._errorIcon_1pqjbkf_199{
1254
+ -webkit-box-flex:0;
1255
+ -ms-flex:0 0 auto;
1256
+ flex:0 0 auto;
1257
+
1076
1258
  color:#F45C4A;
1077
1259
  }
1078
- ._note_u31ra9_194{
1260
+ ._note_1pqjbkf_205{
1079
1261
  letter-spacing:var(
1080
1262
  --rs-text-base-letter-spacing,
1081
1263
  var(--_rs-typography-letter-spacing)
@@ -1089,11 +1271,11 @@
1089
1271
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1090
1272
  font-feature-settings:'kern', 'liga', 'calt';
1091
1273
  }
1092
- ._note_u31ra9_194 > p:not(:nth-child(1)),
1093
- ._note_u31ra9_194 > pre:not(:nth-child(1)){
1274
+ ._note_1pqjbkf_205 > p:not(:nth-child(1)),
1275
+ ._note_1pqjbkf_205 > pre:not(:nth-child(1)){
1094
1276
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1095
1277
  }
1096
- ._note_u31ra9_194 {
1278
+ ._note_1pqjbkf_205 {
1097
1279
  --_rs-typography-hardness-color:var(
1098
1280
  --rs-color-average,
1099
1281
  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 +1285,16 @@
1103
1285
 
1104
1286
  color:var(--_rs-typography-hardness-color);
1105
1287
  }
1106
- ._disabled_u31ra9_47 ._note_u31ra9_194{
1288
+ ._disabled_1pqjbkf_47 ._note_1pqjbkf_205{
1107
1289
  --_rs-typography-hardness-color:var(
1108
1290
  --rs-color-pale,
1109
1291
  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
1292
  );
1111
1293
  }
1112
- ._errorMessage_u31ra9_187 + ._note_u31ra9_194{
1294
+ ._errorMessage_1pqjbkf_187 + ._note_1pqjbkf_205{
1113
1295
  margin-top:calc(var(--_rs-textarea-parts-offset) - 4px);
1114
1296
  }
1115
- ._label_u31ra9_32{
1297
+ ._label_1pqjbkf_32{
1116
1298
  letter-spacing:var(
1117
1299
  --rs-text-base-letter-spacing,
1118
1300
  var(--_rs-typography-letter-spacing)
@@ -1126,11 +1308,11 @@
1126
1308
  -webkit-font-feature-settings:'kern', 'liga', 'calt';
1127
1309
  font-feature-settings:'kern', 'liga', 'calt';
1128
1310
  }
1129
- ._label_u31ra9_32 > p:not(:nth-child(1)),
1130
- ._label_u31ra9_32 > pre:not(:nth-child(1)){
1311
+ ._label_1pqjbkf_32 > p:not(:nth-child(1)),
1312
+ ._label_1pqjbkf_32 > pre:not(:nth-child(1)){
1131
1313
  padding-top:var(--_rs-typography-auto-offset-or-initial);
1132
1314
  }
1133
- ._label_u31ra9_32 {
1315
+ ._label_1pqjbkf_32 {
1134
1316
  --_rs-typography-hardness-color:var(
1135
1317
  --rs-color-hard,
1136
1318
  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 +1322,7 @@
1140
1322
 
1141
1323
  color:var(--_rs-typography-hardness-color);
1142
1324
  }
1143
- ._disabled_u31ra9_47 ._label_u31ra9_32{
1325
+ ._disabled_1pqjbkf_47 ._label_1pqjbkf_32{
1144
1326
  --_rs-typography-hardness-color:var(
1145
1327
  --rs-color-pale,
1146
1328
  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_u31ra9_8",
3
- "themeDark": "_themeDark_u31ra9_11",
4
- "sizeS": "_sizeS_u31ra9_15",
5
- "sizeM": "_sizeM_u31ra9_18",
6
- "sizeL": "_sizeL_u31ra9_21",
7
- "classic": "_classic_u31ra9_25",
8
- "rock": "_rock_u31ra9_28",
9
- "labelWrapper": "_labelWrapper_u31ra9_32",
10
- "wrapper": "_wrapper_u31ra9_39",
11
- "disabled": "_disabled_u31ra9_47",
12
- "inner": "_inner_u31ra9_52",
13
- "focused": "_focused_u31ra9_104",
14
- "error": "_error_u31ra9_129",
15
- "filled": "_filled_u31ra9_133",
16
- "busyIcon": "_busyIcon_u31ra9_167",
17
- "errorMessage": "_errorMessage_u31ra9_187",
18
- "note": "_note_u31ra9_194",
19
- "label": "_label_u31ra9_32"
2
+ "themeLight": "_themeLight_1pqjbkf_8",
3
+ "themeDark": "_themeDark_1pqjbkf_11",
4
+ "sizeS": "_sizeS_1pqjbkf_15",
5
+ "sizeM": "_sizeM_1pqjbkf_18",
6
+ "sizeL": "_sizeL_1pqjbkf_21",
7
+ "classic": "_classic_1pqjbkf_25",
8
+ "rock": "_rock_1pqjbkf_28",
9
+ "labelWrapper": "_labelWrapper_1pqjbkf_32",
10
+ "wrapper": "_wrapper_1pqjbkf_39",
11
+ "disabled": "_disabled_1pqjbkf_47",
12
+ "inner": "_inner_1pqjbkf_52",
13
+ "focused": "_focused_1pqjbkf_104",
14
+ "error": "_error_1pqjbkf_129",
15
+ "filled": "_filled_1pqjbkf_133",
16
+ "busyIcon": "_busyIcon_1pqjbkf_167",
17
+ "errorMessage": "_errorMessage_1pqjbkf_187",
18
+ "errorIcon": "_errorIcon_1pqjbkf_199",
19
+ "note": "_note_1pqjbkf_205",
20
+ "label": "_label_1pqjbkf_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-test-canary-release-a00fb377.1+a00fb377",
3
+ "version": "0.7.0",
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-test-canary-release-a00fb377.1+a00fb377",
19
18
  "classnames": "^2.2.6",
20
19
  "core-js": "^3.9.1",
21
20
  "react-textarea-autosize": "^8.3.4"
@@ -26,15 +25,16 @@
26
25
  "react": ">=16.8.0 <19"
27
26
  },
28
27
  "devDependencies": {
29
- "@rescui/colors": "0.2.1-test-canary-release-a00fb377.24+a00fb377",
30
- "@rescui/scripts": "0.3.0",
31
- "@rescui/typography": "0.16.3-test-canary-release-a00fb377.1+a00fb377",
32
- "@rescui/visual-regression": "0.1.1",
28
+ "@rescui/colors": "^0.2.2",
29
+ "@rescui/scripts": "^0.3.2",
30
+ "@rescui/typography": "^0.16.4",
31
+ "@rescui/visual-regression": "^0.1.2",
33
32
  "@types/classnames": "^2.2.11"
34
33
  },
35
34
  "scripts": {
36
35
  "build": "rescui-scripts build && yarn run build-pcss-api",
37
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
37
  },
39
- "gitHead": "a00fb37716d4d5380a61b953c6df7bac440cba5b"
38
+ "nx": {},
39
+ "gitHead": "d4bb4a95bc321907bc55b9ad9768f7e822acbd2d"
40
40
  }