@rescui/textarea 0.7.10 → 0.7.12

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 (7) hide show
  1. package/lib/_virtual/index.css.js +12 -7
  2. package/lib/_virtual/loading.js +100 -22
  3. package/lib/_virtual/warning.js +84 -14
  4. package/lib/index.css +132 -96
  5. package/lib/textarea.js +5 -3
  6. package/lib/textarea.p.module.css.js +19 -19
  7. package/package.json +5 -5
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_gxmcf_4",
3
- "sizeXS": "_sizeXS_gxmcf_14",
4
- "sizeS": "_sizeS_gxmcf_18",
5
- "sizeM": "_sizeM_gxmcf_22",
6
- "sizeL": "_sizeL_gxmcf_26",
7
- "light": "_light_gxmcf_30",
8
- "dark": "_dark_gxmcf_34"
2
+ "icon": "_icon_oeje7x_4",
3
+ "sizeXS": "_sizeXS_oeje7x_14",
4
+ "sizeS": "_sizeS_oeje7x_18",
5
+ "sizeM": "_sizeM_oeje7x_22",
6
+ "sizeL": "_sizeL_oeje7x_26",
7
+ "light": "_light_oeje7x_30",
8
+ "dark": "_dark_oeje7x_34",
9
+ "allVariants": "_allVariants_oeje7x_48",
10
+ "variant16": "_variant16_oeje7x_53",
11
+ "variant20": "_variant20_oeje7x_54",
12
+ "variant24": "_variant24_oeje7x_55",
13
+ "variant28": "_variant28_oeje7x_58"
9
14
  };
10
15
  export { styles as default };
package/lib/_virtual/loading.js CHANGED
@@ -9,36 +9,114 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
18
+ const LoadingIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
19
+ viewBox: "0 0 16 16"
20
+ }, props, {
21
+ ref: ref
22
+ }), /*#__PURE__*/React.createElement("path", {
23
+ d: "M8 3.25a4.75 4.75 0 1 0 4.686 3.968.75.75 0 1 1 1.48-.245q.083.503.084 1.027a6.25 6.25 0 1 1-5.223-6.166.75.75 0 0 1-.245 1.48A5 5 0 0 0 8 3.25",
24
+ style: {
25
+ animation: "rs-icon-rotate 1s linear infinite",
26
+ transformOrigin: "center center"
27
+ }
28
+ })));
29
+ LoadingIcon16.displayName = 'LoadingIcon16';
30
+ const LoadingIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
31
+ viewBox: "0 0 20 20"
32
+ }, props, {
33
+ ref: ref
34
+ }), /*#__PURE__*/React.createElement("path", {
35
+ d: "M10 4a6 6 0 1 0 5.92 5.012 1 1 0 0 1 1.972-.326Q18 9.329 18 10a8 8 0 1 1-6.686-7.892 1 1 0 0 1-.326 1.973A6 6 0 0 0 10 4",
36
+ style: {
37
+ animation: "rs-icon-rotate 1s linear infinite",
38
+ transformOrigin: "center center"
39
+ }
40
+ })));
41
+ LoadingIcon20.displayName = 'LoadingIcon20';
42
+ const LoadingIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
43
+ viewBox: "0 0 24 24"
44
+ }, props, {
45
+ ref: ref
46
+ }), /*#__PURE__*/React.createElement("path", {
47
+ d: "M12 6a6 6 0 1 0 5.92 5.012 1.5 1.5 0 0 1 2.959-.49q.12.724.121 1.478a9 9 0 1 1-7.522-8.879 1.5 1.5 0 0 1-.49 2.96Q12.508 6 12 6",
48
+ style: {
49
+ animation: "rs-icon-rotate 1s linear infinite",
50
+ transformOrigin: "center center"
51
+ }
52
+ })));
53
+ LoadingIcon24.displayName = 'LoadingIcon24';
54
+ const LoadingIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
55
+ viewBox: "0 0 28 28"
56
+ }, props, {
57
+ ref: ref
58
+ }), /*#__PURE__*/React.createElement("path", {
59
+ d: "M14 6.5a7.5 7.5 0 1 0 7.399 6.265 1.5 1.5 0 0 1 2.96-.49q.14.844.141 1.725c0 5.799-4.701 10.5-10.5 10.5S3.5 19.799 3.5 14 8.201 3.5 14 3.5q.813 0 1.595.12a1.5 1.5 0 0 1-.453 2.966A7.6 7.6 0 0 0 14 6.5",
60
+ style: {
61
+ animation: "rs-icon-rotate 1s linear infinite",
62
+ transformOrigin: "center center"
63
+ }
64
+ })));
65
+ LoadingIcon28.displayName = 'LoadingIcon28';
12
66
  const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
