@rescui/textarea 0.7.9-RUI-230-Update-icons-0bd4e5fc.9 → 0.7.9-RUI-230-Update-icons-6919f9e4.29

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 +12 -7
  2. package/lib/_virtual/loading.js +75 -52
  3. package/lib/_virtual/warning.js +59 -36
  4. package/lib/index.css +157 -106
  5. package/lib/public-api.p.css +25 -10
  6. package/lib/public-api.pcss +25 -10
  7. package/lib/textarea.js +5 -3
  8. package/lib/textarea.p.module.css.js +19 -19
  9. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_7axx9h_4",
3
- "sizeXS": "_sizeXS_7axx9h_14",
4
- "sizeS": "_sizeS_7axx9h_18",
5
- "sizeM": "_sizeM_7axx9h_22",
6
- "sizeL": "_sizeL_7axx9h_26",
7
- "light": "_light_7axx9h_30",
8
- "dark": "_dark_7axx9h_34"
2
+ "icon": "_icon_1ymr40l_4",
3
+ "sizeXS": "_sizeXS_1ymr40l_14",
4
+ "sizeS": "_sizeS_1ymr40l_18",
5
+ "sizeM": "_sizeM_1ymr40l_22",
6
+ "sizeL": "_sizeL_1ymr40l_26",
7
+ "light": "_light_1ymr40l_30",
8
+ "dark": "_dark_1ymr40l_34",
9
+ "allVariants": "_allVariants_1ymr40l_48",
10
+ "variant16": "_variant16_1ymr40l_53",
11
+ "variant20": "_variant20_1ymr40l_54",
12
+ "variant24": "_variant24_1ymr40l_55",
13
+ "variant28": "_variant28_1ymr40l_58"
9
14
  };
10
15
  export { styles as default };
package/lib/_virtual/loading.js CHANGED
@@ -15,78 +15,101 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const LoadingIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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",
23
+ style: {
24
+ animation: "rs-icon-rotate 1s linear infinite",
25
+ transformOrigin: "center center"
26
+ }
27
+ }));
28
+
29
+ const LoadingIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
30
+ viewBox: "0 0 20 20"
31
+ }, props), /*#__PURE__*/React.createElement("path", {
32
+ 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",
33
+ style: {
34
+ animation: "rs-icon-rotate 1s linear infinite",
35
+ transformOrigin: "center center"
36
+ }
37
+ }));
38
+
39
+ const LoadingIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
40
+ viewBox: "0 0 24 24"
41
+ }, props), /*#__PURE__*/React.createElement("path", {
42
+ 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",
43
+ style: {
44
+ animation: "rs-icon-rotate 1s linear infinite",
45
+ transformOrigin: "center center"
46
+ }
47
+ }));
48
+
49
+ const LoadingIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
50
+ viewBox: "0 0 28 28"
51
+ }, props), /*#__PURE__*/React.createElement("path", {
52
+ 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",
53
+ style: {
54
+ animation: "rs-icon-rotate 1s linear infinite",
55
+ transformOrigin: "center center"
56
+ }
57
+ }));
58
+
18
59
  const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
60
  let {
20
61
  theme,
21
- size,
62
+ size: sizeFromProps = "m",
22
63
  className,
64
+ style,
65
+ ['data-render-all-sizes']: renderAllSizes = false,
23
66
  ...props
24
67
  } = _ref;
68
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
69
+ const mainProps = { ...props,
70
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
71
+ style: renderAllSizes ? {
72
+ '--rs-icon-ar-width': 28,
73
+ '--rs-icon-ar-height': 28,
74
+ ...style
75
+ } : style,
76
+ ref
77
+ };
25
78
 
26
- if (size === Size['xs']) {
79
+ if (renderAllSizes) {
27
80
  return /*#__PURE__*/React.createElement("svg", _extends({
28
- viewBox: "0 0 16 16"
29
- }, props, {
30
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
- ref: ref
32
- }), /*#__PURE__*/React.createElement("path", {
33
- 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",
34
- style: {
35
- animation: "rs-icon-rotate 1s linear infinite",
36
- transformOrigin: "center center"
37
- }
81
+ viewBox: "0 0 28 28"
82
+ }, mainProps), /*#__PURE__*/React.createElement(LoadingIcon16, {
83
+ className: styles.variant16
84
+ }), /*#__PURE__*/React.createElement(LoadingIcon20, {
85
+ className: styles.variant20
86
+ }), /*#__PURE__*/React.createElement(LoadingIcon24, {
87
+ className: styles.variant24
88
+ }), /*#__PURE__*/React.createElement(LoadingIcon28, {
89
+ className: styles.variant28
38
90
  }));
39
91
  }
40
92
 
93
+ if (size === Size['xs']) {
94
+ return /*#__PURE__*/React.createElement(LoadingIcon16, mainProps);
95
+ }
96
+
41
97
  if (size === Size['s']) {
42
- return /*#__PURE__*/React.createElement("svg", _extends({
43
- viewBox: "0 0 20 20"
44
- }, props, {
45
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
46
- ref: ref
47
- }), /*#__PURE__*/React.createElement("path", {
48
- 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",
49
- style: {
50
- animation: "rs-icon-rotate 1s linear infinite",
51
- transformOrigin: "center center"
52
- }
53
- }));
98
+ return /*#__PURE__*/React.createElement(LoadingIcon20, mainProps);
54
99
  }
55
100
 
56
101
  if (size === Size['m']) {
57
- return /*#__PURE__*/React.createElement("svg", _extends({
58
- viewBox: "0 0 24 24"
59
- }, props, {
60
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
61
- ref: ref
62
- }), /*#__PURE__*/React.createElement("path", {
63
- 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",
64
- style: {
65
- animation: "rs-icon-rotate 1s linear infinite",
66
- transformOrigin: "center center"
67
- }
68
- }));
102
+ return /*#__PURE__*/React.createElement(LoadingIcon24, mainProps);
69
103
  }
70
104
 
71
- return /*#__PURE__*/React.createElement("svg", _extends({
72
- viewBox: "0 0 28 28"
73
- }, props, {
74
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
75
- ref: ref
76
- }), /*#__PURE__*/React.createElement("path", {
77
- 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",
78
- style: {
79
- animation: "rs-icon-rotate 1s linear infinite",
80
- transformOrigin: "center center"
81
- }
82
- }));
105
+ return /*#__PURE__*/React.createElement(LoadingIcon28, mainProps);
83
106
  });
