@rescui/textarea 0.15.0 → 0.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +102 -102
  3. package/lib/textarea.p.module.css.js +1 -1
  4. package/llm/components/textarea.md +4 -4
  5. package/package.json +2 -2
package/lib/_virtual/index.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "icon": "_icon_16z0qk4_4",
3
- "sizeXS": "_sizeXS_16z0qk4_14",
4
- "sizeS": "_sizeS_16z0qk4_18",
5
- "sizeM": "_sizeM_16z0qk4_22",
6
- "sizeL": "_sizeL_16z0qk4_26",
7
- "light": "_light_16z0qk4_30",
8
- "dark": "_dark_16z0qk4_34",
9
- "allVariants": "_allVariants_16z0qk4_48",
10
- "variant16": "_variant16_16z0qk4_53",
11
- "variant20": "_variant20_16z0qk4_54",
12
- "variant24": "_variant24_16z0qk4_55",
13
- "variant28": "_variant28_16z0qk4_58"
2
+ "icon": "_icon_8et0sh_4",
3
+ "sizeXS": "_sizeXS_8et0sh_14",
4
+ "sizeS": "_sizeS_8et0sh_18",
5
+ "sizeM": "_sizeM_8et0sh_22",
6
+ "sizeL": "_sizeL_8et0sh_26",
7
+ "light": "_light_8et0sh_30",
8
+ "dark": "_dark_8et0sh_34",
9
+ "allVariants": "_allVariants_8et0sh_48",
10
+ "variant16": "_variant16_8et0sh_53",
11
+ "variant20": "_variant20_8et0sh_54",
12
+ "variant24": "_variant24_8et0sh_55",
13
+ "variant28": "_variant28_8et0sh_58"
14
14
  };
15
15
 
16
16
  export { styles as default };
package/lib/index.css CHANGED
@@ -3,7 +3,7 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._icon_16z0qk4_4{
6
+ ._icon_8et0sh_4{
7
7
  --_rs-theme-dark:var(
8
8
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
9
9
  var(--rs-theme-dark, 0)
@@ -13,7 +13,7 @@
13
13
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
14
14
  }
15
15
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
16
- ._icon_16z0qk4_4{
16
+ ._icon_8et0sh_4{
17
17
  --_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)));
18
18
  --_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)));
19
19
  --_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)));
@@ -22,7 +22,7 @@
22
22
  }
23
23
  }
24
24
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
25
- ._icon_16z0qk4_4{
25
+ ._icon_8et0sh_4{
26
26
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
27
27
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
28
28
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -30,7 +30,7 @@
30
30
  --_rs-color-primary-t-fog:rgba(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255, calc(.2 * var(--_rs-theme-light-coefficient, 1) + .3 * var(--_rs-theme-dark-coefficient, 0)));
31
31
  }
32
32
  }