67
  let {
14
68
  theme,
15
- size,
69
+ size: sizeFromProps = "m",
16
70
  className,
71
+ style,
72
+ ['data-render-all-sizes']: renderAllSizes = false,
17
73
  ...props
18
74
  } = _ref;
19
- return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
21
- }, props, {
22
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
- ref: ref
24
- }), /*#__PURE__*/React.createElement("g", {
25
- style: {
26
- animation: "rs-icon-rotate 1s linear infinite",
27
- transformOrigin: "center center"
28
- }
29
- }, /*#__PURE__*/React.createElement("path", {
30
- opacity: 0.2,
31
- d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"
32
- }), /*#__PURE__*/React.createElement("path", {
33
- 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"
34
- })));
75
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
76
+ const mainProps = { ...props,
77
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
78
+ style: renderAllSizes ? {
79
+ '--rs-icon-ar-width': 28,
80
+ '--rs-icon-ar-height': 28,
81
+ ...style
82
+ } : style,
83
+ ref
84
+ };
85
+
86
+ if (renderAllSizes) {
87
+ return /*#__PURE__*/React.createElement("svg", _extends({
88
+ viewBox: "0 0 28 28"
89
+ }, mainProps), /*#__PURE__*/React.createElement(LoadingIcon16, {
90
+ className: styles.variant16
91
+ }), /*#__PURE__*/React.createElement(LoadingIcon20, {
92
+ className: styles.variant20
93
+ }), /*#__PURE__*/React.createElement(LoadingIcon24, {
94
+ className: styles.variant24
95
+ }), /*#__PURE__*/React.createElement(LoadingIcon28, {
96
+ className: styles.variant28
97
+ }));
98
+ }
99
+
100
+ if (size === Size['xs']) {
101
+ return /*#__PURE__*/React.createElement(LoadingIcon16, mainProps);
102
+ }
103
+
104
+ if (size === Size['s']) {
105
+ return /*#__PURE__*/React.createElement(LoadingIcon20, mainProps);
106
+ }
107
+
108
+ if (size === Size['m']) {
109
+ return /*#__PURE__*/React.createElement(LoadingIcon24, mainProps);
110
+ }
111
+
112
+ return /*#__PURE__*/React.createElement(LoadingIcon28, mainProps);
35
113
  });
114
+ LoadingIcon.displayName = 'LoadingIcon';
36
115
  LoadingIcon.propTypes = {
37
116
  className: PropTypes.string,
38
117
  theme: PropTypes.oneOf(["light", "dark"]),
39
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
40
- };
41
- LoadingIcon.defaultProps = {
42
- size: "m"
118
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
119
+ 'data-render-all-sizes': PropTypes.bool,
120
+ style: PropTypes.object
43
121
  };
44
- export { LoadingIcon as default };
122
+ export { Size, LoadingIcon as default };
package/lib/_virtual/warning.js CHANGED
@@ -9,28 +9,98 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
18
+ const WarningIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
19
+ viewBox: "0 0 16 16"
20
+ }, props, {
21
+ ref: ref
22
+ }), /*#__PURE__*/React.createElement("path", {
23
+ d: "m6.303 1.989-5.027 8.874C.483 12.263 1.494 14 3.103 14h9.793c1.609 0 2.62-1.736 1.827-3.137L9.696 1.99C8.949.67 7.05.67 6.303 1.989M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4"
24
+ })));
25
+ WarningIcon16.displayName = 'WarningIcon16';
26
+ const WarningIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
27
+ viewBox: "0 0 20 20"
28
+ }, props, {
29
+ ref: ref
30
+ }), /*#__PURE__*/React.createElement("path", {
31
+ d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
32
+ })));
33
+ WarningIcon20.displayName = 'WarningIcon20';
34
+ const WarningIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
35
+ viewBox: "0 0 24 24"
36
+ }, props, {
37
+ ref: ref
38
+ }), /*#__PURE__*/React.createElement("path", {
39
+ d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
40
+ })));
41
+ WarningIcon24.displayName = 'WarningIcon24';
42
+ const WarningIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
43
+ viewBox: "0 0 28 28"
44
+ }, props, {
45
+ ref: ref
46
+ }), /*#__PURE__*/React.createElement("path", {
47
+ d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
48
+ })));
49
+ WarningIcon28.displayName = 'WarningIcon28';
12
50
  const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
51
  let {
14
52
  theme,
15
- size,
53
+ size: sizeFromProps = "m",
16
54
  className,
55
+ style,
56
+ ['data-render-all-sizes']: renderAllSizes = false,
17
57
  ...props
18
58
  } = _ref;