107
+ LoadingIcon.displayName = 'LoadingIcon';
84
108
  LoadingIcon.propTypes = {
85
109
  className: PropTypes.string,
86
110
  theme: PropTypes.oneOf(["light", "dark"]),
87
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
88
- };
89
- LoadingIcon.defaultProps = {
90
- size: "m"
111
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
112
+ 'data-render-all-sizes': PropTypes.bool,
113
+ style: PropTypes.object
91
114
  };
92
115
  export { Size, LoadingIcon as default };
package/lib/_virtual/warning.js CHANGED
@@ -15,62 +15,85 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const WarningIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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"
23
+ }));
24
+
25
+ const WarningIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
26
+ viewBox: "0 0 20 20"
27
+ }, props), /*#__PURE__*/React.createElement("path", {
28
+ 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"
29
+ }));
30
+
31
+ const WarningIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ viewBox: "0 0 24 24"
33
+ }, props), /*#__PURE__*/React.createElement("path", {
34
+ 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"
35
+ }));
36
+
37
+ const WarningIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
38
+ viewBox: "0 0 28 28"
39
+ }, props), /*#__PURE__*/React.createElement("path", {
40
+ 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"
41
+ }));
42
+
18
43
  const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
44
  let {
20
45
  theme,
21
- size,
46
+ size: sizeFromProps = "m",
22
47
  className,
48
+ style,
49
+ ['data-render-all-sizes']: renderAllSizes = false,
23
50
  ...props
24
51
  } = _ref;
52
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
53
+ const mainProps = { ...props,
54
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
55
+ style: renderAllSizes ? {
56
+ '--rs-icon-ar-width': 28,
57
+ '--rs-icon-ar-height': 28,
58
+ ...style
59
+ } : style,
60
+ ref
61
+ };
25
62
 
26
- if (size === Size['xs']) {
63
+ if (renderAllSizes) {
27
64
  return /*#__PURE__*/React.createElement("svg", _extends({
28
- viewBox: "0 0 16 16"
29
- }, props, {
30
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
31
- ref: ref
32
- }), /*#__PURE__*/React.createElement("path", {
33
- 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"
65
+ viewBox: "0 0 28 28"
66
+ }, mainProps), /*#__PURE__*/React.createElement(WarningIcon16, {
67
+ className: styles.variant16
68
+ }), /*#__PURE__*/React.createElement(WarningIcon20, {
69
+ className: styles.variant20
70
+ }), /*#__PURE__*/React.createElement(WarningIcon24, {
71
+ className: styles.variant24
72
+ }), /*#__PURE__*/React.createElement(WarningIcon28, {
73
+ className: styles.variant28
34
74
  }));
35
75
  }
36
76
 
77
+ if (size === Size['xs']) {
78
+ return /*#__PURE__*/React.createElement(WarningIcon16, mainProps);
79
+ }
80
+
37
81
  if (size === Size['s']) {
38
- return /*#__PURE__*/React.createElement("svg", _extends({
39
- viewBox: "0 0 20 20"
40
- }, props, {
41
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
42
- ref: ref
43
- }), /*#__PURE__*/React.createElement("path", {
44
- 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"
45
- }));
82
+ return /*#__PURE__*/React.createElement(WarningIcon20, mainProps);
46
83
  }
47
84
 
48
85
  if (size === Size['m']) {
49
- return /*#__PURE__*/React.createElement("svg", _extends({
50
- viewBox: "0 0 24 24"
51
- }, props, {
52
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
53
- ref: ref
54
- }), /*#__PURE__*/React.createElement("path", {
55
- 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"
56
- }));
86
+ return /*#__PURE__*/React.createElement(WarningIcon24, mainProps);
57
87
  }
58
88
 
59
- return /*#__PURE__*/React.createElement("svg", _extends({
60
- viewBox: "0 0 28 28"
61
- }, props, {
62
- className: cn(styles.icon, styles[theme], sizeStyles[size], className),
63
- ref: ref
64
- }), /*#__PURE__*/React.createElement("path", {
65
- 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"
66
- }));
89
+ return /*#__PURE__*/React.createElement(WarningIcon28, mainProps);
67
90
  });
