@rescui/textarea 0.14.0 → 0.14.1

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 (4) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +99 -99
  3. package/lib/textarea.p.module.css.js +1 -1
  4. package/package.json +4 -4
package/lib/_virtual/index.css.js CHANGED
@@ -1,16 +1,16 @@
1
1
  var styles = {
2
- "icon": "_icon_1lt6eh4_4",
3
- "sizeXS": "_sizeXS_1lt6eh4_14",
4
- "sizeS": "_sizeS_1lt6eh4_18",
5
- "sizeM": "_sizeM_1lt6eh4_22",
6
- "sizeL": "_sizeL_1lt6eh4_26",
7
- "light": "_light_1lt6eh4_30",
8
- "dark": "_dark_1lt6eh4_34",
9
- "allVariants": "_allVariants_1lt6eh4_48",
10
- "variant16": "_variant16_1lt6eh4_53",
11
- "variant20": "_variant20_1lt6eh4_54",
12
- "variant24": "_variant24_1lt6eh4_55",
13
- "variant28": "_variant28_1lt6eh4_58"
2
+ "icon": "_icon_622m6a_4",
3
+ "sizeXS": "_sizeXS_622m6a_14",
4
+ "sizeS": "_sizeS_622m6a_18",
5
+ "sizeM": "_sizeM_622m6a_22",
6
+ "sizeL": "_sizeL_622m6a_26",
7
+ "light": "_light_622m6a_30",
8
+ "dark": "_dark_622m6a_34",
9
+ "allVariants": "_allVariants_622m6a_48",
10
+ "variant16": "_variant16_622m6a_53",
11
+ "variant20": "_variant20_622m6a_54",
12
+ "variant24": "_variant24_622m6a_55",
13
+ "variant28": "_variant28_622m6a_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_1lt6eh4_4{
6
+ ._icon_622m6a_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_1lt6eh4_4{
16
+ ._icon_622m6a_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_1lt6eh4_4{
25
+ ._icon_622m6a_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_1lt6eh4_4{
33
+ ._icon_622m6a_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_1lt6eh4_14{
41
+ ._sizeXS_622m6a_14{
42
42
  --_rs-icons-height:16px;
43
43
  }
44
44
 
45
- ._sizeS_1lt6eh4_18{
45
+ ._sizeS_622m6a_18{
46
46
  --_rs-icons-height:20px;
47
47
  }
48
48
 
49
- ._sizeM_1lt6eh4_22{
49
+ ._sizeM_622m6a_22{
50
50
  --_rs-icons-height:24px;
51
51
  }
52
52
 
53
- ._sizeL_1lt6eh4_26{
53
+ ._sizeL_622m6a_26{
54
54
  --_rs-icons-height:28px;
55
55
  }
56
56
 
57
- ._light_1lt6eh4_30{
57
+ ._light_622m6a_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_1lt6eh4_34{
61
+ ._dark_622m6a_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_1lt6eh4_48{
75
+ ._allVariants_622m6a_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_1lt6eh4_53,
81
- ._variant20_1lt6eh4_54,
82
- ._variant24_1lt6eh4_55{
80
+ ._variant16_622m6a_53,
81
+ ._variant20_622m6a_54,
82
+ ._variant24_622m6a_55{
83
83
  display:none;
84
84
  }
85
- ._variant28_1lt6eh4_58{
85
+ ._variant28_622m6a_58{
86
86
  display:block;
87
87
  }
88
88
  @container rs-icon (max-height: 24px){
89
- ._variant24_1lt6eh4_55{
89
+ ._variant24_622m6a_55{
90
90
  display:block;
91
91
  }
92
- ._variant28_1lt6eh4_58{
92
+ ._variant28_622m6a_58{
93
93
  display:none;
94
94
  }
95
95
  }
96
96
  @container rs-icon (max-height: 20px){
97
- ._variant20_1lt6eh4_54{
97
+ ._variant20_622m6a_54{
98
98
  display:block;
99
99
  }
100
- ._variant24_1lt6eh4_55{
100
+ ._variant24_622m6a_55{
101
101
  display:none;
102
102
  }
103
103
  }
104
104
  @container rs-icon (max-height: 16px){
105
- ._variant16_1lt6eh4_53{
105
+ ._variant16_622m6a_53{
106
106
  display:block;
107
107
  }
108
- ._variant20_1lt6eh4_54{
108
+ ._variant20_622m6a_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_92san9_8{
118
+ ._themeLight_y20tbj_8{
119
119
  --rs-theme-dark:0;
120
120
  }
121
- ._themeDark_92san9_11{
121
+ ._themeDark_y20tbj_11{
122
122
  --rs-theme-dark:1;
123
123
  }
124
124
 
125
- ._sizeS_92san9_15{
125
+ ._sizeS_y20tbj_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_92san9_15 [data-rs-internal='textarea__busy-icon']:not(html){
132
+ ._sizeS_y20tbj_15 [data-rs-internal='textarea__busy-icon']:not(html){
133
133
  --_rs-icons-height:20px;
134
134
  }
135
135
 
136
- ._sizeS_92san9_15 [data-rs-internal='textarea__label'],
137
- ._sizeS_92san9_15 [data-rs-internal='textarea__inner'],
138
- ._sizeS_92san9_15 [data-rs-internal='textarea__inner']::placeholder,
139
- ._sizeS_92san9_15 [data-rs-internal='textarea__suffix']{
136
+ ._sizeS_y20tbj_15 [data-rs-internal='textarea__label'],
137
+ ._sizeS_y20tbj_15 [data-rs-internal='textarea__inner'],
138
+ ._sizeS_y20tbj_15 [data-rs-internal='textarea__inner']::placeholder,
139
+ ._sizeS_y20tbj_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_92san9_15 [data-rs-internal='textarea__bold-label']{
175
+ ._sizeS_y20tbj_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_92san9_18{
207
+ ._sizeM_y20tbj_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_92san9_18 [data-rs-internal='textarea__busy-icon']:not(html){
213
+ ._sizeM_y20tbj_18 [data-rs-internal='textarea__busy-icon']:not(html){
214
214
  --_rs-icons-height:24px;
215
215
  }
216
- ._sizeM_92san9_18 [data-rs-internal='textarea__label'],
217
- ._sizeM_92san9_18 [data-rs-internal='textarea__inner'],
218
- ._sizeM_92san9_18 [data-rs-internal='textarea__inner']::placeholder,
219
- ._sizeM_92san9_18 [data-rs-internal='textarea__suffix']{
216
+ ._sizeM_y20tbj_18 [data-rs-internal='textarea__label'],
217
+ ._sizeM_y20tbj_18 [data-rs-internal='textarea__inner'],
218
+ ._sizeM_y20tbj_18 [data-rs-internal='textarea__inner']::placeholder,
219
+ ._sizeM_y20tbj_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_92san9_18 [data-rs-internal='textarea__label'],
259
- ._sizeM_92san9_18 [data-rs-internal='textarea__inner'],
260
- ._sizeM_92san9_18 [data-rs-internal='textarea__inner']::placeholder,
261
- ._sizeM_92san9_18 [data-rs-internal='textarea__suffix']{
258
+ ._sizeM_y20tbj_18 [data-rs-internal='textarea__label'],
259
+ ._sizeM_y20tbj_18 [data-rs-internal='textarea__inner'],
260
+ ._sizeM_y20tbj_18 [data-rs-internal='textarea__inner']::placeholder,
261
+ ._sizeM_y20tbj_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_92san9_18 [data-rs-internal='textarea__bold-label']{
265
+ ._sizeM_y20tbj_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_92san9_21{
297
+ ._sizeL_y20tbj_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_92san9_21 [data-rs-internal='textarea__busy-icon']:not(html){
303
+ ._sizeL_y20tbj_21 [data-rs-internal='textarea__busy-icon']:not(html){
304
304
  --_rs-icons-height:28px;
305
305
  }
306
- ._sizeL_92san9_21 [data-rs-internal='textarea__label'],
307
- ._sizeL_92san9_21 [data-rs-internal='textarea__inner'],
308
- ._sizeL_92san9_21 [data-rs-internal='textarea__inner']::placeholder,
309
- ._sizeL_92san9_21 [data-rs-internal='textarea__suffix']{
306
+ ._sizeL_y20tbj_21 [data-rs-internal='textarea__label'],
307
+ ._sizeL_y20tbj_21 [data-rs-internal='textarea__inner'],
308
+ ._sizeL_y20tbj_21 [data-rs-internal='textarea__inner']::placeholder,
309
+ ._sizeL_y20tbj_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_92san9_21 [data-rs-internal='textarea__label'],
349
- ._sizeL_92san9_21 [data-rs-internal='textarea__inner'],
350
- ._sizeL_92san9_21 [data-rs-internal='textarea__inner']::placeholder,
351
- ._sizeL_92san9_21 [data-rs-internal='textarea__suffix']{
348
+ ._sizeL_y20tbj_21 [data-rs-internal='textarea__label'],
349
+ ._sizeL_y20tbj_21 [data-rs-internal='textarea__inner'],
350
+ ._sizeL_y20tbj_21 [data-rs-internal='textarea__inner']::placeholder,
351
+ ._sizeL_y20tbj_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_92san9_21 [data-rs-internal='textarea__bold-label']{
355
+ ._sizeL_y20tbj_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_92san9_25{
388
+ ._classic_y20tbj_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_92san9_28{
413
+ ._rock_y20tbj_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_92san9_32{
439
+ ._labelWrapper_y20tbj_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_92san9_32{
451
+ ._labelWrapper_y20tbj_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_92san9_32{
462
+ ._labelWrapper_y20tbj_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_92san9_32{
473
+ ._labelWrapper_y20tbj_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,18 +478,18 @@
478
478
 
479
479
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
480
480
 
481
- ._labelWrapper_92san9_32{
481
+ ._labelWrapper_y20tbj_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_92san9_32 {
487
+ ._labelWrapper_y20tbj_32 {
488
488
 
489
489
  display:block;
490
490
  }
491
491
 
492
- ._wrapper_92san9_40{
492
+ ._wrapper_y20tbj_40{
493
493
  --_rs-textarea-border-width:1px;
494
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);
495
495
  --_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)));
@@ -506,40 +506,40 @@
506
506
  box-shadow:inset 0 0 0 var(--_rs-textarea-border-width) var(--_rs-textarea-border-color);
507
507
  }
508
508
 
509
- ._error_92san9_57 ._wrapper_92san9_40{
509
+ ._error_y20tbj_57 ._wrapper_y20tbj_40{
510
510
  --_rs-textarea-border-width:2px;
511
511
  --_rs-textarea-border-color:var(--_rs-color-danger);
512
512
  --_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
513
  }
514
514
 
515
- ._disabled_92san9_63 ._wrapper_92san9_40{
515
+ ._disabled_y20tbj_63 ._wrapper_y20tbj_40{
516
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)));
517
517
 
518
518
  cursor:default;
519
519
  }
520
520
 
521
- ._enabled_92san9_69._focused_92san9_69 ._wrapper_92san9_40{
521
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._wrapper_y20tbj_40{
522
522
  --_rs-textarea-background-color:var(
523
523
  --_rs-textarea-focused-background-color
524
524
  );
525
525
  }
526
526
 
527
- ._enabled_92san9_69:not(._error_92san9_57)._filled_92san9_75 ._wrapper_92san9_40{
527
+ ._enabled_y20tbj_69:not(._error_y20tbj_57)._filled_y20tbj_75 ._wrapper_y20tbj_40{
528
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);
529
529
  }
530
530
 
531
531
  @media (hover: hover){
532
- ._enabled_92san9_69:not(._error_92san9_57):hover ._wrapper_92san9_40{
532
+ ._enabled_y20tbj_69:not(._error_y20tbj_57):hover ._wrapper_y20tbj_40{
533
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);
534
534
  }
535
535
  }
536
536
 
537
- ._enabled_92san9_69:not(._error_92san9_57)._focused_92san9_69 ._wrapper_92san9_40{
537
+ ._enabled_y20tbj_69:not(._error_y20tbj_57)._focused_y20tbj_69 ._wrapper_y20tbj_40{
538
538
  --_rs-textarea-border-width:var(--_rs-textarea-focused-border-width);
539
539
  --_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
540
  }
541
541
 
542
- ._inner_92san9_91{
542
+ ._inner_y20tbj_91{
543
543
  letter-spacing:var(
544
544
  --rs-text-base-letter-spacing,
545
545
  var(--_rs-typography-letter-spacing)
@@ -573,31 +573,31 @@
573
573
  appearance:none;
574
574
  }
575
575
 
576
- ._clearable_92san9_119 ._inner_92san9_91{
576
+ ._clearable_y20tbj_119 ._inner_y20tbj_91{
577
577
  padding-right:calc(var(--_rs-textarea-horizontal-padding) + var(--_rs-textarea-icon-size) + var(--_rs-textarea-icon-offset) - var(--_rs-textarea-border-width));
578
578
  }
579
579
 
580
580
  @media (hover: hover){
581
581
 
582
- ._inner_92san9_91{
582
+ ._inner_y20tbj_91{
583
583
  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
584
  scrollbar-width:thin
585
585
  }
586
586
 
587
- ._inner_92san9_91::-webkit-scrollbar{
587
+ ._inner_y20tbj_91::-webkit-scrollbar{
588
588
  width:7px;
589
589
  height:8px;
590
590
  }
591
591
 
592
- ._inner_92san9_91::-webkit-scrollbar-corner{
592
+ ._inner_y20tbj_91::-webkit-scrollbar-corner{
593
593
  background-color:transparent;
594
594
  }
595
595
 
596
- ._inner_92san9_91::-webkit-scrollbar-track{
596
+ ._inner_y20tbj_91::-webkit-scrollbar-track{
597
597
  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
598
  }
599
599
 
600
- ._inner_92san9_91::-webkit-scrollbar-thumb{
600
+ ._inner_y20tbj_91::-webkit-scrollbar-thumb{
601
601
  width:7px;
602
602
 
603
603
  border-radius:7px;
@@ -605,38 +605,38 @@
605
605
  background:#8C8C8E;
606
606
  }
607
607
 
608
- ._enabled_92san9_69._focused_92san9_69 ._inner_92san9_91{
608
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._inner_y20tbj_91{
609
609
  scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
610
610
  }
611
611
 
612
- ._enabled_92san9_69._focused_92san9_69 ._inner_92san9_91::-webkit-scrollbar-track{
612
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._inner_y20tbj_91::-webkit-scrollbar-track{
613
613
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
614
614
  }
615
615
  }
616
616
 
617
- ._inner_92san9_91:focus{
617
+ ._inner_y20tbj_91:focus{
618
618
  outline:none;
619
619
  }
620
620
 
621
- ._inner_92san9_91::placeholder{
621
+ ._inner_y20tbj_91::placeholder{
622
622
  opacity:1;
623
623
 
624
624
  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
625
  }
626
626
 
627
- ._enabled_92san9_69._focused_92san9_69 ._inner_92san9_91::placeholder{
627
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._inner_y20tbj_91::placeholder{
628
628
  color:var(--_rs-textarea-focused-placeholder-color);
629
629
  }
630
630
 
631
- ._disabled_92san9_63 ._inner_92san9_91{
631
+ ._disabled_y20tbj_63 ._inner_y20tbj_91{
632
632
  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
633
  }
634
634
 
635
- ._enabled_92san9_69._focused_92san9_69 ._inner_92san9_91{
635
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._inner_y20tbj_91{
636
636
  color:var(--_rs-textarea-focused-color);
637
637
  }
638
638
 
639
- ._clearIcon_92san9_184{
639
+ ._clearIcon_y20tbj_184{
640
640
  position:absolute;
641
641
  top:var(--_rs-textarea-vertical-padding);
642
642
  right:var(--_rs-textarea-horizontal-padding);
@@ -656,38 +656,38 @@
656
656
  appearance:none;
657
657
  }
658
658
 
659
- ._clearIcon_92san9_184:focus{
659
+ ._clearIcon_y20tbj_184:focus{
660
660
  outline:none;
661
661
  }
662
662
 
663
- ._disabled_92san9_63 ._clearIcon_92san9_184{
663
+ ._disabled_y20tbj_63 ._clearIcon_y20tbj_184{
664
664
  pointer-events:none;
665
665
 
666
666
  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
667
  }
668
668
 
669
- ._enabled_92san9_69._focused_92san9_69 ._clearIcon_92san9_184{
669
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._clearIcon_y20tbj_184{
670
670
  color:var(--_rs-textarea-focused-clear-icon-color);
671
671
  }
672
672
 
673
673
  @media (hover: hover){
674
- ._enabled_92san9_69 ._clearIcon_92san9_184:hover{
674
+ ._enabled_y20tbj_69 ._clearIcon_y20tbj_184:hover{
675
675
  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
676
  }
677
677
 
678
- ._enabled_92san9_69._focused_92san9_69 ._clearIcon_92san9_184:hover{
678
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._clearIcon_y20tbj_184:hover{
679
679
  color:var(--_rs-textarea-focused-clear-icon-accent-color);
680
680
  }
681
681
  }
682
682
 
683
- ._clearIcon_92san9_184 ._icon_92san9_226{
683
+ ._clearIcon_y20tbj_184 ._icon_y20tbj_226{
684
684
  fill:currentColor;
685
685
 
686
686
  width:auto;
687
687
  height:var(--_rs-textarea-icon-size);
688
688
  }
689
689
 
690
- ._busyIcon_92san9_234{
690
+ ._busyIcon_y20tbj_234{
691
691
  position:absolute;
692
692
  right:var(--_rs-textarea-horizontal-padding);
693
693
  bottom:var(--_rs-textarea-vertical-padding);
@@ -699,15 +699,15 @@
699
699
  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
700
  }
701
701
 
702
- ._disabled_92san9_63 ._busyIcon_92san9_234{
702
+ ._disabled_y20tbj_63 ._busyIcon_y20tbj_234{
703
703
  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
704
  }
705
705
 
706
- ._enabled_92san9_69._focused_92san9_69 ._busyIcon_92san9_234{
706
+ ._enabled_y20tbj_69._focused_y20tbj_69 ._busyIcon_y20tbj_234{
707
707
  color:var(--_rs-textarea-focused-busy-icon-color);
708
708
  }
709
709
 
710
- ._label_92san9_32{
710
+ ._label_y20tbj_32{
711
711
  letter-spacing:var(
712
712
  --rs-text-base-letter-spacing,
713
713
  var(--_rs-typography-letter-spacing)
@@ -727,14 +727,14 @@
727
727
  margin-bottom:4px;
728
728
  }
729
729
 
730
- ._disabled_92san9_63 ._label_92san9_32{
730
+ ._disabled_y20tbj_63 ._label_y20tbj_32{
731
731
  color:var(
732
732
  --rs-color-pale,
733
733
  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
734
  );
735
735
  }
736
736
 
737
- ._footer_92san9_265{
737
+ ._footer_y20tbj_265{
738
738
  display:grid;
739
739
  grid-template-areas:"note character-counter" "error-message character-counter";
740
740
  grid-template-columns:1fr auto;
@@ -745,11 +745,11 @@
745
745
  margin-top:4px;
746
746
  }
747
747
 
748
- ._error_92san9_57 ._footer_92san9_265{
748
+ ._error_y20tbj_57 ._footer_y20tbj_265{
749
749
  grid-template-areas:"error-message character-counter" "note character-counter";
750
750
  }
751
751
 
752
- ._characterCounter_92san9_284{
752
+ ._characterCounter_y20tbj_284{
753
753
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
754
754
  --_rs-typography-text-transform:initial;
755
755
  --_rs-typography-font-variant-numeric:initial;
@@ -812,11 +812,11 @@
812
812
  margin-left:16px;
813
813
  }
814
814
 
815
- ._errorMessage_92san9_293{
815
+ ._errorMessage_y20tbj_293{
816
816
  grid-area:error-message;
817
817
  }
818
818
 
819
- ._note_92san9_297{
819
+ ._note_y20tbj_297{
820
820
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
821
821
  --_rs-typography-text-transform:initial;
822
822
  --_rs-typography-font-variant-numeric:initial;
@@ -877,7 +877,7 @@
877
877
  grid-area:note;
878
878
  }
879
879
 
880
- ._disabled_92san9_63 ._note_92san9_297{
880
+ ._disabled_y20tbj_63 ._note_y20tbj_297{
881
881
  --_rs-typography-hardness-color:var(
882
882
  --rs-color-pale,
883
883
  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_92san9_8","themeDark":"_themeDark_92san9_11","sizeS":"_sizeS_92san9_15","sizeM":"_sizeM_92san9_18","sizeL":"_sizeL_92san9_21","classic":"_classic_92san9_25","rock":"_rock_92san9_28","labelWrapper":"_labelWrapper_92san9_32","wrapper":"_wrapper_92san9_40","error":"_error_92san9_57","disabled":"_disabled_92san9_63","enabled":"_enabled_92san9_69","focused":"_focused_92san9_69","filled":"_filled_92san9_75","inner":"_inner_92san9_91","clearable":"_clearable_92san9_119","clearIcon":"_clearIcon_92san9_184","icon":"_icon_92san9_226","busyIcon":"_busyIcon_92san9_234","label":"_label_92san9_32","footer":"_footer_92san9_265","characterCounter":"_characterCounter_92san9_284","errorMessage":"_errorMessage_92san9_293","note":"_note_92san9_297"};
1
+ var styles = {"themeLight":"_themeLight_y20tbj_8","themeDark":"_themeDark_y20tbj_11","sizeS":"_sizeS_y20tbj_15","sizeM":"_sizeM_y20tbj_18","sizeL":"_sizeL_y20tbj_21","classic":"_classic_y20tbj_25","rock":"_rock_y20tbj_28","labelWrapper":"_labelWrapper_y20tbj_32","wrapper":"_wrapper_y20tbj_40","error":"_error_y20tbj_57","disabled":"_disabled_y20tbj_63","enabled":"_enabled_y20tbj_69","focused":"_focused_y20tbj_69","filled":"_filled_y20tbj_75","inner":"_inner_y20tbj_91","clearable":"_clearable_y20tbj_119","clearIcon":"_clearIcon_y20tbj_184","icon":"_icon_y20tbj_226","busyIcon":"_busyIcon_y20tbj_234","label":"_label_y20tbj_32","footer":"_footer_y20tbj_265","characterCounter":"_characterCounter_y20tbj_284","errorMessage":"_errorMessage_y20tbj_293","note":"_note_y20tbj_297"};
2
2
 
3
3
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -16,7 +16,7 @@
16
16
  "access": "public"
17
17
  },
18
18
  "dependencies": {
19
- "@rescui/form-field": "^0.3.0",
19
+ "@rescui/form-field": "^0.3.1",
20
20
  "classnames": "^2.2.6",
21
21
  "react-compiler-runtime": "^1.0.0",
22
22
  "react-textarea-autosize": "^8.3.4"
@@ -29,7 +29,7 @@
29
29
  "devDependencies": {
30
30
  "@rescui/colors": "^0.3.5",
31
31
  "@rescui/scripts": "^0.6.0",
32
- "@rescui/typography": "^0.29.0",
32
+ "@rescui/typography": "^0.30.0",
33
33
  "@rescui/visual-regression": "^0.1.4",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
@@ -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": "e3d19214955db8de3ac6dccdea512f9331332d29"
41
+ "gitHead": "bf5230351055bc038b125e0de66eaee52085973a"
42
42
  }