19
- return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
21
- }, props, {
22
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
- ref: ref
24
- }), /*#__PURE__*/React.createElement("path", {
25
- 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"
26
- }));
59
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
60
+ const mainProps = { ...props,
61
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
62
+ style: renderAllSizes ? {
63
+ '--rs-icon-ar-width': 28,
64
+ '--rs-icon-ar-height': 28,
65
+ ...style
66
+ } : style,
67
+ ref
68
+ };
69
+
70
+ if (renderAllSizes) {
71
+ return /*#__PURE__*/React.createElement("svg", _extends({
72
+ viewBox: "0 0 28 28"
73
+ }, mainProps), /*#__PURE__*/React.createElement(WarningIcon16, {
74
+ className: styles.variant16
75
+ }), /*#__PURE__*/React.createElement(WarningIcon20, {
76
+ className: styles.variant20
77
+ }), /*#__PURE__*/React.createElement(WarningIcon24, {
78
+ className: styles.variant24
79
+ }), /*#__PURE__*/React.createElement(WarningIcon28, {
80
+ className: styles.variant28
81
+ }));
82
+ }
83
+
84
+ if (size === Size['xs']) {
85
+ return /*#__PURE__*/React.createElement(WarningIcon16, mainProps);
86
+ }
87
+
88
+ if (size === Size['s']) {
89
+ return /*#__PURE__*/React.createElement(WarningIcon20, mainProps);
90
+ }
91
+
92
+ if (size === Size['m']) {
93
+ return /*#__PURE__*/React.createElement(WarningIcon24, mainProps);
94
+ }
95
+
96
+ return /*#__PURE__*/React.createElement(WarningIcon28, mainProps);
27
97
  });
98
+ WarningIcon.displayName = 'WarningIcon';
28
99
  WarningIcon.propTypes = {
29
100
  className: PropTypes.string,
30
101
  theme: PropTypes.oneOf(["light", "dark"]),
31
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
32
- };
33
- WarningIcon.defaultProps = {
34
- size: "m"
102
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
103
+ 'data-render-all-sizes': PropTypes.bool,
104
+ style: PropTypes.object
35
105
  };