91
+ WarningIcon.displayName = 'WarningIcon';
68
92
  WarningIcon.propTypes = {
69
93
  className: PropTypes.string,
70
94
  theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- WarningIcon.defaultProps = {
74
- size: "m"
95
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
96
+ 'data-render-all-sizes': PropTypes.bool,
97
+ style: PropTypes.object
75
98
  };
76
99
  export { Size, WarningIcon as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_7axx9h_4{
1
+ ._icon_1ymr40l_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_7axx9h_4{
11
+ ._icon_1ymr40l_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_7axx9h_4{
20
+ ._icon_1ymr40l_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_7axx9h_4{
28
+ ._icon_1ymr40l_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_7axx9h_14{
35
+ ._sizeXS_1ymr40l_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_7axx9h_18{
38
+ ._sizeS_1ymr40l_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_7axx9h_22{
41
+ ._sizeM_1ymr40l_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_7axx9h_26{
44
+ ._sizeL_1ymr40l_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_7axx9h_30{
47
+ ._light_1ymr40l_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_7axx9h_34{
51
+ ._dark_1ymr40l_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_1l8dgzv_8{
63
+ ._allVariants_1ymr40l_48{
64
+ aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
+ container:rs-icon / size;
66
+ }
67
+ ._variant16_1ymr40l_53,
68
+ ._variant20_1ymr40l_54,
69
+ ._variant24_1ymr40l_55{
70
+ display:none;
71
+ }
72
+ ._variant28_1ymr40l_58{
73
+ display:block;
74
+ }
75
+ @container rs-icon (max-height: 24px){
76
+ ._variant24_1ymr40l_55{
77
+ display:block;
78
+ }
79
+ ._variant28_1ymr40l_58{
80
+ display:none;
81
+ }
82
+ }
83
+ @container rs-icon (max-height: 20px){
84
+ ._variant20_1ymr40l_54{
85
+ display:block;
86
+ }
87
+ ._variant24_1ymr40l_55{
88
+ display:none;
89
+ }
90
+ }
91
+ @container rs-icon (max-height: 16px){
92
+ ._variant16_1ymr40l_53{
93
+ display:block;
94
+ }
95
+ ._variant20_1ymr40l_54{
96
+ display:none;
97
+ }
98
+ }
99
+ ._themeLight_o6pwbm_8{
64
100
  --rs-theme-dark:0;
65
101
  }
66
- ._themeDark_1l8dgzv_11{
102
+ ._themeDark_o6pwbm_11{
67
103
  --rs-theme-dark:1;
68
104
  }
69
- ._sizeS_1l8dgzv_15{
105
+ ._sizeS_o6pwbm_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_1l8dgzv_15 [data-rs-internal='textarea__busy-icon']:not(html){
110
+ ._sizeS_o6pwbm_15 [data-rs-internal='textarea__busy-icon']:not(html){
75
111
  --_rs-icons-height:20px;
76
112
  }
77
- ._sizeS_1l8dgzv_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
113
+ ._sizeS_o6pwbm_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_1l8dgzv_15 [data-rs-internal='textarea__label'],
112
- ._sizeS_1l8dgzv_15 [data-rs-internal='textarea__inner'],
113
- ._sizeS_1l8dgzv_15 [data-rs-internal='textarea__inner']::placeholder,
114
- ._sizeS_1l8dgzv_15 [data-rs-internal='textarea__suffix']{
147
+ ._sizeS_o6pwbm_15 [data-rs-internal='textarea__label'],
148
+ ._sizeS_o6pwbm_15 [data-rs-internal='textarea__inner'],
149
+ ._sizeS_o6pwbm_15 [data-rs-internal='textarea__inner']::placeholder,
150
+ ._sizeS_o6pwbm_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_1l8dgzv_15 [data-rs-internal='textarea__bold-label']{
184
+ ._sizeS_o6pwbm_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_1l8dgzv_15 [data-rs-internal='textarea__note']{
215
+ ._sizeS_o6pwbm_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_1l8dgzv_15 [data-rs-internal='textarea__error-message']{
249
+ ._sizeS_o6pwbm_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_1l8dgzv_15 [data-rs-internal='textarea__error-icon']:not(html){
280
+ ._sizeS_o6pwbm_15 [data-rs-internal='textarea__error-icon']:not(html){
245
281
  --_rs-icons-height:20px;
246
282
  }
247
- ._sizeM_1l8dgzv_18{
283
+ ._sizeM_o6pwbm_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_1l8dgzv_18 [data-rs-internal='textarea__busy-icon']:not(html){
288
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__busy-icon']:not(html){
253
289
  --_rs-icons-height:24px;
254
290
  }
255
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
291
+ ._sizeM_o6pwbm_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;
@@ -281,20 +317,23 @@
281
317
  --_rs-typography-text-auto-offset:16px;
282
318
  --_rs-typography-ul-list-li-padding-left:22px;
283
319
  --_rs-typography-ol-list-li-padding-left:26px;
284
- --_rs-typography-list-li-margin-top-from-text:16px;
320
+ --_rs-typography-list-li-margin-top-from-text:var(
321
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
322
+ 16px
323
+ );
285
324
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
286
325
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
287
326
  --_rs-typography-link-border-bottom-width-from-text:1px;
288
327
  }
289
328
  @media screen and (max-width: 640px){
290
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
291
- --_rs-typography-list-li-margin-top-from-text:12px;
329
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
330
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
292
331
  }
293
332
  }
294
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__label'],
295
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__inner'],
296
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__inner']::placeholder,
297
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__suffix']{
333
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__label'],
334
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__inner'],
335
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__inner']::placeholder,
336
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__suffix']{
298
337
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
299
338
  --_rs-typography-text-transform:initial;
300
339
  --_rs-typography-font-variant-numeric:initial;
@@ -323,20 +362,23 @@
323
362
  --_rs-typography-text-auto-offset:16px;
324
363
  --_rs-typography-ul-list-li-padding-left:22px;
325
364
  --_rs-typography-ol-list-li-padding-left:26px;
326
- --_rs-typography-list-li-margin-top-from-text:16px;
365
+ --_rs-typography-list-li-margin-top-from-text:var(
366
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
367
+ 16px
368
+ );
327
369
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
328
370
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
329
371
  --_rs-typography-link-border-bottom-width-from-text:1px;
330
372
  }
331
373
  @media screen and (max-width: 640px){
332
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__label'],
333
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__inner'],
334
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__inner']::placeholder,
335
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__suffix']{
336
- --_rs-typography-list-li-margin-top-from-text:12px;
374
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__label'],
375
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__inner'],
376
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__inner']::placeholder,
377
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__suffix']{
378
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
337
379
  }
338
380
  }
339
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__bold-label']{
381
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__bold-label']{
340
382
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
341
383
  --_rs-typography-text-transform:initial;
342
384
  --_rs-typography-font-variant-numeric:initial;
@@ -367,7 +409,7 @@
367
409
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
368
410
  --_rs-typography-link-border-bottom-width-from-text:2px;
369
411
  }
370
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__note']{
412
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__note']{
371
413
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
372
414
  --_rs-typography-text-transform:initial;
373
415
  --_rs-typography-font-variant-numeric:initial;
@@ -401,7 +443,7 @@
401
443
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
402
444
  --_rs-typography-link-border-bottom-width-from-text:1px;
403
445
  }
404
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__error-message']{
446
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__error-message']{
405
447
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
406
448
  --_rs-typography-text-transform:initial;
407
449
  --_rs-typography-font-variant-numeric:initial;
@@ -432,18 +474,18 @@
432
474
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
433
475
  --_rs-typography-link-border-bottom-width-from-text:2px;
434
476
  }
435
- ._sizeM_1l8dgzv_18 [data-rs-internal='textarea__error-icon']:not(html){
477
+ ._sizeM_o6pwbm_18 [data-rs-internal='textarea__error-icon']:not(html){
436
478
  --_rs-icons-height:20px;
437
479
  }
438
- ._sizeL_1l8dgzv_21{
480
+ ._sizeL_o6pwbm_21{
439
481
  --_rs-textarea-vertical-padding:12px;
440
482
  --_rs-textarea-horizontal-padding:16px;
441
483
  --_rs-textarea-parts-offset:8px;
442
484
  }
443
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__busy-icon']:not(html){
485
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__busy-icon']:not(html){
444
486
  --_rs-icons-height:28px;
445
487
  }
446
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
488
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
447
489
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
448
490
  --_rs-typography-text-transform:initial;
449
491
  --_rs-typography-font-variant-numeric:initial;
@@ -472,20 +514,23 @@
472
514
  --_rs-typography-text-auto-offset:32px;
473
515
  --_rs-typography-ul-list-li-padding-left:26px;
474
516
  --_rs-typography-ol-list-li-padding-left:32px;
475
- --_rs-typography-list-li-margin-top-from-text:24px;
517
+ --_rs-typography-list-li-margin-top-from-text:var(
518
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
519
+ 24px
520
+ );
476
521
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
477
522
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
478
523
  --_rs-typography-link-border-bottom-width-from-text:1px;
479
524
  }
480
525
  @media screen and (max-width: 640px){
481
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
482
- --_rs-typography-list-li-margin-top-from-text:16px;
526
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
527
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
483
528
  }
484
529
  }
485
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__label'],
486
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__inner'],
487
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__inner']::placeholder,
488
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__suffix']{
530
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__label'],
531
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__inner'],
532
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__inner']::placeholder,
533
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__suffix']{
489
534
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
490
535
  --_rs-typography-text-transform:initial;
491
536
  --_rs-typography-font-variant-numeric:initial;
@@ -514,20 +559,23 @@
514
559
  --_rs-typography-text-auto-offset:32px;
515
560
  --_rs-typography-ul-list-li-padding-left:26px;
516
561
  --_rs-typography-ol-list-li-padding-left:32px;
517
- --_rs-typography-list-li-margin-top-from-text:24px;
562
+ --_rs-typography-list-li-margin-top-from-text:var(
563
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
564
+ 24px
565
+ );
518
566
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
519
567
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
520
568
  --_rs-typography-link-border-bottom-width-from-text:1px;
521
569
  }
522
570
  @media screen and (max-width: 640px){
523
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__label'],
524
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__inner'],
525
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__inner']::placeholder,
526
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__suffix']{
527
- --_rs-typography-list-li-margin-top-from-text:16px;
571
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__label'],
572
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__inner'],
573
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__inner']::placeholder,
574
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__suffix']{
575
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
528
576
  }
529
577
  }
530
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__bold-label']{
578
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__bold-label']{
531
579
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
532
580
  --_rs-typography-text-transform:initial;
533
581
  --_rs-typography-font-variant-numeric:initial;
@@ -558,7 +606,7 @@
558
606
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
559
607
  --_rs-typography-link-border-bottom-width-from-text:2px;
560
608
  }
561
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__note']{
609
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__note']{
562
610
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
563
611
  --_rs-typography-text-transform:initial;
564
612
  --_rs-typography-font-variant-numeric:initial;
@@ -587,17 +635,20 @@
587
635
  --_rs-typography-text-auto-offset:16px;
588
636
  --_rs-typography-ul-list-li-padding-left:22px;
589
637
  --_rs-typography-ol-list-li-padding-left:26px;
590
- --_rs-typography-list-li-margin-top-from-text:16px;
638
+ --_rs-typography-list-li-margin-top-from-text:var(
639
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
640
+ 16px
641
+ );
591
642
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
592
643
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
593
644
  --_rs-typography-link-border-bottom-width-from-text:1px;
594
645
  }
595
646
  @media screen and (max-width: 640px){
596
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__note']{
597
- --_rs-typography-list-li-margin-top-from-text:12px;
647
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__note']{
648
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
598
649
  }
599
650
  }
600
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__error-message']{
651
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__error-message']{
601
652
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
602
653
  --_rs-typography-text-transform:initial;
603
654
  --_rs-typography-font-variant-numeric:initial;
@@ -628,10 +679,10 @@
628
679
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
629
680
  --_rs-typography-link-border-bottom-width-from-text:2px;
630
681
  }
631
- ._sizeL_1l8dgzv_21 [data-rs-internal='textarea__error-icon']:not(html){
682
+ ._sizeL_o6pwbm_21 [data-rs-internal='textarea__error-icon']:not(html){
632
683
  --_rs-icons-height:24px;
633
684
  }
634
- ._classic_1l8dgzv_25{
685
+ ._classic_o6pwbm_25{
635
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));
636
687
  --_rs-textarea-focused-background-color:rgb(
637
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)
@@ -648,7 +699,7 @@
648
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)
649
700
  );
650
701
  }
651
- ._rock_1l8dgzv_28{
702
+ ._rock_o6pwbm_28{
652
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));
653
704
  --_rs-textarea-focused-background-color:rgb(
654
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)
@@ -665,7 +716,7 @@
665
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)
666
717
  );
667
718
  }
668
- ._labelWrapper_1l8dgzv_32{
719
+ ._labelWrapper_o6pwbm_32{
669
720
  --_rs-theme-dark:var(
670
721
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
671
722
  var(--rs-theme-dark, 0)
@@ -675,7 +726,7 @@
675
726
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
676
727
  }
677
728
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
678
- ._labelWrapper_1l8dgzv_32{
729
+ ._labelWrapper_o6pwbm_32{
679
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)));
680
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)));
681
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)));
@@ -684,7 +735,7 @@
684
735
  }
