@rescui/textarea 0.8.1 → 0.9.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 (7) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +153 -142
  3. package/lib/public-api.p.css +5 -3
  4. package/lib/public-api.pcss +5 -3
  5. package/lib/textarea.js +2 -2
  6. package/lib/textarea.p.module.css.js +20 -19
  7. package/package.json +5 -5
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_hncml0_4",
3
- "sizeXS": "_sizeXS_hncml0_14",
4
- "sizeS": "_sizeS_hncml0_18",
5
- "sizeM": "_sizeM_hncml0_22",
6
- "sizeL": "_sizeL_hncml0_26",
7
- "light": "_light_hncml0_30",
8
- "dark": "_dark_hncml0_34",
9
- "allVariants": "_allVariants_hncml0_48",
10
- "variant16": "_variant16_hncml0_53",
11
- "variant20": "_variant20_hncml0_54",
12
- "variant24": "_variant24_hncml0_55",
13
- "variant28": "_variant28_hncml0_58"
2
+ "icon": "_icon_56wzkp_4",
3
+ "sizeXS": "_sizeXS_56wzkp_14",
4
+ "sizeS": "_sizeS_56wzkp_18",
5
+ "sizeM": "_sizeM_56wzkp_22",
6
+ "sizeL": "_sizeL_56wzkp_26",
7
+ "light": "_light_56wzkp_30",
8
+ "dark": "_dark_56wzkp_34",
9
+ "allVariants": "_allVariants_56wzkp_48",
10
+ "variant16": "_variant16_56wzkp_53",
11
+ "variant20": "_variant20_56wzkp_54",
12
+ "variant24": "_variant24_56wzkp_55",
13
+ "variant28": "_variant28_56wzkp_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_hncml0_4{
1
+ ._icon_56wzkp_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_hncml0_4{
11
+ ._icon_56wzkp_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_hncml0_4{
20
+ ._icon_56wzkp_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_hncml0_4{
28
+ ._icon_56wzkp_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_hncml0_14{
35
+ ._sizeXS_56wzkp_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_hncml0_18{
38
+ ._sizeS_56wzkp_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_hncml0_22{
41
+ ._sizeM_56wzkp_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_hncml0_26{
44
+ ._sizeL_56wzkp_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_hncml0_30{
47
+ ._light_56wzkp_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_hncml0_34{
51
+ ._dark_56wzkp_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,57 +60,57 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_hncml0_48{
63
+ ._allVariants_56wzkp_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_hncml0_53,
68
- ._variant20_hncml0_54,
69
- ._variant24_hncml0_55{
67
+ ._variant16_56wzkp_53,
68
+ ._variant20_56wzkp_54,
69
+ ._variant24_56wzkp_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_hncml0_58{
72
+ ._variant28_56wzkp_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_hncml0_55{
76
+ ._variant24_56wzkp_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_hncml0_58{
79
+ ._variant28_56wzkp_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_hncml0_54{
84
+ ._variant20_56wzkp_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_hncml0_55{
87
+ ._variant24_56wzkp_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_hncml0_53{
92
+ ._variant16_56wzkp_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_hncml0_54{
95
+ ._variant20_56wzkp_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._themeLight_11buf2y_8{
99
+ ._themeLight_jtemng_8{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._themeDark_11buf2y_11{
102
+ ._themeDark_jtemng_11{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeS_11buf2y_15{
105
+ ._sizeS_jtemng_15{
106
106
  --_rs-textarea-vertical-padding:6px;
107
107
  --_rs-textarea-horizontal-padding:8px;
108
108
  --_rs-textarea-parts-offset:4px;
109
109
  }
110
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__busy-icon']:not(html){
110
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__busy-icon']:not(html){
111
111
  --_rs-icons-height:20px;
112
112
  }
113
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
113
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
114
114
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
115
115
  --_rs-typography-text-transform:initial;
116
116
  --_rs-typography-font-variant-numeric:initial;
@@ -144,10 +144,10 @@
144
144
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
145
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
146
  }
147
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__label'],
148
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__inner'],
149
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__inner']::placeholder,
150
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__suffix']{
147
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__label'],
148
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__inner'],
149
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__inner']::placeholder,
150
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__suffix']{
151
151
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
152
152
  --_rs-typography-text-transform:initial;
153
153
  --_rs-typography-font-variant-numeric:initial;
@@ -181,7 +181,7 @@
181
181
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
182
182
  --_rs-typography-link-border-bottom-width-from-text:1px;
183
183
  }
184
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__bold-label']{
184
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__bold-label']{
185
185
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
186
186
  --_rs-typography-text-transform:initial;
187
187
  --_rs-typography-font-variant-numeric:initial;
@@ -212,7 +212,7 @@
212
212
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
213
213
  --_rs-typography-link-border-bottom-width-from-text:2px;
214
214
  }
215
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__note']{
215
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__note']{
216
216
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
217
217
  --_rs-typography-text-transform:initial;
218
218
  --_rs-typography-font-variant-numeric:initial;
@@ -246,7 +246,7 @@
246
246
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
247
247
  --_rs-typography-link-border-bottom-width-from-text:1px;
248
248
  }
249
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__error-message']{
249
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__error-message']{
250
250
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
251
251
  --_rs-typography-text-transform:initial;
252
252
  --_rs-typography-font-variant-numeric:initial;
@@ -277,18 +277,18 @@
277
277
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
278
278
  --_rs-typography-link-border-bottom-width-from-text:2px;
279
279
  }
280
- ._sizeS_11buf2y_15 [data-rs-internal='textarea__error-icon']:not(html){
280
+ ._sizeS_jtemng_15 [data-rs-internal='textarea__error-icon']:not(html){
281
281
  --_rs-icons-height:20px;
282
282
  }
283
- ._sizeM_11buf2y_18{
283
+ ._sizeM_jtemng_18{
284
284
  --_rs-textarea-vertical-padding:8px;
285
285
  --_rs-textarea-horizontal-padding:8px;
286
286
  --_rs-textarea-parts-offset:8px;
287
287
  }
288
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__busy-icon']:not(html){
288
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__busy-icon']:not(html){
289
289
  --_rs-icons-height:24px;
290
290
  }
291
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
291
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
292
292
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
293
293
  --_rs-typography-text-transform:initial;
294
294
  --_rs-typography-font-variant-numeric:initial;
@@ -326,14 +326,14 @@
326
326
  --_rs-typography-link-border-bottom-width-from-text:1px;
327
327
  }
328
328
  @media screen and (max-width: 640px){
329
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
329
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
330
330
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
331
331
  }
332
332
  }
333
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__label'],
334
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__inner'],
335
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__inner']::placeholder,
336
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__suffix']{
333
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__label'],
334
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__inner'],
335
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__inner']::placeholder,
336
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__suffix']{
337
337
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
338
338
  --_rs-typography-text-transform:initial;
339
339
  --_rs-typography-font-variant-numeric:initial;
@@ -371,14 +371,14 @@
371
371
  --_rs-typography-link-border-bottom-width-from-text:1px;
372
372
  }
373
373
  @media screen and (max-width: 640px){
374
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__label'],
375
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__inner'],
376
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__inner']::placeholder,
377
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__suffix']{
374
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__label'],
375
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__inner'],
376
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__inner']::placeholder,
377
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__suffix']{
378
378
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
379
379
  }
380
380
  }
381
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__bold-label']{
381
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__bold-label']{
382
382
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
383
383
  --_rs-typography-text-transform:initial;
384
384
  --_rs-typography-font-variant-numeric:initial;
@@ -409,7 +409,7 @@
409
409
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
410
410
  --_rs-typography-link-border-bottom-width-from-text:2px;
411
411
  }
412
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__note']{
412
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__note']{
413
413
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
414
414
  --_rs-typography-text-transform:initial;
415
415
  --_rs-typography-font-variant-numeric:initial;
@@ -443,7 +443,7 @@
443
443
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
444
444
  --_rs-typography-link-border-bottom-width-from-text:1px;
445
445
  }
446
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__error-message']{
446
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__error-message']{
447
447
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
448
448
  --_rs-typography-text-transform:initial;
449
449
  --_rs-typography-font-variant-numeric:initial;
@@ -474,18 +474,18 @@
474
474
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
475
475
  --_rs-typography-link-border-bottom-width-from-text:2px;
476
476
  }
477
- ._sizeM_11buf2y_18 [data-rs-internal='textarea__error-icon']:not(html){
477
+ ._sizeM_jtemng_18 [data-rs-internal='textarea__error-icon']:not(html){
478
478
  --_rs-icons-height:20px;
479
479
  }
480
- ._sizeL_11buf2y_21{
480
+ ._sizeL_jtemng_21{
481
481
  --_rs-textarea-vertical-padding:12px;
482
482
  --_rs-textarea-horizontal-padding:16px;
483
483
  --_rs-textarea-parts-offset:8px;
484
484
  }
485
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__busy-icon']:not(html){
485
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__busy-icon']:not(html){
486
486
  --_rs-icons-height:28px;
487
487
  }
488
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
488
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
489
489
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
490
490
  --_rs-typography-text-transform:initial;
491
491
  --_rs-typography-font-variant-numeric:initial;
@@ -523,14 +523,14 @@
523
523
  --_rs-typography-link-border-bottom-width-from-text:1px;
524
524
  }
525
525
  @media screen and (max-width: 640px){
526
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
526
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
527
527
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
528
528
  }
529
529
  }
530
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__label'],
531
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__inner'],
532
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__inner']::placeholder,
533
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__suffix']{
530
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__label'],
531
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__inner'],
532
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__inner']::placeholder,
533
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__suffix']{
534
534
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
535
535
  --_rs-typography-text-transform:initial;
536
536
  --_rs-typography-font-variant-numeric:initial;
@@ -568,14 +568,14 @@
568
568
  --_rs-typography-link-border-bottom-width-from-text:1px;
569
569
  }
570
570
  @media screen and (max-width: 640px){
571
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__label'],
572
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__inner'],
573
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__inner']::placeholder,
574
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__suffix']{
571
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__label'],
572
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__inner'],
573
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__inner']::placeholder,
574
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__suffix']{
575
575
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
576
576
  }
577
577
  }
578
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__bold-label']{
578
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__bold-label']{
579
579
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
580
580
  --_rs-typography-text-transform:initial;
581
581
  --_rs-typography-font-variant-numeric:initial;
@@ -606,7 +606,7 @@
606
606
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
607
607
  --_rs-typography-link-border-bottom-width-from-text:2px;
608
608
  }
609
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__note']{
609
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__note']{
610
610
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
611
611
  --_rs-typography-text-transform:initial;
612
612
  --_rs-typography-font-variant-numeric:initial;
@@ -644,11 +644,11 @@
644
644
  --_rs-typography-link-border-bottom-width-from-text:1px;
645
645
  }
646
646
  @media screen and (max-width: 640px){
647
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__note']{
647
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__note']{
648
648
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
649
649
  }
650
650
  }
651
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__error-message']{
651
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__error-message']{
652
652
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
653
653
  --_rs-typography-text-transform:initial;
654
654
  --_rs-typography-font-variant-numeric:initial;
@@ -679,14 +679,15 @@
679
679
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
680
680
  --_rs-typography-link-border-bottom-width-from-text:2px;
681
681
  }
682
- ._sizeL_11buf2y_21 [data-rs-internal='textarea__error-icon']:not(html){
682
+ ._sizeL_jtemng_21 [data-rs-internal='textarea__error-icon']:not(html){
683
683
  --_rs-icons-height:24px;
684
684
  }
685
- ._classic_11buf2y_25{
685
+ ._classic_jtemng_25{
686
686
  --_rs-textarea-focused-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
687
687
  --_rs-textarea-focused-background-color:rgb(
688
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
688
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)
689
689
  );
690
+ --_rs-textarea-focused-border-width:2px;
690
691
  --_rs-textarea-focused-placeholder-color:rgba(
691
692
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
692
693
  0.5
@@ -696,14 +697,15 @@
696
697
  0.7
697
698
  );
698
699
  --_rs-textarea-focused-scrollbar-track-color:rgb(
699
- calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*136)
700
+ calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)
700
701
  );
701
702
  }
702
- ._rock_11buf2y_28{
703
+ ._rock_jtemng_28{
703
704
  --_rs-textarea-focused-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
704
705
  --_rs-textarea-focused-background-color:rgb(
705
706
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
706
707
  );
708
+ --_rs-textarea-focused-border-width:1px;
707
709
  --_rs-textarea-focused-placeholder-color:rgba(
708
710
  calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227),
709
711
  0.5
@@ -713,10 +715,10 @@
713
715
  0.7
714
716
  );
715
717
  --_rs-textarea-focused-scrollbar-track-color:rgb(
716
- calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(96 + var(--_rs-theme-dark-coefficient, 0)*136)
718
+ calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
717
719
  );
718
720
  }
719
- ._labelWrapper_11buf2y_32{
721
+ ._labelWrapper_jtemng_32{
720
722
  --_rs-theme-dark:var(
721
723
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
722
724
  var(--rs-theme-dark, 0)
@@ -726,7 +728,7 @@
726
728
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
727
729
  }
728
730
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
729
- ._labelWrapper_11buf2y_32{
731
+ ._labelWrapper_jtemng_32{
730
732
  --_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)));
731
733
  --_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)));
732
734
  --_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)));