36
- export { WarningIcon as default };
106
+ export { Size, WarningIcon as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_gxmcf_4{
1
+ ._icon_oeje7x_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_gxmcf_4{
11
+ ._icon_oeje7x_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_gxmcf_4{
20
+ ._icon_oeje7x_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_gxmcf_4{
28
+ ._icon_oeje7x_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_gxmcf_14{
35
+ ._sizeXS_oeje7x_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_gxmcf_18{
38
+ ._sizeS_oeje7x_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_gxmcf_22{
41
+ ._sizeM_oeje7x_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_gxmcf_26{
44
+ ._sizeL_oeje7x_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_gxmcf_30{
47
+ ._light_oeje7x_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_gxmcf_34{
51
+ ._dark_oeje7x_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,21 +60,57 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._themeLight_1snxqsx_8{
63
+ ._allVariants_oeje7x_48{
64
+ aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
+ container:rs-icon / size;
66
+ }
67
+ ._variant16_oeje7x_53,
68
+ ._variant20_oeje7x_54,
69
+ ._variant24_oeje7x_55{
70
+ display:none;
71
+ }
72
+ ._variant28_oeje7x_58{
73
+ display:block;
74
+ }
75
+ @container rs-icon (max-height: 24px){
76
+ ._variant24_oeje7x_55{
77
+ display:block;
78
+ }
79
+ ._variant28_oeje7x_58{
80
+ display:none;
81
+ }
82
+ }
83
+ @container rs-icon (max-height: 20px){
84
+ ._variant20_oeje7x_54{
85
+ display:block;
86
+ }
87
+ ._variant24_oeje7x_55{
88
+ display:none;
89
+ }
90
+ }
91
+ @container rs-icon (max-height: 16px){
92
+ ._variant16_oeje7x_53{
93
+ display:block;
94
+ }
95
+ ._variant20_oeje7x_54{
96
+ display:none;
97
+ }
98
+ }
99
+ ._themeLight_1okxqmi_8{
64
100
  --rs-theme-dark:0;
65
101
  }
66
- ._themeDark_1snxqsx_11{
102
+ ._themeDark_1okxqmi_11{
67
103
  --rs-theme-dark:1;
68
104
  }
69
- ._sizeS_1snxqsx_15{
105
+ ._sizeS_1okxqmi_15{
70
106
  --_rs-textarea-vertical-padding:6px;
71
107
  --_rs-textarea-horizontal-padding:8px;
72
108
  --_rs-textarea-parts-offset:4px;
73
109
  }
74
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__busy-icon']:not(html){
110
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__busy-icon']:not(html){
75
111
  --_rs-icons-height:20px;
76
112
  }
77
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
113
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
78
114
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
79
115
  --_rs-typography-text-transform:initial;
80
116
  --_rs-typography-font-variant-numeric:initial;
@@ -108,10 +144,10 @@
108
144
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
109
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
110
146
  }
111
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__label'],
112
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__inner'],
113
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__inner']::placeholder,
114
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__suffix']{
147
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__label'],
148
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__inner'],
149
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__inner']::placeholder,
150
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__suffix']{
115
151
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
116
152
  --_rs-typography-text-transform:initial;
117
153
  --_rs-typography-font-variant-numeric:initial;
@@ -145,7 +181,7 @@
145
181
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
146
182
  --_rs-typography-link-border-bottom-width-from-text:1px;
147
183
  }
148
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__bold-label']{
184
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__bold-label']{
149
185
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
150
186
  --_rs-typography-text-transform:initial;
151
187
  --_rs-typography-font-variant-numeric:initial;
@@ -176,7 +212,7 @@
176
212
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
177
213
  --_rs-typography-link-border-bottom-width-from-text:2px;
178
214
  }
179
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__note']{
215
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__note']{
180
216
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
181
217
  --_rs-typography-text-transform:initial;
182
218
  --_rs-typography-font-variant-numeric:initial;
@@ -210,7 +246,7 @@
210
246
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
211
247
  --_rs-typography-link-border-bottom-width-from-text:1px;
212
248
  }
213
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__error-message']{
249
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__error-message']{
214
250
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
215
251
  --_rs-typography-text-transform:initial;
216
252
  --_rs-typography-font-variant-numeric:initial;
@@ -241,18 +277,18 @@
241
277
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
242
278
  --_rs-typography-link-border-bottom-width-from-text:2px;
243
279
  }
244
- ._sizeS_1snxqsx_15 [data-rs-internal='textarea__error-icon']:not(html){
280
+ ._sizeS_1okxqmi_15 [data-rs-internal='textarea__error-icon']:not(html){
245
281
  --_rs-icons-height:20px;
246
282
  }
247
- ._sizeM_1snxqsx_18{
283
+ ._sizeM_1okxqmi_18{
248
284
  --_rs-textarea-vertical-padding:8px;
249
285
  --_rs-textarea-horizontal-padding:8px;
250
286
  --_rs-textarea-parts-offset:8px;
251
287
  }
252
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__busy-icon']:not(html){
288
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__busy-icon']:not(html){
253
289
  --_rs-icons-height:24px;
254
290
  }
255
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
291
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
256
292
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
257
293
  --_rs-typography-text-transform:initial;
258
294
  --_rs-typography-font-variant-numeric:initial;
@@ -290,14 +326,14 @@
290
326
  --_rs-typography-link-border-bottom-width-from-text:1px;
291
327
  }
292
328
  @media screen and (max-width: 640px){
293
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
329
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
294
330
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
295
331
  }
296
332
  }
297
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__label'],
298
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__inner'],
299
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__inner']::placeholder,
300
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__suffix']{
333
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__label'],
334
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__inner'],
335
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__inner']::placeholder,
336
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__suffix']{
301
337
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
302
338
  --_rs-typography-text-transform:initial;
303
339
  --_rs-typography-font-variant-numeric:initial;
@@ -335,14 +371,14 @@
335
371
  --_rs-typography-link-border-bottom-width-from-text:1px;
336
372
  }
337
373
  @media screen and (max-width: 640px){
338
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__label'],
339
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__inner'],
340
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__inner']::placeholder,
341
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__suffix']{
374
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__label'],
375
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__inner'],
376
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__inner']::placeholder,
377
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__suffix']{
342
378
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
343
379
  }
344
380
  }
345
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__bold-label']{
381
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__bold-label']{
346
382
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
347
383
  --_rs-typography-text-transform:initial;
348
384
  --_rs-typography-font-variant-numeric:initial;
@@ -373,7 +409,7 @@
373
409
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
374
410
  --_rs-typography-link-border-bottom-width-from-text:2px;
375
411
  }
376
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__note']{
412
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__note']{
377
413
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
378
414
  --_rs-typography-text-transform:initial;
379
415
  --_rs-typography-font-variant-numeric:initial;
@@ -407,7 +443,7 @@
407
443
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
408
444
  --_rs-typography-link-border-bottom-width-from-text:1px;
409
445
  }
410
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__error-message']{
446
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__error-message']{
411
447
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
412
448
  --_rs-typography-text-transform:initial;
413
449
  --_rs-typography-font-variant-numeric:initial;
@@ -438,18 +474,18 @@
438
474
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
439
475
  --_rs-typography-link-border-bottom-width-from-text:2px;
440
476
  }
441
- ._sizeM_1snxqsx_18 [data-rs-internal='textarea__error-icon']:not(html){
477
+ ._sizeM_1okxqmi_18 [data-rs-internal='textarea__error-icon']:not(html){
442
478
  --_rs-icons-height:20px;
443
479
  }
444
- ._sizeL_1snxqsx_21{
480
+ ._sizeL_1okxqmi_21{
445
481
  --_rs-textarea-vertical-padding:12px;
446
482
  --_rs-textarea-horizontal-padding:16px;
447
483
  --_rs-textarea-parts-offset:8px;
448
484
  }
449
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__busy-icon']:not(html){
485
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__busy-icon']:not(html){
450
486
  --_rs-icons-height:28px;
451
487
  }
452
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
488
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
453
489
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
454
490
  --_rs-typography-text-transform:initial;
455
491
  --_rs-typography-font-variant-numeric:initial;
@@ -487,14 +523,14 @@
487
523
  --_rs-typography-link-border-bottom-width-from-text:1px;
488
524
  }
489
525
  @media screen and (max-width: 640px){
490
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
526
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
491
527
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
492
528
  }
493
529
  }
494
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__label'],
495
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__inner'],
496
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__inner']::placeholder,
497
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__suffix']{
530
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__label'],
531
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__inner'],
532
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__inner']::placeholder,
533
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__suffix']{
498
534
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
499
535
  --_rs-typography-text-transform:initial;
500
536
  --_rs-typography-font-variant-numeric:initial;
@@ -532,14 +568,14 @@
532
568
  --_rs-typography-link-border-bottom-width-from-text:1px;
533
569
  }