33
- ._icon_16z0qk4_4{
33
+ ._icon_8et0sh_4{
34
34
 
35
35
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
36
36
 
@@ -38,27 +38,27 @@
38
38
  height:var(--rs-icons-height, var(--_rs-icons-height));
39
39
  }
40
40
 
41
- ._sizeXS_16z0qk4_14{
41
+ ._sizeXS_8et0sh_14{
42
42
  --_rs-icons-height:16px;
43
43
  }
44
44
 
45
- ._sizeS_16z0qk4_18{
45
+ ._sizeS_8et0sh_18{
46
46
  --_rs-icons-height:20px;
47
47
  }
48
48
 
49
- ._sizeM_16z0qk4_22{
49
+ ._sizeM_8et0sh_22{
50
50
  --_rs-icons-height:24px;
51
51
  }
52
52
 
53
- ._sizeL_16z0qk4_26{
53
+ ._sizeL_8et0sh_26{
54
54
  --_rs-icons-height:28px;
55
55
  }
56
56
 
57
- ._light_16z0qk4_30{
57
+ ._light_8et0sh_30{
58
58
  --rs-theme-dark:0;
59
59
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
60
60
  }
61
- ._dark_16z0qk4_34{
61
+ ._dark_8et0sh_34{
62
62
  --rs-theme-dark:1;
63
63
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
64
64
  }
@@ -72,40 +72,40 @@
72
72
  }
73
73
  }
74
74
 
75
- ._allVariants_16z0qk4_48{
75
+ ._allVariants_8et0sh_48{
76
76
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
77
77
  container:rs-icon / size;
78
78
  }
79
79
 
80
- ._variant16_16z0qk4_53,
81
- ._variant20_16z0qk4_54,
82
- ._variant24_16z0qk4_55{
80
+ ._variant16_8et0sh_53,
81
+ ._variant20_8et0sh_54,
82
+ ._variant24_8et0sh_55{
83
83
  display:none;
84
84
  }
85
- ._variant28_16z0qk4_58{
85
+ ._variant28_8et0sh_58{
86
86
  display:block;
87
87
  }
88
88
  @container rs-icon (max-height: 24px){
89
- ._variant24_16z0qk4_55{
89
+ ._variant24_8et0sh_55{
90
90
  display:block;
91
91
  }
92
- ._variant28_16z0qk4_58{
92
+ ._variant28_8et0sh_58{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 20px){
97
- ._variant20_16z0qk4_54{
97
+ ._variant20_8et0sh_54{
98
98
  display:block;
99
99
  }
100
- ._variant24_16z0qk4_55{
100
+ ._variant24_8et0sh_55{
101
101
  display:none;
102
102
  }
103
103
  }
104
104
  @container rs-icon (max-height: 16px){
105
- ._variant16_16z0qk4_53{
105
+ ._variant16_8et0sh_53{
106
106
  display:block;
107
107
  }
108
- ._variant20_16z0qk4_54{
108
+ ._variant20_8et0sh_54{
109
109
  display:none;
110
110
  }
111
111
  }
@@ -115,28 +115,28 @@
115
115
  inherits:true;
116
116
  initial-value:0;
117
117
  }
118
- ._themeLight_1nrwgpp_8{
118
+ ._themeLight_1cni33z_8{
119
119
  --rs-theme-dark:0;
120
120
  }
121
- ._themeDark_1nrwgpp_11{
121
+ ._themeDark_1cni33z_11{
122
122
  --rs-theme-dark:1;
123
123
  }
124
124
 
125
- ._sizeS_1nrwgpp_15{
125
+ ._sizeS_1cni33z_15{
126
126
  --_rs-textarea-vertical-padding:6px;
127
127
  --_rs-textarea-horizontal-padding:8px;
128
128
  --_rs-textarea-icon-size:20px;
129
129
  --_rs-textarea-icon-offset:8px;
130
130
  }
131
131
 
132
- ._sizeS_1nrwgpp_15 [data-rs-internal='textarea__busy-icon']:not(html){
132
+ ._sizeS_1cni33z_15 [data-rs-internal='textarea__busy-icon']:not(html){
133
133
  --_rs-icons-height:20px;
134
134
  }
135
135
 
136
- ._sizeS_1nrwgpp_15 [data-rs-internal='textarea__label'],
137
- ._sizeS_1nrwgpp_15 [data-rs-internal='textarea__inner'],
138
- ._sizeS_1nrwgpp_15 [data-rs-internal='textarea__inner']::placeholder,
139
- ._sizeS_1nrwgpp_15 [data-rs-internal='textarea__suffix']{
136
+ ._sizeS_1cni33z_15 [data-rs-internal='textarea__label'],
137
+ ._sizeS_1cni33z_15 [data-rs-internal='textarea__inner'],
138
+ ._sizeS_1cni33z_15 [data-rs-internal='textarea__inner']::placeholder,
139
+ ._sizeS_1cni33z_15 [data-rs-internal='textarea__suffix']{
140
140
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
141
141
  --_rs-typography-text-transform:initial;
142
142
  --_rs-typography-font-variant-numeric:initial;
@@ -172,7 +172,7 @@
172
172
  --_rs-typography-link-border-bottom-width-from-text:1px;
173
173
  }
174
174
 
175
- ._sizeS_1nrwgpp_15 [data-rs-internal='textarea__bold-label']{
175
+ ._sizeS_1cni33z_15 [data-rs-internal='textarea__bold-label']{
176
176
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
177
177
  --_rs-typography-text-transform:initial;
178
178
  --_rs-typography-font-variant-numeric:initial;
@@ -204,19 +204,19 @@
204
204
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
205
205
  --_rs-typography-link-border-bottom-width-from-text:2px;
206
206
  }
207
- ._sizeM_1nrwgpp_18{
207
+ ._sizeM_1cni33z_18{
208
208
  --_rs-textarea-vertical-padding:8px;
209
209
  --_rs-textarea-horizontal-padding:8px;
210
210
  --_rs-textarea-icon-size:24px;
211
211
  --_rs-textarea-icon-offset:8px;
212
212
  }
213
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__busy-icon']:not(html){
213
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__busy-icon']:not(html){
214
214
  --_rs-icons-height:24px;
215
215
  }
216
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__label'],
217
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__inner'],
218
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__inner']::placeholder,
219
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__suffix']{
216
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__label'],
217
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__inner'],
218
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__inner']::placeholder,
219
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__suffix']{
220
220
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
221
221
  --_rs-typography-text-transform:initial;
222
222
  --_rs-typography-font-variant-numeric:initial;
@@ -255,14 +255,14 @@
255
255
  --_rs-typography-link-border-bottom-width-from-text:1px;
256
256
  }
257
257
  @media screen and (max-width: 640px){
258
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__label'],
259
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__inner'],
260
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__inner']::placeholder,
261
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__suffix']{
258
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__label'],
259
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__inner'],
260
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__inner']::placeholder,
261
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__suffix']{
262
262
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
263
263
  }
264
264
  }
265
- ._sizeM_1nrwgpp_18 [data-rs-internal='textarea__bold-label']{
265
+ ._sizeM_1cni33z_18 [data-rs-internal='textarea__bold-label']{
266
266
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
267
267
  --_rs-typography-text-transform:initial;
268
268
  --_rs-typography-font-variant-numeric:initial;
@@ -294,19 +294,19 @@
294
294
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
295
295
  --_rs-typography-link-border-bottom-width-from-text:2px;
296
296
  }
297
- ._sizeL_1nrwgpp_21{
297
+ ._sizeL_1cni33z_21{
298
298
  --_rs-textarea-vertical-padding:12px;
299
299
  --_rs-textarea-horizontal-padding:16px;
300
300
  --_rs-textarea-icon-size:28px;
301
301
  --_rs-textarea-icon-offset:16px;
302
302
  }
303
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__busy-icon']:not(html){
303
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__busy-icon']:not(html){
304
304
  --_rs-icons-height:28px;
305
305
  }
306
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__label'],
307
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__inner'],
308
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__inner']::placeholder,
309
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__suffix']{
306
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__label'],
307
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__inner'],
308
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__inner']::placeholder,
309
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__suffix']{
310
310
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
311
311
  --_rs-typography-text-transform:initial;
312
312
  --_rs-typography-font-variant-numeric:initial;
@@ -345,14 +345,14 @@
345
345
  --_rs-typography-link-border-bottom-width-from-text:1px;
346
346
  }
347
347
  @media screen and (max-width: 640px){
348
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__label'],
349
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__inner'],
350
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__inner']::placeholder,
351
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__suffix']{
348
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__label'],
349
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__inner'],
350
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__inner']::placeholder,
351
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__suffix']{
352
352
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
353
353
  }
354
354
  }
355
- ._sizeL_1nrwgpp_21 [data-rs-internal='textarea__bold-label']{
355
+ ._sizeL_1cni33z_21 [data-rs-internal='textarea__bold-label']{
356
356
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
357
357
  --_rs-typography-text-transform:initial;
358
358
  --_rs-typography-font-variant-numeric:initial;
@@ -385,7 +385,7 @@
385
385
  --_rs-typography-link-border-bottom-width-from-text:2px;
386
386
  }
387
387
 
388
- ._classic_1nrwgpp_25{
388
+ ._classic_1cni33z_25{
389
389
  --_rs-textarea-focused-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
390
390
  --_rs-textarea-focused-background-color:rgb(
391
391
  calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
@@ -410,7 +410,7 @@
410
410
  calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0))
411
411
  );
412
412
  }
413
- ._rock_1nrwgpp_28{
413
+ ._rock_1cni33z_28{
414
414
  --_rs-textarea-focused-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
415
415
  --_rs-textarea-focused-background-color:rgb(
416
416
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
@@ -436,7 +436,7 @@
436
436
  );
437
437
  }
438
438
 
439
- ._labelWrapper_1nrwgpp_32{
439
+ ._labelWrapper_1cni33z_32{
440
440
  --_rs-theme-dark:var(
441
441
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
442
442
  var(--rs-theme-dark, 0)
@@ -448,7 +448,7 @@
448
448
 
449
449
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
450
450
 
451
- ._labelWrapper_1nrwgpp_32{
451
+ ._labelWrapper_1cni33z_32{
452
452
  --_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)));
453
453
  --_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)));
454
454
  --_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)));
@@ -459,7 +459,7 @@
459
459
 
460
460
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
461
461
 
462
- ._labelWrapper_1nrwgpp_32{
462
+ ._labelWrapper_1cni33z_32{
463
463
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
464
464
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
465
465
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -470,7 +470,7 @@
470
470
 
471
471
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
472
472
 
473
- ._labelWrapper_1nrwgpp_32{
473
+ ._labelWrapper_1cni33z_32{
474
474
  --_rs-color-danger:color-mix(in srgb, #CC1400 calc(100% * var(--_rs-theme-light-coefficient, 1)), #FF6553 calc(100% * var(--_rs-theme-dark-coefficient, 0)));
475
475
  --_rs-color-danger-bg:color-mix(in srgb, rgba(204,20,0, 0.2) calc(100% * var(--_rs-theme-light-coefficient, 1)), rgba(255,101,83, 0.2) calc(100% * var(--_rs-theme-dark-coefficient, 0)));
476
476
  }
@@ -478,22 +478,22 @@
478
478
 
479
479
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
480
480
 
481
- ._labelWrapper_1nrwgpp_32{
481
+ ._labelWrapper_1cni33z_32{
482
482
  --_rs-color-danger:rgb(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)));
483
483
  --_rs-color-danger-bg:rgba(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
484
484
  }
485
485
  }
486
486
 
487
- ._labelWrapper_1nrwgpp_32 {
487
+ ._labelWrapper_1cni33z_32 {
488
488
 
489
489
  display:block;
490
490
  }
491
491
 
492
- ._wrapper_1nrwgpp_40{
492
+ ._wrapper_1cni33z_40{
493
493
  --_rs-textarea-border-width:1px;
494
494
  --_rs-textarea-border-color:rgba(
495
495
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
496
- calc(.6 - .2 * var(--_rs-theme-dark-coefficient, 0))
496
+ calc(.6 - .1 * var(--_rs-theme-dark-coefficient, 0))
497
497
  );
498
498
  --_rs-textarea-background-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
499
499
 
@@ -509,13 +509,13 @@
509
509
  box-shadow:inset 0 0 0 var(--_rs-textarea-border-width) var(--_rs-textarea-border-color);
510
510
  }
511
511
 
512
- ._error_1nrwgpp_60 ._wrapper_1nrwgpp_40{
512
+ ._error_1cni33z_60 ._wrapper_1cni33z_40{
513
513
  --_rs-textarea-border-width:2px;
514
514
  --_rs-textarea-border-color:var(--_rs-color-danger);
515
515
  --_rs-textarea-background-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
516
516
  }
517
517
 
518
- ._disabled_1nrwgpp_66 ._wrapper_1nrwgpp_40{
518
+ ._disabled_1cni33z_66 ._wrapper_1cni33z_40{
519
519
  --_rs-textarea-border-color:rgba(
520
520
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
521
521
  calc(.5 - .1 * var(--_rs-theme-dark-coefficient, 0))
@@ -528,34 +528,34 @@
528
528
  cursor:default;
529
529
  }
530
530
 
531
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._wrapper_1nrwgpp_40{
531
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._wrapper_1cni33z_40{
532
532
  --_rs-textarea-background-color:var(
533
533
  --_rs-textarea-focused-background-color
534
534
  );
535
535
  }
536
536
 
537
- ._enabled_1nrwgpp_79:not(._error_1nrwgpp_60)._filled_1nrwgpp_85 ._wrapper_1nrwgpp_40{
537
+ ._enabled_1cni33z_79:not(._error_1cni33z_60)._filled_1cni33z_85 ._wrapper_1cni33z_40{
538
538
  --_rs-textarea-border-color:rgba(
539
539
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
540
- calc(.6 - .2 * var(--_rs-theme-dark-coefficient, 0))
540
+ calc(.6 - .1 * var(--_rs-theme-dark-coefficient, 0))
541
541
  );
542
542
  }
543
543
 
544
544
  @media (hover: hover){
545
- ._enabled_1nrwgpp_79:not(._error_1nrwgpp_60):hover ._wrapper_1nrwgpp_40{
545
+ ._enabled_1cni33z_79:not(._error_1cni33z_60):hover ._wrapper_1cni33z_40{
546
546
  --_rs-textarea-border-color:rgba(
547
547
  calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)),
548
- calc(.8 - .2 * var(--_rs-theme-dark-coefficient, 0))
548
+ calc(.7 - .1 * var(--_rs-theme-dark-coefficient, 0))
549
549
  );
550
550
  }
551
551
  }
552
552
 
553
- ._enabled_1nrwgpp_79:not(._error_1nrwgpp_60)._focused_1nrwgpp_79 ._wrapper_1nrwgpp_40{
553
+ ._enabled_1cni33z_79:not(._error_1cni33z_60)._focused_1cni33z_79 ._wrapper_1cni33z_40{
554
554
  --_rs-textarea-border-width:var(--_rs-textarea-focused-border-width);
555
555
  --_rs-textarea-border-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
556
556
  }
557
557
 
558
- ._inner_1nrwgpp_107{
558
+ ._inner_1cni33z_107{
559
559
  letter-spacing:var(
560
560
  --rs-text-base-letter-spacing,
561
561
  var(--_rs-typography-letter-spacing)
@@ -589,31 +589,31 @@
589
589
  appearance:none;
590
590
  }
591
591
 
592
- ._clearable_1nrwgpp_135 ._inner_1nrwgpp_107{
592
+ ._clearable_1cni33z_135 ._inner_1cni33z_107{
593
593
  padding-right:calc(var(--_rs-textarea-horizontal-padding) + var(--_rs-textarea-icon-size) + var(--_rs-textarea-icon-offset) - var(--_rs-textarea-border-width));
594
594
  }
595
595
 
596
596
  @media (hover: hover){
597
597
 
598
- ._inner_1nrwgpp_107{
598
+ ._inner_1cni33z_107{
599
599
  scrollbar-color:#8C8C8E rgb(calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0)));
600
600
  scrollbar-width:thin
601
601
  }
602
602
 
603
- ._inner_1nrwgpp_107::-webkit-scrollbar{
603
+ ._inner_1cni33z_107::-webkit-scrollbar{
604
604
  width:7px;
605
605
  height:8px;
606
606
  }
607
607
 
608
- ._inner_1nrwgpp_107::-webkit-scrollbar-corner{
608
+ ._inner_1cni33z_107::-webkit-scrollbar-corner{
609
609
  background-color:transparent;
610
610
  }
611
611
 
612
- ._inner_1nrwgpp_107::-webkit-scrollbar-track{
612
+ ._inner_1cni33z_107::-webkit-scrollbar-track{
613
613
  background-color:rgb(calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0)));
614
614
  }
615
615
 
616
- ._inner_1nrwgpp_107::-webkit-scrollbar-thumb{
616
+ ._inner_1cni33z_107::-webkit-scrollbar-thumb{
617
617
  width:7px;
618
618
 
619
619
  border-radius:7px;
@@ -621,38 +621,38 @@
621
621
  background:#8C8C8E;
622
622
  }
623
623
 
624
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._inner_1nrwgpp_107{
624
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107{
625
625
  scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
626
626
  }
627
627
 
628
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._inner_1nrwgpp_107::-webkit-scrollbar-track{
628
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107::-webkit-scrollbar-track{
629
629
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
630
630
  }
631
631
  }
632
632
 
633
- ._inner_1nrwgpp_107:focus{
633
+ ._inner_1cni33z_107:focus{
634
634
  outline:none;
635
635
  }
636
636
 
637
- ._inner_1nrwgpp_107::placeholder{
637
+ ._inner_1cni33z_107::placeholder{
638
638
  opacity:1;
639
639
 
640
640
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
641
641
  }
642
642
 
643
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._inner_1nrwgpp_107::placeholder{
643
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107::placeholder{
644
644
  color:var(--_rs-textarea-focused-placeholder-color);
645
645
  }
646
646
 
647
- ._disabled_1nrwgpp_66 ._inner_1nrwgpp_107{
647
+ ._disabled_1cni33z_66 ._inner_1cni33z_107{
648
648
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
649
649
  }
650
650
 
651
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._inner_1nrwgpp_107{
651
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107{
652
652
  color:var(--_rs-textarea-focused-color);
653
653
  }
654
654
 
655
- ._clearIcon_1nrwgpp_200{
655
+ ._clearIcon_1cni33z_200{
656
656
  position:absolute;
657
657
  top:var(--_rs-textarea-vertical-padding);
658
658
  right:var(--_rs-textarea-horizontal-padding);
@@ -672,38 +672,38 @@
672
672
  appearance:none;
673
673
  }
674
674
 
675
- ._clearIcon_1nrwgpp_200:focus{
675
+ ._clearIcon_1cni33z_200:focus{
676
676
  outline:none;
677
677
  }
678
678
 
679
- ._disabled_1nrwgpp_66 ._clearIcon_1nrwgpp_200{
679
+ ._disabled_1cni33z_66 ._clearIcon_1cni33z_200{
680
680
  pointer-events:none;
681
681
 
682
682
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
683
683
  }
684
684
 
685
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._clearIcon_1nrwgpp_200{
685
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._clearIcon_1cni33z_200{
686
686
  color:var(--_rs-textarea-focused-clear-icon-color);
687
687
  }
688
688
 
689
689
  @media (hover: hover){
690
- ._enabled_1nrwgpp_79 ._clearIcon_1nrwgpp_200:hover{
690
+ ._enabled_1cni33z_79 ._clearIcon_1cni33z_200:hover{
691
691
  color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
692
692
  }
693
693
 
694
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._clearIcon_1nrwgpp_200:hover{
694
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._clearIcon_1cni33z_200:hover{
695
695
  color:var(--_rs-textarea-focused-clear-icon-accent-color);
696
696
  }
697
697
  }
698
698
 
699
- ._clearIcon_1nrwgpp_200 ._icon_1nrwgpp_242{
699
+ ._clearIcon_1cni33z_200 ._icon_1cni33z_242{
700
700
  fill:currentColor;
701
701
 
702
702
  width:auto;
703
703
  height:var(--_rs-textarea-icon-size);
704
704
  }
705
705
 
706
- ._busyIcon_1nrwgpp_250{
706
+ ._busyIcon_1cni33z_250{
707
707
  position:absolute;
708
708
  right:var(--_rs-textarea-horizontal-padding);
709
709
  bottom:var(--_rs-textarea-vertical-padding);
@@ -715,15 +715,15 @@
715
715
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.7);
716
716
  }
717
717
 
718
- ._disabled_1nrwgpp_66 ._busyIcon_1nrwgpp_250{
718
+ ._disabled_1cni33z_66 ._busyIcon_1cni33z_250{
719
719
  color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
720
720
  }
721
721
 
722
- ._enabled_1nrwgpp_79._focused_1nrwgpp_79 ._busyIcon_1nrwgpp_250{
722
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._busyIcon_1cni33z_250{
723
723
  color:var(--_rs-textarea-focused-busy-icon-color);
724
724
  }
725
725
 
726
- ._label_1nrwgpp_32{
726
+ ._label_1cni33z_32{
727
727
  letter-spacing:var(
728
728
  --rs-text-base-letter-spacing,
729
729
  var(--_rs-typography-letter-spacing)
@@ -743,14 +743,14 @@
743
743
  margin-bottom:4px;
744
744
  }
745
745
 
746
- ._disabled_1nrwgpp_66 ._label_1nrwgpp_32{
746
+ ._disabled_1cni33z_66 ._label_1cni33z_32{
747
747
  color:var(
748
748
  --rs-color-pale,
749
749
  rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
750
750
  );
751
751
  }
752
752
 
753
- ._footer_1nrwgpp_281{
753
+ ._footer_1cni33z_281{
754
754
  display:grid;
755
755
  grid-template-areas:"note character-counter" "error-message character-counter";
756
756
  grid-template-columns:1fr auto;
@@ -761,11 +761,11 @@
761
761
  margin-top:4px;
762
762
  }
763
763
 
764
- ._error_1nrwgpp_60 ._footer_1nrwgpp_281{
764
+ ._error_1cni33z_60 ._footer_1cni33z_281{
765
765
  grid-template-areas:"error-message character-counter" "note character-counter";
766
766
  }
767
767
 
768
- ._characterCounter_1nrwgpp_300{
768
+ ._characterCounter_1cni33z_300{
769
769
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
770
770
  --_rs-typography-text-transform:initial;
771
771
  --_rs-typography-font-variant-numeric:initial;
@@ -828,11 +828,11 @@
828
828
  margin-left:16px;
829
829
  }
830
830
 
831
- ._errorMessage_1nrwgpp_309{
831
+ ._errorMessage_1cni33z_309{
832
832
  grid-area:error-message;
833
833
  }
834
834
 
835
- ._note_1nrwgpp_313{
835
+ ._note_1cni33z_313{
836
836
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
837
837
  --_rs-typography-text-transform:initial;
838
838
  --_rs-typography-font-variant-numeric:initial;
@@ -893,7 +893,7 @@
893
893
  grid-area:note;
894
894
  }
895
895
 
896
- ._disabled_1nrwgpp_66 ._note_1nrwgpp_313{
896
+ ._disabled_1cni33z_66 ._note_1cni33z_313{
897
897
  --_rs-typography-hardness-color:var(
898
898
  --rs-color-pale,
899
899
  rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
package/lib/textarea.p.module.css.js CHANGED
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_1nrwgpp_8","themeDark":"_themeDark_1nrwgpp_11","sizeS":"_sizeS_1nrwgpp_15","sizeM":"_sizeM_1nrwgpp_18","sizeL":"_sizeL_1nrwgpp_21","classic":"_classic_1nrwgpp_25","rock":"_rock_1nrwgpp_28","labelWrapper":"_labelWrapper_1nrwgpp_32","wrapper":"_wrapper_1nrwgpp_40","error":"_error_1nrwgpp_60","disabled":"_disabled_1nrwgpp_66","enabled":"_enabled_1nrwgpp_79","focused":"_focused_1nrwgpp_79","filled":"_filled_1nrwgpp_85","inner":"_inner_1nrwgpp_107","clearable":"_clearable_1nrwgpp_135","clearIcon":"_clearIcon_1nrwgpp_200","icon":"_icon_1nrwgpp_242","busyIcon":"_busyIcon_1nrwgpp_250","label":"_label_1nrwgpp_32","footer":"_footer_1nrwgpp_281","characterCounter":"_characterCounter_1nrwgpp_300","errorMessage":"_errorMessage_1nrwgpp_309","note":"_note_1nrwgpp_313"};
1
+ var styles = {"themeLight":"_themeLight_1cni33z_8","themeDark":"_themeDark_1cni33z_11","sizeS":"_sizeS_1cni33z_15","sizeM":"_sizeM_1cni33z_18","sizeL":"_sizeL_1cni33z_21","classic":"_classic_1cni33z_25","rock":"_rock_1cni33z_28","labelWrapper":"_labelWrapper_1cni33z_32","wrapper":"_wrapper_1cni33z_40","error":"_error_1cni33z_60","disabled":"_disabled_1cni33z_66","enabled":"_enabled_1cni33z_79","focused":"_focused_1cni33z_79","filled":"_filled_1cni33z_85","inner":"_inner_1cni33z_107","clearable":"_clearable_1cni33z_135","clearIcon":"_clearIcon_1cni33z_200","icon":"_icon_1cni33z_242","busyIcon":"_busyIcon_1cni33z_250","label":"_label_1cni33z_32","footer":"_footer_1cni33z_281","characterCounter":"_characterCounter_1cni33z_300","errorMessage":"_errorMessage_1cni33z_309","note":"_note_1cni33z_313"};
2
2
 
3
3
  export { styles as default };
package/llm/components/textarea.md CHANGED
@@ -10,7 +10,7 @@ The Textarea component creates a box where users can enter and edit text.
10
10
 
11
11
  ### Simple usage
12
12
 
13
- ```tsx
13
+ ```jsx
14
14
  import { Textarea } from '@rescui/textarea';
15
15
 
16
16
  <div style={{ maxWidth: 400 }}>
@@ -20,7 +20,7 @@ import { Textarea } from '@rescui/textarea';
20
20
 
21
21
  ### With clear button
22
22
 
23
- ```tsx
23
+ ```jsx
24
24
  import { useState } from 'react';
25
25
  import { Textarea } from '@rescui/textarea';
26
26
 
@@ -44,7 +44,7 @@ render(<Demo />);
44
44
 
45
45
  ### With character counter
46
46
 
47
- ```tsx
47
+ ```jsx
48
48
  import { useState } from 'react';
49
49
  import { Textarea } from '@rescui/textarea';
50
50
 
@@ -83,7 +83,7 @@ render(<Demo />);
83
83
 
84
84
  Use the controls to see the effect at different viewport widths.
85
85
 
86
- ```tsx
86
+ ```jsx
87
87
  import { Textarea } from '@rescui/textarea';
88
88
 
89
89
  const MyTextarea = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.15.0",
3
+ "version": "0.16.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -38,5 +38,5 @@
38
38
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "1727159a4964c39ee3e7d8cc3cd32ad007c72416"
41
+ "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
42
42
  }