@rescui/textarea 0.14.3 → 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 +119 -103
  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_g46ng3_4",
3
- "sizeXS": "_sizeXS_g46ng3_14",
4
- "sizeS": "_sizeS_g46ng3_18",
5
- "sizeM": "_sizeM_g46ng3_22",
6
- "sizeL": "_sizeL_g46ng3_26",
7
- "light": "_light_g46ng3_30",
8
- "dark": "_dark_g46ng3_34",
9
- "allVariants": "_allVariants_g46ng3_48",
10
- "variant16": "_variant16_g46ng3_53",
11
- "variant20": "_variant20_g46ng3_54",
12
- "variant24": "_variant24_g46ng3_55",
13
- "variant28": "_variant28_g46ng3_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_g46ng3_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_g46ng3_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_g46ng3_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_g46ng3_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_g46ng3_14{
41
+ ._sizeXS_8et0sh_14{
42
42
  --_rs-icons-height:16px;
43
43
  }
44
44
 
45
- ._sizeS_g46ng3_18{
45
+ ._sizeS_8et0sh_18{
46
46
  --_rs-icons-height:20px;
47
47
  }
48
48
 
49
- ._sizeM_g46ng3_22{
49
+ ._sizeM_8et0sh_22{
50
50
  --_rs-icons-height:24px;
51
51
  }
52
52
 
53
- ._sizeL_g46ng3_26{
53
+ ._sizeL_8et0sh_26{
54
54
  --_rs-icons-height:28px;
55
55
  }
56
56
 
57
- ._light_g46ng3_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_g46ng3_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_g46ng3_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_g46ng3_53,
81
- ._variant20_g46ng3_54,
82
- ._variant24_g46ng3_55{
80
+ ._variant16_8et0sh_53,
81
+ ._variant20_8et0sh_54,
82
+ ._variant24_8et0sh_55{
83
83
  display:none;
84
84
  }
85
- ._variant28_g46ng3_58{
85
+ ._variant28_8et0sh_58{
86
86
  display:block;
87
87
  }
88
88
  @container rs-icon (max-height: 24px){
89
- ._variant24_g46ng3_55{
89
+ ._variant24_8et0sh_55{
90
90
  display:block;
91
91
  }
92
- ._variant28_g46ng3_58{
92
+ ._variant28_8et0sh_58{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 20px){
97
- ._variant20_g46ng3_54{
97
+ ._variant20_8et0sh_54{
98
98
  display:block;
99
99
  }
100
- ._variant24_g46ng3_55{
100
+ ._variant24_8et0sh_55{
101
101
  display:none;
102
102
  }
103
103
  }
104
104
  @container rs-icon (max-height: 16px){
105
- ._variant16_g46ng3_53{
105
+ ._variant16_8et0sh_53{
106
106
  display:block;
107
107
  }
108
- ._variant20_g46ng3_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_1mlhwda_8{
118
+ ._themeLight_1cni33z_8{
119
119
  --rs-theme-dark:0;
120
120
  }
121
- ._themeDark_1mlhwda_11{
121
+ ._themeDark_1cni33z_11{
122
122
  --rs-theme-dark:1;
123
123
  }
124
124
 
125
- ._sizeS_1mlhwda_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_1mlhwda_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_1mlhwda_15 [data-rs-internal='textarea__label'],
137
- ._sizeS_1mlhwda_15 [data-rs-internal='textarea__inner'],
138
- ._sizeS_1mlhwda_15 [data-rs-internal='textarea__inner']::placeholder,
139
- ._sizeS_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_18 [data-rs-internal='textarea__label'],
217
- ._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner'],
218
- ._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner']::placeholder,
219
- ._sizeM_1mlhwda_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_1mlhwda_18 [data-rs-internal='textarea__label'],
259
- ._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner'],
260
- ._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner']::placeholder,
261
- ._sizeM_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_21 [data-rs-internal='textarea__label'],
307
- ._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner'],
308
- ._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner']::placeholder,
309
- ._sizeL_1mlhwda_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_1mlhwda_21 [data-rs-internal='textarea__label'],
349
- ._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner'],
350
- ._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner']::placeholder,
351
- ._sizeL_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_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_1mlhwda_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,20 +478,23 @@
478
478
 
479
479
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
480
480
 
481
- ._labelWrapper_1mlhwda_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_1mlhwda_32 {
487
+ ._labelWrapper_1cni33z_32 {
488
488
 
489
489
  display:block;
490
490
  }
491
491
 
492
- ._wrapper_1mlhwda_40{
492
+ ._wrapper_1cni33z_40{
493
493
  --_rs-textarea-border-width:1px;
494
- --_rs-textarea-border-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.2);
494
+ --_rs-textarea-border-color:rgba(
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 - .1 * var(--_rs-theme-dark-coefficient, 0))
497
+ );
495
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)));
496
499
 
497
500
  position:relative;
@@ -506,40 +509,53 @@
506
509
  box-shadow:inset 0 0 0 var(--_rs-textarea-border-width) var(--_rs-textarea-border-color);
507
510
  }
508
511
 
509
- ._error_1mlhwda_57 ._wrapper_1mlhwda_40{
512
+ ._error_1cni33z_60 ._wrapper_1cni33z_40{
510
513
  --_rs-textarea-border-width:2px;
511
514
  --_rs-textarea-border-color:var(--_rs-color-danger);
512
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)));
513
516
  }
514
517
 
515
- ._disabled_1mlhwda_63 ._wrapper_1mlhwda_40{
516
- --_rs-textarea-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)));
518
+ ._disabled_1cni33z_66 ._wrapper_1cni33z_40{
519
+ --_rs-textarea-border-color:rgba(
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
+ calc(.5 - .1 * var(--_rs-theme-dark-coefficient, 0))
522
+ );
523
+ --_rs-textarea-background-color:rgba(
524
+ 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)),
525
+ 0.05
526
+ );
517
527
 
518
528
  cursor:default;
519
529
  }
520
530
 
521
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._wrapper_1mlhwda_40{
531
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._wrapper_1cni33z_40{
522
532
  --_rs-textarea-background-color:var(
523
533
  --_rs-textarea-focused-background-color
524
534
  );
525
535
  }
526
536
 
527
- ._enabled_1mlhwda_69:not(._error_1mlhwda_57)._filled_1mlhwda_75 ._wrapper_1mlhwda_40{
528
- --_rs-textarea-border-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.3);
537
+ ._enabled_1cni33z_79:not(._error_1cni33z_60)._filled_1cni33z_85 ._wrapper_1cni33z_40{
538
+ --_rs-textarea-border-color:rgba(
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 - .1 * var(--_rs-theme-dark-coefficient, 0))
541
+ );
529
542
  }
530
543
 
531
544
  @media (hover: hover){
532
- ._enabled_1mlhwda_69:not(._error_1mlhwda_57):hover ._wrapper_1mlhwda_40{
533
- --_rs-textarea-border-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);
545
+ ._enabled_1cni33z_79:not(._error_1cni33z_60):hover ._wrapper_1cni33z_40{
546
+ --_rs-textarea-border-color:rgba(
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(.7 - .1 * var(--_rs-theme-dark-coefficient, 0))
549
+ );
534
550
  }
535
551
  }
536
552
 
537
- ._enabled_1mlhwda_69:not(._error_1mlhwda_57)._focused_1mlhwda_69 ._wrapper_1mlhwda_40{
553
+ ._enabled_1cni33z_79:not(._error_1cni33z_60)._focused_1cni33z_79 ._wrapper_1cni33z_40{
538
554
  --_rs-textarea-border-width:var(--_rs-textarea-focused-border-width);
539
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)));
540
556
  }
541
557
 
542
- ._inner_1mlhwda_91{
558
+ ._inner_1cni33z_107{
543
559
  letter-spacing:var(
544
560
  --rs-text-base-letter-spacing,
545
561
  var(--_rs-typography-letter-spacing)
@@ -573,31 +589,31 @@
573
589
  appearance:none;
574
590
  }
575
591
 
576
- ._clearable_1mlhwda_119 ._inner_1mlhwda_91{
592
+ ._clearable_1cni33z_135 ._inner_1cni33z_107{
577
593
  padding-right:calc(var(--_rs-textarea-horizontal-padding) + var(--_rs-textarea-icon-size) + var(--_rs-textarea-icon-offset) - var(--_rs-textarea-border-width));
578
594
  }
579
595
 
580
596
  @media (hover: hover){
581
597
 
582
- ._inner_1mlhwda_91{
598
+ ._inner_1cni33z_107{
583
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)));
584
600
  scrollbar-width:thin
585
601
  }
586
602
 
587
- ._inner_1mlhwda_91::-webkit-scrollbar{
603
+ ._inner_1cni33z_107::-webkit-scrollbar{
588
604
  width:7px;
589
605
  height:8px;
590
606
  }
591
607
 
592
- ._inner_1mlhwda_91::-webkit-scrollbar-corner{
608
+ ._inner_1cni33z_107::-webkit-scrollbar-corner{
593
609
  background-color:transparent;
594
610
  }
595
611
 
596
- ._inner_1mlhwda_91::-webkit-scrollbar-track{
612
+ ._inner_1cni33z_107::-webkit-scrollbar-track{
597
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)));
598
614
  }
599
615
 
600
- ._inner_1mlhwda_91::-webkit-scrollbar-thumb{
616
+ ._inner_1cni33z_107::-webkit-scrollbar-thumb{
601
617
  width:7px;
602
618
 
603
619
  border-radius:7px;
@@ -605,38 +621,38 @@
605
621
  background:#8C8C8E;
606
622
  }
607
623
 
608
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91{
624
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107{
609
625
  scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
610
626
  }
611
627
 
612
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91::-webkit-scrollbar-track{
628
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107::-webkit-scrollbar-track{
613
629
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
614
630
  }
615
631
  }
616
632
 
617
- ._inner_1mlhwda_91:focus{
633
+ ._inner_1cni33z_107:focus{
618
634
  outline:none;
619
635
  }
620
636
 
621
- ._inner_1mlhwda_91::placeholder{
637
+ ._inner_1cni33z_107::placeholder{
622
638
  opacity:1;
623
639
 
624
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);
625
641
  }
626
642
 
627
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91::placeholder{
643
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107::placeholder{
628
644
  color:var(--_rs-textarea-focused-placeholder-color);
629
645
  }
630
646
 
631
- ._disabled_1mlhwda_63 ._inner_1mlhwda_91{
647
+ ._disabled_1cni33z_66 ._inner_1cni33z_107{
632
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);
633
649
  }
634
650
 
635
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91{
651
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._inner_1cni33z_107{
636
652
  color:var(--_rs-textarea-focused-color);
637
653
  }
638
654
 
639
- ._clearIcon_1mlhwda_184{
655
+ ._clearIcon_1cni33z_200{
640
656
  position:absolute;
641
657
  top:var(--_rs-textarea-vertical-padding);
642
658
  right:var(--_rs-textarea-horizontal-padding);
@@ -656,38 +672,38 @@
656
672
  appearance:none;
657
673
  }
658
674
 
659
- ._clearIcon_1mlhwda_184:focus{
675
+ ._clearIcon_1cni33z_200:focus{
660
676
  outline:none;
661
677
  }
662
678
 
663
- ._disabled_1mlhwda_63 ._clearIcon_1mlhwda_184{
679
+ ._disabled_1cni33z_66 ._clearIcon_1cni33z_200{
664
680
  pointer-events:none;
665
681
 
666
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);
667
683
  }
668
684
 
669
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._clearIcon_1mlhwda_184{
685
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._clearIcon_1cni33z_200{
670
686
  color:var(--_rs-textarea-focused-clear-icon-color);
671
687
  }
672
688
 
673
689
  @media (hover: hover){
674
- ._enabled_1mlhwda_69 ._clearIcon_1mlhwda_184:hover{
690
+ ._enabled_1cni33z_79 ._clearIcon_1cni33z_200:hover{
675
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)));
676
692
  }
677
693
 
678
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._clearIcon_1mlhwda_184:hover{
694
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._clearIcon_1cni33z_200:hover{
679
695
  color:var(--_rs-textarea-focused-clear-icon-accent-color);
680
696
  }
681
697
  }
682
698
 
683
- ._clearIcon_1mlhwda_184 ._icon_1mlhwda_226{
699
+ ._clearIcon_1cni33z_200 ._icon_1cni33z_242{
684
700
  fill:currentColor;
685
701
 
686
702
  width:auto;
687
703
  height:var(--_rs-textarea-icon-size);
688
704
  }
689
705
 
690
- ._busyIcon_1mlhwda_234{
706
+ ._busyIcon_1cni33z_250{
691
707
  position:absolute;
692
708
  right:var(--_rs-textarea-horizontal-padding);
693
709
  bottom:var(--_rs-textarea-vertical-padding);
@@ -699,15 +715,15 @@
699
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);
700
716
  }
701
717
 
702
- ._disabled_1mlhwda_63 ._busyIcon_1mlhwda_234{
718
+ ._disabled_1cni33z_66 ._busyIcon_1cni33z_250{
703
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);
704
720
  }
705
721
 
706
- ._enabled_1mlhwda_69._focused_1mlhwda_69 ._busyIcon_1mlhwda_234{
722
+ ._enabled_1cni33z_79._focused_1cni33z_79 ._busyIcon_1cni33z_250{
707
723
  color:var(--_rs-textarea-focused-busy-icon-color);
708
724
  }
709
725
 
710
- ._label_1mlhwda_32{
726
+ ._label_1cni33z_32{
711
727
  letter-spacing:var(
712
728
  --rs-text-base-letter-spacing,
713
729
  var(--_rs-typography-letter-spacing)
@@ -727,14 +743,14 @@
727
743
  margin-bottom:4px;
728
744
  }
729
745
 
730
- ._disabled_1mlhwda_63 ._label_1mlhwda_32{
746
+ ._disabled_1cni33z_66 ._label_1cni33z_32{
731
747
  color:var(
732
748
  --rs-color-pale,
733
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)
734
750
  );
735
751
  }
736
752
 
737
- ._footer_1mlhwda_265{
753
+ ._footer_1cni33z_281{
738
754
  display:grid;
739
755
  grid-template-areas:"note character-counter" "error-message character-counter";
740
756
  grid-template-columns:1fr auto;
@@ -745,11 +761,11 @@
745
761
  margin-top:4px;
746
762
  }
747
763
 
748
- ._error_1mlhwda_57 ._footer_1mlhwda_265{
764
+ ._error_1cni33z_60 ._footer_1cni33z_281{
749
765
  grid-template-areas:"error-message character-counter" "note character-counter";
750
766
  }
751
767
 
752
- ._characterCounter_1mlhwda_284{
768
+ ._characterCounter_1cni33z_300{
753
769
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
754
770
  --_rs-typography-text-transform:initial;
755
771
  --_rs-typography-font-variant-numeric:initial;
@@ -812,11 +828,11 @@
812
828
  margin-left:16px;
813
829
  }
814
830
 
815
- ._errorMessage_1mlhwda_293{
831
+ ._errorMessage_1cni33z_309{
816
832
  grid-area:error-message;
817
833
  }
818
834
 
819
- ._note_1mlhwda_297{
835
+ ._note_1cni33z_313{
820
836
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
821
837
  --_rs-typography-text-transform:initial;
822
838
  --_rs-typography-font-variant-numeric:initial;
@@ -877,7 +893,7 @@
877
893
  grid-area:note;
878
894
  }
879
895
 
880
- ._disabled_1mlhwda_63 ._note_1mlhwda_297{
896
+ ._disabled_1cni33z_66 ._note_1cni33z_313{
881
897
  --_rs-typography-hardness-color:var(
882
898
  --rs-color-pale,
883
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_1mlhwda_8","themeDark":"_themeDark_1mlhwda_11","sizeS":"_sizeS_1mlhwda_15","sizeM":"_sizeM_1mlhwda_18","sizeL":"_sizeL_1mlhwda_21","classic":"_classic_1mlhwda_25","rock":"_rock_1mlhwda_28","labelWrapper":"_labelWrapper_1mlhwda_32","wrapper":"_wrapper_1mlhwda_40","error":"_error_1mlhwda_57","disabled":"_disabled_1mlhwda_63","enabled":"_enabled_1mlhwda_69","focused":"_focused_1mlhwda_69","filled":"_filled_1mlhwda_75","inner":"_inner_1mlhwda_91","clearable":"_clearable_1mlhwda_119","clearIcon":"_clearIcon_1mlhwda_184","icon":"_icon_1mlhwda_226","busyIcon":"_busyIcon_1mlhwda_234","label":"_label_1mlhwda_32","footer":"_footer_1mlhwda_265","characterCounter":"_characterCounter_1mlhwda_284","errorMessage":"_errorMessage_1mlhwda_293","note":"_note_1mlhwda_297"};
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.14.3",
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": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
41
+ "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
42
42
  }