534
570
  @media screen and (max-width: 640px){
535
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__label'],
536
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__inner'],
537
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__inner']::placeholder,
538
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__suffix']{
571
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__label'],
572
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__inner'],
573
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__inner']::placeholder,
574
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__suffix']{
539
575
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
540
576
  }
541
577
  }
542
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__bold-label']{
578
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__bold-label']{
543
579
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
544
580
  --_rs-typography-text-transform:initial;
545
581
  --_rs-typography-font-variant-numeric:initial;
@@ -570,7 +606,7 @@
570
606
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
571
607
  --_rs-typography-link-border-bottom-width-from-text:2px;
572
608
  }
573
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__note']{
609
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__note']{
574
610
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
575
611
  --_rs-typography-text-transform:initial;
576
612
  --_rs-typography-font-variant-numeric:initial;
@@ -608,11 +644,11 @@
608
644
  --_rs-typography-link-border-bottom-width-from-text:1px;
609
645
  }
610
646
  @media screen and (max-width: 640px){
611
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__note']{
647
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__note']{
612
648
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
613
649
  }
614
650
  }
615
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__error-message']{
651
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__error-message']{
616
652
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
617
653
  --_rs-typography-text-transform:initial;
618
654
  --_rs-typography-font-variant-numeric:initial;
@@ -643,10 +679,10 @@
643
679
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
644
680
  --_rs-typography-link-border-bottom-width-from-text:2px;
645
681
  }
646
- ._sizeL_1snxqsx_21 [data-rs-internal='textarea__error-icon']:not(html){
682
+ ._sizeL_1okxqmi_21 [data-rs-internal='textarea__error-icon']:not(html){
647
683
  --_rs-icons-height:24px;
648
684
  }
649
- ._classic_1snxqsx_25{
685
+ ._classic_1okxqmi_25{
650
686
  --_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));
651
687
  --_rs-textarea-focused-background-color:rgb(
652
688
  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)
@@ -663,7 +699,7 @@
663
699
  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)
664
700
  );
665
701
  }
666
- ._rock_1snxqsx_28{
702
+ ._rock_1okxqmi_28{
667
703
  --_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));
668
704
  --_rs-textarea-focused-background-color:rgb(
669
705
  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)
@@ -680,7 +716,7 @@
680
716
  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)
681
717
  );
682
718
  }
683
- ._labelWrapper_1snxqsx_32{
719
+ ._labelWrapper_1okxqmi_32{
684
720
  --_rs-theme-dark:var(
685
721
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
686
722
  var(--rs-theme-dark, 0)
@@ -690,7 +726,7 @@
690
726
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
691
727
  }
692
728
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
693
- ._labelWrapper_1snxqsx_32{
729
+ ._labelWrapper_1okxqmi_32{
694
730
  --_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)));
695
731
  --_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)));
696
732
  --_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)));
@@ -699,7 +735,7 @@
699
735
  }
700
736
  }
701
737
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
702
- ._labelWrapper_1snxqsx_32{
738
+ ._labelWrapper_1okxqmi_32{
703
739
  --_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);
704
740
  --_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));
705
741
  --_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));
@@ -707,11 +743,11 @@
707
743
  --_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));