685
736
  }
686
737
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
687
- ._labelWrapper_1l8dgzv_32{
738
+ ._labelWrapper_o6pwbm_32{
688
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);
689
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));
690
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));
@@ -692,11 +743,11 @@
692
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));
693
744
  }
694
745
  }
695
- ._labelWrapper_1l8dgzv_32 {
746
+ ._labelWrapper_o6pwbm_32 {
696
747
 
697
748
  display:block;
698
749
  }
699
- ._wrapper_1l8dgzv_39{
750
+ ._wrapper_o6pwbm_39{
700
751
  position:relative;
701
752
 
702
753
  display:flex;
@@ -704,10 +755,10 @@
704
755
 
705
756
  cursor:text;
706
757
  }
707
- ._disabled_1l8dgzv_47 ._wrapper_1l8dgzv_39{
758
+ ._disabled_o6pwbm_47 ._wrapper_o6pwbm_39{
708
759
  cursor:default;
709
760
  }
710
- ._inner_1l8dgzv_52{
761
+ ._inner_o6pwbm_52{
711
762
  letter-spacing:var(
712
763
  --rs-text-base-letter-spacing,
713
764
  var(--_rs-typography-letter-spacing)
@@ -739,25 +790,25 @@
739
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));
740
791
  }
741
792
  @media (hover: hover){
742
- ._inner_1l8dgzv_52{
793
+ ._inner_o6pwbm_52{
743
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));
744
795
  scrollbar-width:thin
745
796
  }
746
797
 
747
- ._inner_1l8dgzv_52::-webkit-scrollbar{
798
+ ._inner_o6pwbm_52::-webkit-scrollbar{
748
799
  width:7px;
749
800
  height:8px;
750
801
  }
751
802
 
752
- ._inner_1l8dgzv_52::-webkit-scrollbar-corner{
803
+ ._inner_o6pwbm_52::-webkit-scrollbar-corner{
753
804
  background-color:transparent;
754
805
  }
755
806
 
756
- ._inner_1l8dgzv_52::-webkit-scrollbar-track{
807
+ ._inner_o6pwbm_52::-webkit-scrollbar-track{
757
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));
758
809
  }
759
810
 
760
- ._inner_1l8dgzv_52::-webkit-scrollbar-thumb{
811
+ ._inner_o6pwbm_52::-webkit-scrollbar-thumb{
761
812
  width:7px;
762
813
 
763
814
  border-radius:7px;
@@ -765,66 +816,66 @@
765
816
  background:#A3A3A4;
766
817
  }
767
818
 
768
- ._focused_1l8dgzv_104 ._inner_1l8dgzv_52{
819
+ ._focused_o6pwbm_104 ._inner_o6pwbm_52{
769
820
  scrollbar-color:#A3A3A4 var(--_rs-textarea-focused-scrollbar-track-color);
770
821
  }
771
822
 
772
- ._focused_1l8dgzv_104 ._inner_1l8dgzv_52::-webkit-scrollbar-track{
823
+ ._focused_o6pwbm_104 ._inner_o6pwbm_52::-webkit-scrollbar-track{
773
824
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
774
825
  }
775
826
  }
776
- ._inner_1l8dgzv_52:focus{
827
+ ._inner_o6pwbm_52:focus{
777
828
  outline:none;
778
829
  }
779
- ._inner_1l8dgzv_52::-moz-placeholder{
830
+ ._inner_o6pwbm_52::-moz-placeholder{
780
831
  opacity:1;
781
832
 
782
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);
783
834
  }
784
- ._focused_1l8dgzv_104 ._inner_1l8dgzv_52::-moz-placeholder{
835
+ ._focused_o6pwbm_104 ._inner_o6pwbm_52::-moz-placeholder{
785
836
  color:var(--_rs-textarea-focused-placeholder-color);
786
837
  }
787
- ._inner_1l8dgzv_52::placeholder{
838
+ ._inner_o6pwbm_52::placeholder{
788
839
  opacity:1;
789
840
 
790
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);
791
842
  }
792
- ._focused_1l8dgzv_104 ._inner_1l8dgzv_52::placeholder{
843
+ ._focused_o6pwbm_104 ._inner_o6pwbm_52::placeholder{
793
844
  color:var(--_rs-textarea-focused-placeholder-color);
794
845
  }
795
- ._focused_1l8dgzv_104 ._inner_1l8dgzv_52,
796
- ._error_1l8dgzv_129 ._inner_1l8dgzv_52{
846
+ ._focused_o6pwbm_104 ._inner_o6pwbm_52,
847
+ ._error_o6pwbm_129 ._inner_o6pwbm_52{
797
848
  --_rs-textarea-border-width:2px;
798
849
  }
799
- ._inner_1l8dgzv_52._filled_1l8dgzv_133{
850
+ ._inner_o6pwbm_52._filled_o6pwbm_133{
800
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);
801
852
  }
802
853
  @media (hover: hover){
803
- ._inner_1l8dgzv_52:hover{
854
+ ._inner_o6pwbm_52:hover{
804
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);
805
856
 
806
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));
807
858
  }
808
859
  }
809
- ._focused_1l8dgzv_104 ._inner_1l8dgzv_52{
860
+ ._focused_o6pwbm_104 ._inner_o6pwbm_52{
810
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));
811
862
 
812
863
  color:var(--_rs-textarea-focused-color);
813
864
  background-color:var(--_rs-textarea-focused-background-color);
814
865
  }
815
- ._disabled_1l8dgzv_47 ._inner_1l8dgzv_52{
866
+ ._disabled_o6pwbm_47 ._inner_o6pwbm_52{
816
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);
817
868
 
818
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);
819
870
 
820
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));
821
872
  }
822
- ._labelWrapper_1l8dgzv_32._error_1l8dgzv_129 ._inner_1l8dgzv_52,
823
- ._labelWrapper_1l8dgzv_32._error_1l8dgzv_129 ._inner_1l8dgzv_52:hover,
824
- ._labelWrapper_1l8dgzv_32._error_1l8dgzv_129._focused_1l8dgzv_104 ._inner_1l8dgzv_52{
873
+ ._labelWrapper_o6pwbm_32._error_o6pwbm_129 ._inner_o6pwbm_52,
874
+ ._labelWrapper_o6pwbm_32._error_o6pwbm_129 ._inner_o6pwbm_52:hover,
875
+ ._labelWrapper_o6pwbm_32._error_o6pwbm_129._focused_o6pwbm_104 ._inner_o6pwbm_52{
825
876
  border-color:#F45C4A;
826
877
  }
827
- ._busyIcon_1l8dgzv_167{
878
+ ._busyIcon_o6pwbm_167{
828
879
  position:absolute;
829
880
  right:calc(var(--_rs-textarea-horizontal-padding) - 1px);
830
881
  bottom:calc(var(--_rs-textarea-vertical-padding) - 1px);
@@ -835,13 +886,13 @@
835
886
 
836
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);
837
888
  }
838
- ._focused_1l8dgzv_104 ._busyIcon_1l8dgzv_167{
889
+ ._focused_o6pwbm_104 ._busyIcon_o6pwbm_167{
839
890
  color:var(--_rs-textarea-focused-busy-icon-color);
840
891
  }
841
- ._disabled_1l8dgzv_47 ._busyIcon_1l8dgzv_167{
892
+ ._disabled_o6pwbm_47 ._busyIcon_o6pwbm_167{
842
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);
843
894
  }
844
- ._errorMessage_1l8dgzv_187{
895
+ ._errorMessage_o6pwbm_187{
845
896
  letter-spacing:var(
846
897
  --rs-text-base-letter-spacing,
847
898
  var(--_rs-typography-letter-spacing)
@@ -863,12 +914,12 @@
863
914
  -moz-column-gap:8px;
864
915
  column-gap:8px;
865
916
  }
866
- ._errorIcon_1l8dgzv_199{
917
+ ._errorIcon_o6pwbm_199{
867
918
  flex:0 0 auto;
868
919
 
869
920
  color:#F45C4A;
870
921
  }
871
- ._note_1l8dgzv_205{
922
+ ._note_o6pwbm_205{
872
923
  letter-spacing:var(
873
924
  --rs-text-base-letter-spacing,
874
925
  var(--_rs-typography-letter-spacing)
@@ -887,16 +938,16 @@
887
938
 
888
939
  margin-top:var(--_rs-textarea-parts-offset);
889
940
  }
890
- ._disabled_1l8dgzv_47 ._note_1l8dgzv_205{
941
+ ._disabled_o6pwbm_47 ._note_o6pwbm_205{
891
942
  color:var(
892
943
  --rs-color-pale,
893
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)
894
945
  );
895
946
  }
896
- ._errorMessage_1l8dgzv_187 + ._note_1l8dgzv_205{
947
+ ._errorMessage_o6pwbm_187 + ._note_o6pwbm_205{
897
948
  margin-top:calc(var(--_rs-textarea-parts-offset) - 4px);
898
949
  }
899
- ._label_1l8dgzv_32{
950
+ ._label_o6pwbm_32{
900
951
  letter-spacing:var(
901
952
  --rs-text-base-letter-spacing,
902
953
  var(--_rs-typography-letter-spacing)
@@ -915,7 +966,7 @@
915
966
 
916
967
  margin-bottom:var(--_rs-textarea-parts-offset);
917
968
  }
918
- ._disabled_1l8dgzv_47 ._label_1l8dgzv_32{
969
+ ._disabled_o6pwbm_47 ._label_o6pwbm_32{
919
970
  color:var(
920
971
  --rs-color-pale,
921
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/public-api.p.css CHANGED
@@ -216,14 +216,17 @@
216
216
  --_rs-typography-text-auto-offset:16px;
217
217
  --_rs-typography-ul-list-li-padding-left:22px;
218
218
  --_rs-typography-ol-list-li-padding-left:26px;
219
- --_rs-typography-list-li-margin-top-from-text:16px;
219
+ --_rs-typography-list-li-margin-top-from-text:var(
220
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
221
+ 16px
222
+ );
220
223
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
221
224
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
222
225
  --_rs-typography-link-border-bottom-width-from-text:1px;
223
226
  }
224
227
  @media screen and (max-width: 640px){
225
228
  &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
226
- --_rs-typography-list-li-margin-top-from-text:12px;
229
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
227
230
  }
228
231
  }
229
232
  &:not(html) [data-rs-internal='textarea__label'],
@@ -258,7 +261,10 @@
258
261
  --_rs-typography-text-auto-offset:16px;
259
262
  --_rs-typography-ul-list-li-padding-left:22px;
260
263
  --_rs-typography-ol-list-li-padding-left:26px;
261
- --_rs-typography-list-li-margin-top-from-text:16px;
264
+ --_rs-typography-list-li-margin-top-from-text:var(
265
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
266
+ 16px
267
+ );
262
268
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
263
269
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
264
270
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -268,7 +274,7 @@
268
274
  &:not(html) [data-rs-internal='textarea__inner'],
269
275
  &:not(html) [data-rs-internal='textarea__inner']::placeholder,
270
276
  &:not(html) [data-rs-internal='textarea__suffix']{
271
- --_rs-typography-list-li-margin-top-from-text:12px;
277
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
272
278
  }
273
279
  }
274
280
  &:not(html) [data-rs-internal='textarea__bold-label']{
@@ -409,14 +415,17 @@
409
415
  --_rs-typography-text-auto-offset:32px;
410
416
  --_rs-typography-ul-list-li-padding-left:26px;
411
417
  --_rs-typography-ol-list-li-padding-left:32px;
412
- --_rs-typography-list-li-margin-top-from-text:24px;
418
+ --_rs-typography-list-li-margin-top-from-text:var(
419
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
420
+ 24px
421
+ );
413
422
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
414
423
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
415
424
  --_rs-typography-link-border-bottom-width-from-text:1px;
416
425
  }
417
426
  @media screen and (max-width: 640px){
418
427
  &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
419
- --_rs-typography-list-li-margin-top-from-text:16px;
428
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
420
429
  }
421
430
  }
422
431
  &:not(html) [data-rs-internal='textarea__label'],
@@ -451,7 +460,10 @@
451
460
  --_rs-typography-text-auto-offset:32px;
452
461
  --_rs-typography-ul-list-li-padding-left:26px;
453
462
  --_rs-typography-ol-list-li-padding-left:32px;
454
- --_rs-typography-list-li-margin-top-from-text:24px;
463
+ --_rs-typography-list-li-margin-top-from-text:var(
464
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
465
+ 24px
466
+ );
455
467
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
456
468
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
457
469
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -461,7 +473,7 @@
461
473
  &:not(html) [data-rs-internal='textarea__inner'],
462
474
  &:not(html) [data-rs-internal='textarea__inner']::placeholder,
463
475
  &:not(html) [data-rs-internal='textarea__suffix']{
464
- --_rs-typography-list-li-margin-top-from-text:16px;
476
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
465
477
  }
466
478
  }
467
479
  &:not(html) [data-rs-internal='textarea__bold-label']{
@@ -524,14 +536,17 @@
524
536
  --_rs-typography-text-auto-offset:16px;
525
537
  --_rs-typography-ul-list-li-padding-left:22px;
526
538
  --_rs-typography-ol-list-li-padding-left:26px;
527
- --_rs-typography-list-li-margin-top-from-text:16px;
539
+ --_rs-typography-list-li-margin-top-from-text:var(
540
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
541
+ 16px
542
+ );
528
543
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
529
544
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
530
545
  --_rs-typography-link-border-bottom-width-from-text:1px;
531
546
  }
532
547
  @media screen and (max-width: 640px){
533
548
  &:not(html) [data-rs-internal='textarea__note']{
534
- --_rs-typography-list-li-margin-top-from-text:12px;
549
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
535
550
  }
536
551
  }
537
552
  &:not(html) [data-rs-internal='textarea__error-message']{
package/lib/public-api.pcss CHANGED
@@ -216,14 +216,17 @@
216
216
  --_rs-typography-text-auto-offset:16px;
217
217
  --_rs-typography-ul-list-li-padding-left:22px;
218
218
  --_rs-typography-ol-list-li-padding-left:26px;
219
- --_rs-typography-list-li-margin-top-from-text:16px;
219
+ --_rs-typography-list-li-margin-top-from-text:var(
220
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
221
+ 16px
222
+ );
220
223
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
221
224
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
222
225
  --_rs-typography-link-border-bottom-width-from-text:1px;
223
226
  }
224
227
  @media screen and (max-width: 640px){
225
228
  &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
226
- --_rs-typography-list-li-margin-top-from-text:12px;
229
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
227
230
  }
228
231
  }
229
232
  &:not(html) [data-rs-internal='textarea__label'],
@@ -258,7 +261,10 @@
258
261
  --_rs-typography-text-auto-offset:16px;
259
262
  --_rs-typography-ul-list-li-padding-left:22px;
260
263
  --_rs-typography-ol-list-li-padding-left:26px;
261
- --_rs-typography-list-li-margin-top-from-text:16px;
264
+ --_rs-typography-list-li-margin-top-from-text:var(
265
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
266
+ 16px
267
+ );
262
268
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
263
269
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
264
270
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -268,7 +274,7 @@
268
274
  &:not(html) [data-rs-internal='textarea__inner'],
269
275
  &:not(html) [data-rs-internal='textarea__inner']::placeholder,
270
276
  &:not(html) [data-rs-internal='textarea__suffix']{
271
- --_rs-typography-list-li-margin-top-from-text:12px;
277
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
272
278
  }
273
279
  }
274
280
  &:not(html) [data-rs-internal='textarea__bold-label']{
@@ -409,14 +415,17 @@
409
415
  --_rs-typography-text-auto-offset:32px;
410
416
  --_rs-typography-ul-list-li-padding-left:26px;
411
417
  --_rs-typography-ol-list-li-padding-left:32px;
412
- --_rs-typography-list-li-margin-top-from-text:24px;
418
+ --_rs-typography-list-li-margin-top-from-text:var(
419
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
420
+ 24px
421
+ );
413
422
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
414
423
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
415
424
  --_rs-typography-link-border-bottom-width-from-text:1px;
416
425
  }
417
426
  @media screen and (max-width: 640px){
418
427
  &:not(html) [data-rs-internal='textarea__inner']::-moz-placeholder{
419
- --_rs-typography-list-li-margin-top-from-text:16px;
428
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
420
429
  }
421
430
  }
422
431
  &:not(html) [data-rs-internal='textarea__label'],
@@ -451,7 +460,10 @@
451
460
  --_rs-typography-text-auto-offset:32px;
452
461
  --_rs-typography-ul-list-li-padding-left:26px;
453
462
  --_rs-typography-ol-list-li-padding-left:32px;
454
- --_rs-typography-list-li-margin-top-from-text:24px;
463
+ --_rs-typography-list-li-margin-top-from-text:var(
464
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text,
465
+ 24px
466
+ );
455
467
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
456
468
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
457
469
  --_rs-typography-link-border-bottom-width-from-text:1px;
@@ -461,7 +473,7 @@
461
473
  &:not(html) [data-rs-internal='textarea__inner'],
462
474
  &:not(html) [data-rs-internal='textarea__inner']::placeholder,
463
475
  &:not(html) [data-rs-internal='textarea__suffix']{
464
- --_rs-typography-list-li-margin-top-from-text:16px;
476
+ --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
465
477
  }
466
478
  }
467
479
  &:not(html) [data-rs-internal='textarea__bold-label']{
@@ -524,14 +536,17 @@
524
536
  --_rs-typography-text-auto-offset:16px;
525
537
  --_rs-typography-ul-list-li-padding-left:22px;
526
538
  --_rs-typography-ol-list-li-padding-left:26px;
527
- --_rs-typography-list-li-margin-top-from-text:16px;
539
+ --_rs-typography-list-li-margin-top-from-text:var(
540
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text,
541
+ 16px
542
+ );
528
543
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
529
544
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
530
545
  --_rs-typography-link-border-bottom-width-from-text:1px;
531
546
  }
532
547
  @media screen and (max-width: 640px){
533
548
  &:not(html) [data-rs-internal='textarea__note']{
534
- --_rs-typography-list-li-margin-top-from-text:12px;
549
+ --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
535
550
  }
536
551
  }
537
552
  &:not(html) [data-rs-internal='textarea__error-message']{
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_1l8dgzv_8",
3
- "themeDark": "_themeDark_1l8dgzv_11",
4
- "sizeS": "_sizeS_1l8dgzv_15",
5
- "sizeM": "_sizeM_1l8dgzv_18",
6
- "sizeL": "_sizeL_1l8dgzv_21",
7
- "classic": "_classic_1l8dgzv_25",
8
- "rock": "_rock_1l8dgzv_28",
9
- "labelWrapper": "_labelWrapper_1l8dgzv_32",
10
- "wrapper": "_wrapper_1l8dgzv_39",
11
- "disabled": "_disabled_1l8dgzv_47",
12
- "inner": "_inner_1l8dgzv_52",
13
- "focused": "_focused_1l8dgzv_104",
14
- "error": "_error_1l8dgzv_129",
15
- "filled": "_filled_1l8dgzv_133",
16
- "busyIcon": "_busyIcon_1l8dgzv_167",
17
- "errorMessage": "_errorMessage_1l8dgzv_187",
18
- "errorIcon": "_errorIcon_1l8dgzv_199",
19
- "note": "_note_1l8dgzv_205",
20
- "label": "_label_1l8dgzv_32"
2
+ "themeLight": "_themeLight_o6pwbm_8",
3
+ "themeDark": "_themeDark_o6pwbm_11",
4
+ "sizeS": "_sizeS_o6pwbm_15",
5
+ "sizeM": "_sizeM_o6pwbm_18",
6
+ "sizeL": "_sizeL_o6pwbm_21",
7
+ "classic": "_classic_o6pwbm_25",
8
+ "rock": "_rock_o6pwbm_28",
9
+ "labelWrapper": "_labelWrapper_o6pwbm_32",
10
+ "wrapper": "_wrapper_o6pwbm_39",
11
+ "disabled": "_disabled_o6pwbm_47",
12
+ "inner": "_inner_o6pwbm_52",
13
+ "focused": "_focused_o6pwbm_104",
14
+ "error": "_error_o6pwbm_129",
15
+ "filled": "_filled_o6pwbm_133",
16
+ "busyIcon": "_busyIcon_o6pwbm_167",
17
+ "errorMessage": "_errorMessage_o6pwbm_187",
18
+ "errorIcon": "_errorIcon_o6pwbm_199",
19
+ "note": "_note_o6pwbm_205",
20
+ "label": "_label_o6pwbm_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.9-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
3
+ "version": "0.7.9-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
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-RUI-230-Update-icons-0bd4e5fc.33+0bd4e5fc",
28
+ "@rescui/colors": "0.2.7-RUI-230-Update-icons-6919f9e4.53+6919f9e4",
29
29
  "@rescui/scripts": "0.3.5",
30
- "@rescui/typography": "0.21.1-RUI-230-Update-icons-0bd4e5fc.9+0bd4e5fc",
30
+ "@rescui/typography": "0.21.1-RUI-230-Update-icons-6919f9e4.29+6919f9e4",
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": "0bd4e5fc55bc38b4b8a80a5dcbdb036720dc9676"
39
+ "gitHead": "6919f9e47242359e9341826175a53441c8c70f75"
40
40
  }