@@ -735,7 +737,7 @@
735
737
  }
736
738
  }
737
739
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
738
- ._labelWrapper_11buf2y_32{
740
+ ._labelWrapper_jtemng_32{
739
741
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
740
742
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
741
743
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -743,22 +745,54 @@
743
745
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
744
746
  }
745
747
  }
746
- ._labelWrapper_11buf2y_32 {
748
+ ._labelWrapper_jtemng_32 {
747
749
 
748
750
  display:block;
749
751
  }
750
- ._wrapper_11buf2y_39{
752
+ ._wrapper_jtemng_39{
753
+ --_rs-textarea-border-width:1px;
754
+ --_rs-textarea-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
755
+ --_rs-textarea-background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
756
+
751
757
  position:relative;
752
758
 
753
759
  display:flex;
754
760
  flex-wrap:nowrap;
755
761
 
756
762
  cursor:text;
763
+
764
+ background-color:var(--_rs-textarea-background-color);
765
+
766
+ box-shadow:inset 0 0 0 var(--_rs-textarea-border-width) var(--_rs-textarea-border-color);
757
767
  }
758
- ._disabled_11buf2y_47 ._wrapper_11buf2y_39{
768
+ ._error_jtemng_56 ._wrapper_jtemng_39{
769
+ --_rs-textarea-border-width:2px;
770
+ --_rs-textarea-border-color:#F45C4A;
771
+ --_rs-textarea-background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
772
+ }
773
+ ._disabled_jtemng_62 ._wrapper_jtemng_39{
774
+ --_rs-textarea-background-color:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
775
+
759
776
  cursor:default;
760
777
  }
761
- ._inner_11buf2y_52{
778
+ ._enabled_jtemng_68._focused_jtemng_68 ._wrapper_jtemng_39{
779
+ --_rs-textarea-background-color:var(
780
+ --_rs-textarea-focused-background-color
781
+ );
782
+ }
783
+ ._enabled_jtemng_68:not(._error_jtemng_56)._filled_jtemng_74 ._wrapper_jtemng_39{
784
+ --_rs-textarea-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.3);
785
+ }
786
+ @media (hover: hover){
787
+ ._enabled_jtemng_68:not(._error_jtemng_56):hover ._wrapper_jtemng_39{
788
+ --_rs-textarea-border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
789
+ }
790
+ }
791
+ ._enabled_jtemng_68:not(._error_jtemng_56)._focused_jtemng_68 ._wrapper_jtemng_39{
792
+ --_rs-textarea-border-width:var(--_rs-textarea-focused-border-width);
793
+ --_rs-textarea-border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
794
+ }
795
+ ._inner_jtemng_90{
762
796
  letter-spacing:var(
763
797
  --rs-text-base-letter-spacing,
764
798
  var(--_rs-typography-letter-spacing)
@@ -771,114 +805,91 @@
771
805
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
772
806
  font-feature-settings:'kern', 'liga', 'calt';
773
807
 
774
- --_rs-textarea-border-width:1px;
808
+ position:relative;
775
809
 
776
810
  display:block;
777
811
  flex:1 1 100%;
778
812
 
779
813
  box-sizing:border-box;
780
814
  width:100%;
781
- margin:0;
815
+ margin:var(--_rs-textarea-border-width);
782
816
  padding:calc(var(--_rs-textarea-vertical-padding) - var(--_rs-textarea-border-width)) calc(var(--_rs-textarea-horizontal-padding) - var(--_rs-textarea-border-width));
783
817
 
784
- border:var(--_rs-textarea-border-width) solid rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
818
+ border:none;
785
819
  outline:none;
786
820
 
787
821
  resize:none;
788
822
 
789
823
  color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
790
- background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
824
+ background:transparent;
825
+ -webkit-appearance:none;
826
+ -moz-appearance:none;
827
+ appearance:none;
791
828
  }
792
829
  @media (hover: hover){
793
- ._inner_11buf2y_52{
794
- scrollbar-color:#A3A3A4 rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*136));
830
+ ._inner_jtemng_90{
831
+ scrollbar-color:#8C8C8E rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
795
832
  scrollbar-width:thin
796
833
  }
797
834
 
798
- ._inner_11buf2y_52::-webkit-scrollbar{
835
+ ._inner_jtemng_90::-webkit-scrollbar{
799
836
  width:7px;
800
837
  height:8px;
801
838
  }
802
839
 
803
- ._inner_11buf2y_52::-webkit-scrollbar-corner{
840
+ ._inner_jtemng_90::-webkit-scrollbar-corner{
804
841
  background-color:transparent;
805
842
  }
806
843
 
807
- ._inner_11buf2y_52::-webkit-scrollbar-track{
808
- background-color:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*136));
844
+ ._inner_jtemng_90::-webkit-scrollbar-track{
845
+ background-color:rgb(calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181));
809
846
  }
810
847
 
811
- ._inner_11buf2y_52::-webkit-scrollbar-thumb{
848
+ ._inner_jtemng_90::-webkit-scrollbar-thumb{
812
849
  width:7px;
813
850
 
814
851
  border-radius:7px;
815
852
 
816
- background:#A3A3A4;
853
+ background:#8C8C8E;
817
854
  }
818
855
 
819
- ._focused_11buf2y_104 ._inner_11buf2y_52{
820
- scrollbar-color:#A3A3A4 var(--_rs-textarea-focused-scrollbar-track-color);
856
+ ._enabled_jtemng_68._focused_jtemng_68 ._inner_jtemng_90{
857
+ scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
821
858
  }
822
859
 
823
- ._focused_11buf2y_104 ._inner_11buf2y_52::-webkit-scrollbar-track{
860
+ ._enabled_jtemng_68._focused_jtemng_68 ._inner_jtemng_90::-webkit-scrollbar-track{
824
861
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
825
862
  }
826
863
  }
827
- ._inner_11buf2y_52:focus{
864
+ ._inner_jtemng_90:focus{
828
865
  outline:none;
829
866
  }
830
- ._inner_11buf2y_52::-moz-placeholder{
867
+ ._inner_jtemng_90::-moz-placeholder{
831
868
  opacity:1;
832
869
 
833
870
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
834
871
  }
835
- ._focused_11buf2y_104 ._inner_11buf2y_52::-moz-placeholder{
872
+ ._enabled_jtemng_68._focused_jtemng_68 ._inner_jtemng_90::-moz-placeholder{
836
873
  color:var(--_rs-textarea-focused-placeholder-color);
837
874
  }
838
- ._inner_11buf2y_52::placeholder{
875
+ ._inner_jtemng_90::placeholder{
839
876
  opacity:1;
840
877
 
841
878
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
842
879
  }
843
- ._focused_11buf2y_104 ._inner_11buf2y_52::placeholder{
880
+ ._enabled_jtemng_68._focused_jtemng_68 ._inner_jtemng_90::placeholder{
844
881
  color:var(--_rs-textarea-focused-placeholder-color);
845
882
  }
846
- ._focused_11buf2y_104 ._inner_11buf2y_52,
847
- ._error_11buf2y_129 ._inner_11buf2y_52{
848
- --_rs-textarea-border-width:2px;
849
- }
850
- ._inner_11buf2y_52._filled_11buf2y_133{
851
- border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.3);
852
- }
853
- @media (hover: hover){
854
- ._inner_11buf2y_52:hover{
855
- border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
856
-
857
- background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182));
858
- }
859
- }
860
- ._focused_11buf2y_104 ._inner_11buf2y_52{
861
- border-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
862
-
863
- color:var(--_rs-textarea-focused-color);
864
- background-color:var(--_rs-textarea-focused-background-color);
865
- }
866
- ._disabled_11buf2y_47 ._inner_11buf2y_52{
867
- border-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
868
-
883
+ ._disabled_jtemng_62 ._inner_jtemng_90{
869
884
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
870
-
871
- background-color:rgb(calc(244 - var(--_rs-theme-dark-coefficient, 0)*219), calc(244 - var(--_rs-theme-dark-coefficient, 0)*219), calc(244 - var(--_rs-theme-dark-coefficient, 0)*216));
872
885
  }
873
- ._labelWrapper_11buf2y_32._error_11buf2y_129 ._inner_11buf2y_52,
874
- ._labelWrapper_11buf2y_32._error_11buf2y_129 ._inner_11buf2y_52:hover,
875
- ._labelWrapper_11buf2y_32._error_11buf2y_129._focused_11buf2y_104 ._inner_11buf2y_52{
876
- border-color:#F45C4A;
886
+ ._enabled_jtemng_68._focused_jtemng_68 ._inner_jtemng_90{
887
+ color:var(--_rs-textarea-focused-color);
877
888
  }
878
- ._busyIcon_11buf2y_167{
889
+ ._busyIcon_jtemng_176{
879
890
  position:absolute;
880
- right:calc(var(--_rs-textarea-horizontal-padding) - 1px);
881
- bottom:calc(var(--_rs-textarea-vertical-padding) - 1px);
891
+ right:var(--_rs-textarea-horizontal-padding);
892
+ bottom:var(--_rs-textarea-vertical-padding);
882
893
 
883
894
  display:flex;
884
895
 
@@ -886,13 +897,13 @@
886
897
 
887
898
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.7);
888
899
  }
889
- ._focused_11buf2y_104 ._busyIcon_11buf2y_167{
890
- color:var(--_rs-textarea-focused-busy-icon-color);
891
- }
892
- ._disabled_11buf2y_47 ._busyIcon_11buf2y_167{
900
+ ._disabled_jtemng_62 ._busyIcon_jtemng_176{
893
901
  color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
894
902
  }
895
- ._errorMessage_11buf2y_187{
903
+ ._enabled_jtemng_68._focused_jtemng_68 ._busyIcon_jtemng_176{
904
+ color:var(--_rs-textarea-focused-busy-icon-color);
905
+ }
906
+ ._errorMessage_jtemng_196{
896
907
  letter-spacing:var(
897
908
  --rs-text-base-letter-spacing,
898
909
  var(--_rs-typography-letter-spacing)
@@ -914,12 +925,12 @@
914
925
  -moz-column-gap:8px;
915
926
  column-gap:8px;
916
927
  }
917
- ._errorIcon_11buf2y_199{
928
+ ._errorIcon_jtemng_208{
918
929
  flex:0 0 auto;
919
930
 
920
931
  color:#F45C4A;
921
932
  }
922
- ._note_11buf2y_205{
933
+ ._note_jtemng_214{
923
934
  letter-spacing:var(
924
935
  --rs-text-base-letter-spacing,
925
936
  var(--_rs-typography-letter-spacing)
@@ -938,16 +949,16 @@
938
949
 
939
950
  margin-top:var(--_rs-textarea-parts-offset);
940
951
  }
941
- ._disabled_11buf2y_47 ._note_11buf2y_205{
952
+ ._disabled_jtemng_62 ._note_jtemng_214{
942
953
  color:var(
943
954
  --rs-color-pale,
944
955
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
945
956
  );
946
957
  }
947
- ._errorMessage_11buf2y_187 + ._note_11buf2y_205{
958
+ ._errorMessage_jtemng_196 + ._note_jtemng_214{
948
959
  margin-top:calc(var(--_rs-textarea-parts-offset) - 4px);
949
960
  }
950
- ._label_11buf2y_32{
961
+ ._label_jtemng_32{
951
962
  letter-spacing:var(
952
963
  --rs-text-base-letter-spacing,
953
964
  var(--_rs-typography-letter-spacing)
@@ -966,7 +977,7 @@
966
977
 
967
978
  margin-bottom:var(--_rs-textarea-parts-offset);
968
979
  }
969
- ._disabled_11buf2y_47 ._label_11buf2y_32{
980
+ ._disabled_jtemng_62 ._label_jtemng_32{
970
981
  color:var(
971
982
  --rs-color-pale,
972
983
  rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5)
package/lib/public-api.p.css CHANGED
@@ -588,8 +588,9 @@
588
588
  &:not(html){
589
589
  --_rs-textarea-focused-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
590
590
  --_rs-textarea-focused-background-color:rgb(
591
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
591
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)
592
592
  );
593
+ --_rs-textarea-focused-border-width:2px;
593
594
  --_rs-textarea-focused-placeholder-color:rgba(
594
595
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
595
596
  0.5
@@ -599,7 +600,7 @@
599
600
  0.7
600
601
  );
601
602
  --_rs-textarea-focused-scrollbar-track-color:rgb(
602
- calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*136)
603
+ calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)
603
604
  );
604
605
  }
605
606
  }
@@ -609,6 +610,7 @@
609
610
  --_rs-textarea-focused-background-color:rgb(
610
611
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
611
612
  );
613
+ --_rs-textarea-focused-border-width:1px;
612
614
  --_rs-textarea-focused-placeholder-color:rgba(
613
615
  calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227),
614
616
  0.5
@@ -618,7 +620,7 @@
618
620
  0.7
619
621
  );
620
622
  --_rs-textarea-focused-scrollbar-track-color:rgb(
621
- calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(96 + var(--_rs-theme-dark-coefficient, 0)*136)
623
+ calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
622
624
  );
623
625
  }
624
626
  }
package/lib/public-api.pcss CHANGED
@@ -588,8 +588,9 @@
588
588
  &:not(html){
589
589
  --_rs-textarea-focused-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
590
590
  --_rs-textarea-focused-background-color:rgb(
591
- calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*184), calc(255 - var(--_rs-theme-dark-coefficient, 0)*182)
591
+ calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227)
592
592
  );
593
+ --_rs-textarea-focused-border-width:2px;
593
594
  --_rs-textarea-focused-placeholder-color:rgba(
594
595
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
595
596
  0.5
@@ -599,7 +600,7 @@
599
600
  0.7
600
601
  );
601
602
  --_rs-textarea-focused-scrollbar-track-color:rgb(
602
- calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*138), calc(232 - var(--_rs-theme-dark-coefficient, 0)*136)
603
+ calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*184), calc(232 - var(--_rs-theme-dark-coefficient, 0)*181)
603
604
  );
604
605
  }
605
606
  }
@@ -609,6 +610,7 @@
609
610
  --_rs-textarea-focused-background-color:rgb(
610
611
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227)
611
612
  );
613
+ --_rs-textarea-focused-border-width:1px;
612
614
  --_rs-textarea-focused-placeholder-color:rgba(
613
615
  calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227),
614
616
  0.5
@@ -618,7 +620,7 @@
618
620
  0.7
619
621
  );
620
622
  --_rs-textarea-focused-scrollbar-track-color:rgb(
621
- calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(94 + var(--_rs-theme-dark-coefficient, 0)*138), calc(96 + var(--_rs-theme-dark-coefficient, 0)*136)
623
+ calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(48 + var(--_rs-theme-dark-coefficient, 0)*184), calc(51 + var(--_rs-theme-dark-coefficient, 0)*181)
622
624
  );
623
625
  }
624
626
  }
package/lib/textarea.js CHANGED
@@ -45,7 +45,7 @@ const Textarea = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line comp
45
45
  const [focused, setFocused] = useState(false);
46
46
  return /*#__PURE__*/React.createElement("label", {
47
47
  ref: ref,
48
- className: cn(styles.labelWrapper, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], !!error && styles.error, disabled ? styles.disabled : styles.enabled, focused && styles.focused, boldLabel && styles.boldLabel, className),
48
+ className: cn(styles.labelWrapper, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], !!error && styles.error, disabled ? styles.disabled : styles.enabled, focused && styles.focused, boldLabel && styles.boldLabel, isEmpty ? styles.empty : styles.filled, className),
49
49
  id: id,
50
50
  "data-test": 'textarea'
51
51
  }, label && /*#__PURE__*/React.createElement("div", {
@@ -57,7 +57,7 @@ const Textarea = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line comp
57
57
  onFocus: () => setFocused(true),
58
58
  onBlur: () => setFocused(false)
59
59
  }, /*#__PURE__*/React.createElement(TextareaAutosize, { ...restProps,
60
- className: cn(styles.inner, isEmpty ? styles.empty : styles.filled),
60
+ className: styles.inner,
61
61
  disabled: disabled,
62
62
  value: value,
63
63
  onChange: onChange,
package/lib/textarea.p.module.css.js CHANGED
@@ -1,22 +1,23 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_11buf2y_8",
3
- "themeDark": "_themeDark_11buf2y_11",
4
- "sizeS": "_sizeS_11buf2y_15",
5
- "sizeM": "_sizeM_11buf2y_18",
6
- "sizeL": "_sizeL_11buf2y_21",
7
- "classic": "_classic_11buf2y_25",
8
- "rock": "_rock_11buf2y_28",
9
- "labelWrapper": "_labelWrapper_11buf2y_32",
10
- "wrapper": "_wrapper_11buf2y_39",
11
- "disabled": "_disabled_11buf2y_47",
12
- "inner": "_inner_11buf2y_52",
13
- "focused": "_focused_11buf2y_104",
14
- "error": "_error_11buf2y_129",
15
- "filled": "_filled_11buf2y_133",
16
- "busyIcon": "_busyIcon_11buf2y_167",
17
- "errorMessage": "_errorMessage_11buf2y_187",
18
- "errorIcon": "_errorIcon_11buf2y_199",
19
- "note": "_note_11buf2y_205",
20
- "label": "_label_11buf2y_32"
2
+ "themeLight": "_themeLight_jtemng_8",
3
+ "themeDark": "_themeDark_jtemng_11",
4
+ "sizeS": "_sizeS_jtemng_15",
5
+ "sizeM": "_sizeM_jtemng_18",
6
+ "sizeL": "_sizeL_jtemng_21",
7
+ "classic": "_classic_jtemng_25",
8
+ "rock": "_rock_jtemng_28",
9
+ "labelWrapper": "_labelWrapper_jtemng_32",
10
+ "wrapper": "_wrapper_jtemng_39",
11
+ "error": "_error_jtemng_56",
12
+ "disabled": "_disabled_jtemng_62",
13
+ "enabled": "_enabled_jtemng_68",
14
+ "focused": "_focused_jtemng_68",
15
+ "filled": "_filled_jtemng_74",
16
+ "inner": "_inner_jtemng_90",
17
+ "busyIcon": "_busyIcon_jtemng_176",
18
+ "errorMessage": "_errorMessage_jtemng_196",
19
+ "errorIcon": "_errorIcon_jtemng_208",
20
+ "note": "_note_jtemng_214",
21
+ "label": "_label_jtemng_32"
21
22
  };
22
23
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.8.1",
3
+ "version": "0.9.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -25,10 +25,10 @@
25
25
  "react": ">=16.8.0 <20"
26
26
  },
27
27
  "devDependencies": {
28
- "@rescui/colors": "^0.2.11",
28
+ "@rescui/colors": "^0.2.12",
29
29
  "@rescui/scripts": "^0.5.1",
30
- "@rescui/typography": "^0.24.1",
31
- "@rescui/visual-regression": "^0.1.3",
30
+ "@rescui/typography": "^0.24.2",
31
+ "@rescui/visual-regression": "^0.1.4",
32
32
  "@types/classnames": "^2.2.11"
33
33
  },
34
34
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "3f57184bd5ba6bc008d8bec7b4a76dbb231b3920"
39
+ "gitHead": "4c9832a9e5fc1fe7a9a0c863f73f7f14088e3fd5"
40
40
  }