708
744
  }
709
745
  }
710
- ._labelWrapper_1snxqsx_32 {
746
+ ._labelWrapper_1okxqmi_32 {
711
747
 
712
748
  display:block;
713
749
  }
714
- ._wrapper_1snxqsx_39{
750
+ ._wrapper_1okxqmi_39{
715
751
  position:relative;
716
752
 
717
753
  display:flex;
@@ -719,10 +755,10 @@
719
755
 
720
756
  cursor:text;
721
757
  }
722
- ._disabled_1snxqsx_47 ._wrapper_1snxqsx_39{
758
+ ._disabled_1okxqmi_47 ._wrapper_1okxqmi_39{
723
759
  cursor:default;
724
760
  }
725
- ._inner_1snxqsx_52{
761
+ ._inner_1okxqmi_52{
726
762
  letter-spacing:var(
727
763
  --rs-text-base-letter-spacing,
728
764
  var(--_rs-typography-letter-spacing)
@@ -754,25 +790,25 @@
754
790
  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));
755
791
  }
756
792
  @media (hover: hover){
757
- ._inner_1snxqsx_52{
793
+ ._inner_1okxqmi_52{
758
794
  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));
759
795
  scrollbar-width:thin
760
796
  }
761
797
 
762
- ._inner_1snxqsx_52::-webkit-scrollbar{
798
+ ._inner_1okxqmi_52::-webkit-scrollbar{
763
799
  width:7px;
764
800
  height:8px;
765
801
  }
766
802
 
767
- ._inner_1snxqsx_52::-webkit-scrollbar-corner{
803
+ ._inner_1okxqmi_52::-webkit-scrollbar-corner{
768
804
  background-color:transparent;
769
805
  }
770
806
 
771
- ._inner_1snxqsx_52::-webkit-scrollbar-track{
807
+ ._inner_1okxqmi_52::-webkit-scrollbar-track{
772
808
  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));
773
809
  }
774
810
 
775
- ._inner_1snxqsx_52::-webkit-scrollbar-thumb{
811
+ ._inner_1okxqmi_52::-webkit-scrollbar-thumb{
776
812
  width:7px;
777
813
 
778
814
  border-radius:7px;
@@ -780,66 +816,66 @@
780
816
  background:#A3A3A4;
781
817
  }
782
818
 
783
- ._focused_1snxqsx_104 ._inner_1snxqsx_52{
819
+ ._focused_1okxqmi_104 ._inner_1okxqmi_52{
784
820
  scrollbar-color:#A3A3A4 var(--_rs-textarea-focused-scrollbar-track-color);
785
821
  }
786
822
 
787
- ._focused_1snxqsx_104 ._inner_1snxqsx_52::-webkit-scrollbar-track{
823
+ ._focused_1okxqmi_104 ._inner_1okxqmi_52::-webkit-scrollbar-track{
788
824
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
789
825
  }
790
826
  }
791
- ._inner_1snxqsx_52:focus{
827
+ ._inner_1okxqmi_52:focus{
792
828
  outline:none;
793
829
  }
794
- ._inner_1snxqsx_52::-moz-placeholder{
830
+ ._inner_1okxqmi_52::-moz-placeholder{
795
831
  opacity:1;
796
832
 
797
833
  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);
798
834
  }
799
- ._focused_1snxqsx_104 ._inner_1snxqsx_52::-moz-placeholder{
835
+ ._focused_1okxqmi_104 ._inner_1okxqmi_52::-moz-placeholder{
800
836
  color:var(--_rs-textarea-focused-placeholder-color);
801
837
  }
802
- ._inner_1snxqsx_52::placeholder{
838
+ ._inner_1okxqmi_52::placeholder{
803
839
  opacity:1;
804
840
 
805
841
  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);
806
842
  }
807
- ._focused_1snxqsx_104 ._inner_1snxqsx_52::placeholder{
843
+ ._focused_1okxqmi_104 ._inner_1okxqmi_52::placeholder{
808
844
  color:var(--_rs-textarea-focused-placeholder-color);
809
845
  }
810
- ._focused_1snxqsx_104 ._inner_1snxqsx_52,
811
- ._error_1snxqsx_129 ._inner_1snxqsx_52{
846
+ ._focused_1okxqmi_104 ._inner_1okxqmi_52,
847
+ ._error_1okxqmi_129 ._inner_1okxqmi_52{
812
848
  --_rs-textarea-border-width:2px;
813
849
  }
814
- ._inner_1snxqsx_52._filled_1snxqsx_133{
850
+ ._inner_1okxqmi_52._filled_1okxqmi_133{
815
851
  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);
816
852
  }
817
853
  @media (hover: hover){
818
- ._inner_1snxqsx_52:hover{
854
+ ._inner_1okxqmi_52:hover{
819
855
  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);
820
856
 
821
857
  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));
822
858
  }
823
859
  }
824
- ._focused_1snxqsx_104 ._inner_1snxqsx_52{
860
+ ._focused_1okxqmi_104 ._inner_1okxqmi_52{
825
861
  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));
826
862
 
827
863
  color:var(--_rs-textarea-focused-color);
828
864
  background-color:var(--_rs-textarea-focused-background-color);
829
865
  }
830
- ._disabled_1snxqsx_47 ._inner_1snxqsx_52{
866
+ ._disabled_1okxqmi_47 ._inner_1okxqmi_52{
831
867
  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);
832
868
 
833
869
  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);
834
870
 
835
871
  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));
836
872
  }
837
- ._labelWrapper_1snxqsx_32._error_1snxqsx_129 ._inner_1snxqsx_52,
838
- ._labelWrapper_1snxqsx_32._error_1snxqsx_129 ._inner_1snxqsx_52:hover,
839
- ._labelWrapper_1snxqsx_32._error_1snxqsx_129._focused_1snxqsx_104 ._inner_1snxqsx_52{
873
+ ._labelWrapper_1okxqmi_32._error_1okxqmi_129 ._inner_1okxqmi_52,
874
+ ._labelWrapper_1okxqmi_32._error_1okxqmi_129 ._inner_1okxqmi_52:hover,
875
+ ._labelWrapper_1okxqmi_32._error_1okxqmi_129._focused_1okxqmi_104 ._inner_1okxqmi_52{
840
876
  border-color:#F45C4A;
841
877
  }
842
- ._busyIcon_1snxqsx_167{
878
+ ._busyIcon_1okxqmi_167{
843
879
  position:absolute;
844
880
  right:calc(var(--_rs-textarea-horizontal-padding) - 1px);
845
881
  bottom:calc(var(--_rs-textarea-vertical-padding) - 1px);
@@ -850,13 +886,13 @@
850
886
 
851
887
  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);
852
888
  }
853
- ._focused_1snxqsx_104 ._busyIcon_1snxqsx_167{
889
+ ._focused_1okxqmi_104 ._busyIcon_1okxqmi_167{
854
890
  color:var(--_rs-textarea-focused-busy-icon-color);
855
891
  }
856
- ._disabled_1snxqsx_47 ._busyIcon_1snxqsx_167{
892
+ ._disabled_1okxqmi_47 ._busyIcon_1okxqmi_167{
857
893
  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);
858
894
  }
859
- ._errorMessage_1snxqsx_187{
895
+ ._errorMessage_1okxqmi_187{
860
896
  letter-spacing:var(
861
897
  --rs-text-base-letter-spacing,
862
898
  var(--_rs-typography-letter-spacing)
@@ -878,12 +914,12 @@
878
914
  -moz-column-gap:8px;
879
915
  column-gap:8px;
880
916
  }
881
- ._errorIcon_1snxqsx_199{
917
+ ._errorIcon_1okxqmi_199{
882
918
  flex:0 0 auto;
883
919
 
884
920
  color:#F45C4A;
885
921
  }
886
- ._note_1snxqsx_205{
922
+ ._note_1okxqmi_205{
887
923
  letter-spacing:var(
888
924
  --rs-text-base-letter-spacing,
889
925
  var(--_rs-typography-letter-spacing)
@@ -902,16 +938,16 @@
902
938
 
903
939
  margin-top:var(--_rs-textarea-parts-offset);
904
940
  }
905
- ._disabled_1snxqsx_47 ._note_1snxqsx_205{
941
+ ._disabled_1okxqmi_47 ._note_1okxqmi_205{
906
942
  color:var(
907
943
  --rs-color-pale,
908
944
  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)
909
945
  );
910
946
  }
911
- ._errorMessage_1snxqsx_187 + ._note_1snxqsx_205{
947
+ ._errorMessage_1okxqmi_187 + ._note_1okxqmi_205{
912
948
  margin-top:calc(var(--_rs-textarea-parts-offset) - 4px);
913
949
  }
914
- ._label_1snxqsx_32{
950
+ ._label_1okxqmi_32{
915
951
  letter-spacing:var(
916
952
  --rs-text-base-letter-spacing,
917
953
  var(--_rs-typography-letter-spacing)
@@ -930,7 +966,7 @@
930
966
 
931
967
  margin-bottom:var(--_rs-textarea-parts-offset);
932
968
  }
933
- ._disabled_1snxqsx_47 ._label_1snxqsx_32{
969
+ ._disabled_1okxqmi_47 ._label_1okxqmi_32{
934
970
  color:var(
935
971
  --rs-color-pale,
936
972
  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/textarea.js CHANGED
@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
3
3
  import TextareaAutosize from 'react-textarea-autosize';
4
4
  import { useThemeWithUndefined } from '@rescui/ui-contexts';
5
5
  import cn from 'classnames';
6
- import LoadingIcon from './_virtual/loading.js';
7
6
  import WarningIcon from './_virtual/warning.js';
7
+ import LoadingIcon from './_virtual/loading.js';
8
8
  import styles from './textarea.p.module.css.js';
9
9
  const SIZE_STYLES = {
10
10
  s: styles.sizeS,
@@ -69,14 +69,16 @@ const Textarea = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line comp
69
69
  className: styles.busyIcon
70
70
  }, /*#__PURE__*/React.createElement(LoadingIcon, {
71
71
  "data-test": "textarea__busy-icon",
72
- "data-rs-internal": "textarea__busy-icon"
72
+ "data-rs-internal": "textarea__busy-icon",
73
+ "data-render-all-sizes": true
73
74
  }))), error && typeof error !== 'boolean' && /*#__PURE__*/React.createElement("div", {
74
75
  className: styles.errorMessage,
75
76
  "data-test": 'textarea__error',
76
77
  "data-rs-internal": "textarea__error-message"
77
78
  }, /*#__PURE__*/React.createElement(WarningIcon, {
78
79
  className: styles.errorIcon,
79
- "data-rs-internal": "textarea__error-icon"
80
+ "data-rs-internal": "textarea__error-icon",
81
+ "data-render-all-sizes": true
80
82
  }), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
81
83
  className: styles.note,
82
84
  "data-test": 'textarea__note',
package/lib/textarea.p.module.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1snxqsx_8",
3
- "themeDark": "_themeDark_1snxqsx_11",
4
- "sizeS": "_sizeS_1snxqsx_15",
5
- "sizeM": "_sizeM_1snxqsx_18",
6
- "sizeL": "_sizeL_1snxqsx_21",
7
- "classic": "_classic_1snxqsx_25",
8
- "rock": "_rock_1snxqsx_28",
9
- "labelWrapper": "_labelWrapper_1snxqsx_32",
10
- "wrapper": "_wrapper_1snxqsx_39",
11
- "disabled": "_disabled_1snxqsx_47",
12
- "inner": "_inner_1snxqsx_52",
13
- "focused": "_focused_1snxqsx_104",
14
- "error": "_error_1snxqsx_129",
15
- "filled": "_filled_1snxqsx_133",
16
- "busyIcon": "_busyIcon_1snxqsx_167",
17
- "errorMessage": "_errorMessage_1snxqsx_187",
18
- "errorIcon": "_errorIcon_1snxqsx_199",
19
- "note": "_note_1snxqsx_205",
20
- "label": "_label_1snxqsx_32"
2
+ "themeLight": "_themeLight_1okxqmi_8",
3
+ "themeDark": "_themeDark_1okxqmi_11",
4
+ "sizeS": "_sizeS_1okxqmi_15",
5
+ "sizeM": "_sizeM_1okxqmi_18",
6
+ "sizeL": "_sizeL_1okxqmi_21",
7
+ "classic": "_classic_1okxqmi_25",
8
+ "rock": "_rock_1okxqmi_28",
9
+ "labelWrapper": "_labelWrapper_1okxqmi_32",
10
+ "wrapper": "_wrapper_1okxqmi_39",
11
+ "disabled": "_disabled_1okxqmi_47",
12
+ "inner": "_inner_1okxqmi_52",
13
+ "focused": "_focused_1okxqmi_104",
14
+ "error": "_error_1okxqmi_129",
15
+ "filled": "_filled_1okxqmi_133",
16
+ "busyIcon": "_busyIcon_1okxqmi_167",
17
+ "errorMessage": "_errorMessage_1okxqmi_187",
18
+ "errorIcon": "_errorIcon_1okxqmi_199",
19
+ "note": "_note_1okxqmi_205",
20
+ "label": "_label_1okxqmi_32"
21
21
  };
22
22
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.7.10",
3
+ "version": "0.7.12",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -25,9 +25,9 @@
25
25
  "react": ">=16.8.0 <19"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.7",
29
- "@rescui/scripts": "^0.3.5",
30
- "@rescui/typography": "^0.22.0",
28
+ "@rescui/colors": "^0.2.8",
29
+ "@rescui/scripts": "^0.4.0",
30
+ "@rescui/typography": "^0.23.1",
31
31
  "@rescui/visual-regression": "^0.1.2",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "71902b643c074d76514a26a5ee2feecc75d41347"
39
+ "gitHead": "f521c66dfa4124f1cac34821bf8531a0f9596bcc"
40
40
  }