@rescui/textarea 0.12.0 → 0.12.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.
- package/lib/_virtual/index.css.js +12 -12
- package/lib/index.css +116 -106
- package/lib/public-api.p.css +5 -0
- package/lib/public-api.pcss +5 -0
- package/lib/textarea.js +2 -2
- package/lib/textarea.p.module.css.js +24 -24
- package/lib/use-safe-id.d.ts +4 -0
- package/lib/use-safe-id.js +10 -0
- package/package.json +5 -5
- package/lib/use-backward-compatible-id.d.ts +0 -4
- package/lib/use-backward-compatible-id.js +0 -14
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"icon": "
|
|
3
|
-
"sizeXS": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"light": "
|
|
8
|
-
"dark": "
|
|
9
|
-
"allVariants": "
|
|
10
|
-
"variant16": "
|
|
11
|
-
"variant20": "
|
|
12
|
-
"variant24": "
|
|
13
|
-
"variant28": "
|
|
2
|
+
"icon": "_icon_1npbgia_4",
|
|
3
|
+
"sizeXS": "_sizeXS_1npbgia_14",
|
|
4
|
+
"sizeS": "_sizeS_1npbgia_18",
|
|
5
|
+
"sizeM": "_sizeM_1npbgia_22",
|
|
6
|
+
"sizeL": "_sizeL_1npbgia_26",
|
|
7
|
+
"light": "_light_1npbgia_30",
|
|
8
|
+
"dark": "_dark_1npbgia_34",
|
|
9
|
+
"allVariants": "_allVariants_1npbgia_48",
|
|
10
|
+
"variant16": "_variant16_1npbgia_53",
|
|
11
|
+
"variant20": "_variant20_1npbgia_54",
|
|
12
|
+
"variant24": "_variant24_1npbgia_55",
|
|
13
|
+
"variant28": "_variant28_1npbgia_58"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
package/lib/index.css
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
@property --_rs-theme-dark-coefficient{
|
|
2
|
+
syntax:'<number>';
|
|
3
|
+
inherits:true;
|
|
4
|
+
initial-value:0;
|
|
5
|
+
}
|
|
6
|
+
._icon_1npbgia_4{
|
|
2
7
|
--_rs-theme-dark:var(
|
|
3
8
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
4
9
|
var(--rs-theme-dark, 0)
|
|
@@ -8,7 +13,7 @@
|
|
|
8
13
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
9
14
|
}
|
|
10
15
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
11
|
-
.
|
|
16
|
+
._icon_1npbgia_4{
|
|
12
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)));
|
|
13
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)));
|
|
14
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)));
|
|
@@ -17,7 +22,7 @@
|
|
|
17
22
|
}
|
|
18
23
|
}
|
|
19
24
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
20
|
-
.
|
|
25
|
+
._icon_1npbgia_4{
|
|
21
26
|
--_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
27
|
--_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
28
|
--_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 +30,30 @@
|
|
|
25
30
|
--_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
31
|
}
|
|
27
32
|
}
|
|
28
|
-
.
|
|
33
|
+
._icon_1npbgia_4{
|
|
29
34
|
|
|
30
35
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
31
36
|
|
|
32
37
|
width:var(--rs-icons-width, auto);
|
|
33
38
|
height:var(--rs-icons-height, var(--_rs-icons-height));
|
|
34
39
|
}
|
|
35
|
-
.
|
|
40
|
+
._sizeXS_1npbgia_14{
|
|
36
41
|
--_rs-icons-height:16px;
|
|
37
42
|
}
|
|
38
|
-
.
|
|
43
|
+
._sizeS_1npbgia_18{
|
|
39
44
|
--_rs-icons-height:20px;
|
|
40
45
|
}
|
|
41
|
-
.
|
|
46
|
+
._sizeM_1npbgia_22{
|
|
42
47
|
--_rs-icons-height:24px;
|
|
43
48
|
}
|
|
44
|
-
.
|
|
49
|
+
._sizeL_1npbgia_26{
|
|
45
50
|
--_rs-icons-height:28px;
|
|
46
51
|
}
|
|
47
|
-
.
|
|
52
|
+
._light_1npbgia_30{
|
|
48
53
|
--rs-theme-dark:0;
|
|
49
54
|
--_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
55
|
}
|
|
51
|
-
.
|
|
56
|
+
._dark_1npbgia_34{
|
|
52
57
|
--rs-theme-dark:1;
|
|
53
58
|
--_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
59
|
}
|
|
@@ -60,58 +65,63 @@
|
|
|
60
65
|
transform:rotate(360deg);
|
|
61
66
|
}
|
|
62
67
|
}
|
|
63
|
-
.
|
|
68
|
+
._allVariants_1npbgia_48{
|
|
64
69
|
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
65
70
|
container:rs-icon / size;
|
|
66
71
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
69
|
-
.
|
|
72
|
+
._variant16_1npbgia_53,
|
|
73
|
+
._variant20_1npbgia_54,
|
|
74
|
+
._variant24_1npbgia_55{
|
|
70
75
|
display:none;
|
|
71
76
|
}
|
|
72
|
-
.
|
|
77
|
+
._variant28_1npbgia_58{
|
|
73
78
|
display:block;
|
|
74
79
|
}
|
|
75
80
|
@container rs-icon (max-height: 24px){
|
|
76
|
-
.
|
|
81
|
+
._variant24_1npbgia_55{
|
|
77
82
|
display:block;
|
|
78
83
|
}
|
|
79
|
-
.
|
|
84
|
+
._variant28_1npbgia_58{
|
|
80
85
|
display:none;
|
|
81
86
|
}
|
|
82
87
|
}
|
|
83
88
|
@container rs-icon (max-height: 20px){
|
|
84
|
-
.
|
|
89
|
+
._variant20_1npbgia_54{
|
|
85
90
|
display:block;
|
|
86
91
|
}
|
|
87
|
-
.
|
|
92
|
+
._variant24_1npbgia_55{
|
|
88
93
|
display:none;
|
|
89
94
|
}
|
|
90
95
|
}
|
|
91
96
|
@container rs-icon (max-height: 16px){
|
|
92
|
-
.
|
|
97
|
+
._variant16_1npbgia_53{
|
|
93
98
|
display:block;
|
|
94
99
|
}
|
|
95
|
-
.
|
|
100
|
+
._variant20_1npbgia_54{
|
|
96
101
|
display:none;
|
|
97
102
|
}
|
|
98
103
|
}
|
|
99
|
-
|
|
104
|
+
@property --_rs-theme-dark-coefficient{
|
|
105
|
+
syntax:'<number>';
|
|
106
|
+
inherits:true;
|
|
107
|
+
initial-value:0;
|
|
108
|
+
}
|
|
109
|
+
._themeLight_1xxg0sf_8{
|
|
100
110
|
--rs-theme-dark:0;
|
|
101
111
|
}
|
|
102
|
-
.
|
|
112
|
+
._themeDark_1xxg0sf_11{
|
|
103
113
|
--rs-theme-dark:1;
|
|
104
114
|
}
|
|
105
|
-
.
|
|
115
|
+
._sizeS_1xxg0sf_15{
|
|
106
116
|
--_rs-textarea-vertical-padding:6px;
|
|
107
117
|
--_rs-textarea-horizontal-padding:8px;
|
|
108
118
|
--_rs-textarea-icon-size:20px;
|
|
109
119
|
--_rs-textarea-icon-offset:8px;
|
|
110
120
|
}
|
|
111
|
-
.
|
|
121
|
+
._sizeS_1xxg0sf_15 [data-rs-internal='textarea__busy-icon']:not(html){
|
|
112
122
|
--_rs-icons-height:20px;
|
|
113
123
|
}
|
|
114
|
-
.
|
|
124
|
+
._sizeS_1xxg0sf_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
|
|
115
125
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
116
126
|
--_rs-typography-text-transform:initial;
|
|
117
127
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -146,10 +156,10 @@
|
|
|
146
156
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
147
157
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
148
158
|
}
|
|
149
|
-
.
|
|
150
|
-
.
|
|
151
|
-
.
|
|
152
|
-
.
|
|
159
|
+
._sizeS_1xxg0sf_15 [data-rs-internal='textarea__label'],
|
|
160
|
+
._sizeS_1xxg0sf_15 [data-rs-internal='textarea__inner'],
|
|
161
|
+
._sizeS_1xxg0sf_15 [data-rs-internal='textarea__inner']::placeholder,
|
|
162
|
+
._sizeS_1xxg0sf_15 [data-rs-internal='textarea__suffix']{
|
|
153
163
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
154
164
|
--_rs-typography-text-transform:initial;
|
|
155
165
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -184,7 +194,7 @@
|
|
|
184
194
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
185
195
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
186
196
|
}
|
|
187
|
-
.
|
|
197
|
+
._sizeS_1xxg0sf_15 [data-rs-internal='textarea__bold-label']{
|
|
188
198
|
--_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
|
|
189
199
|
--_rs-typography-text-transform:initial;
|
|
190
200
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -216,16 +226,16 @@
|
|
|
216
226
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
217
227
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
218
228
|
}
|
|
219
|
-
.
|
|
229
|
+
._sizeM_1xxg0sf_18{
|
|
220
230
|
--_rs-textarea-vertical-padding:8px;
|
|
221
231
|
--_rs-textarea-horizontal-padding:8px;
|
|
222
232
|
--_rs-textarea-icon-size:24px;
|
|
223
233
|
--_rs-textarea-icon-offset:8px;
|
|
224
234
|
}
|
|
225
|
-
.
|
|
235
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__busy-icon']:not(html){
|
|
226
236
|
--_rs-icons-height:24px;
|
|
227
237
|
}
|
|
228
|
-
.
|
|
238
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
|
|
229
239
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
230
240
|
--_rs-typography-text-transform:initial;
|
|
231
241
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -264,14 +274,14 @@
|
|
|
264
274
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
265
275
|
}
|
|
266
276
|
@media screen and (max-width: 640px){
|
|
267
|
-
.
|
|
277
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
|
|
268
278
|
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
269
279
|
}
|
|
270
280
|
}
|
|
271
|
-
.
|
|
272
|
-
.
|
|
273
|
-
.
|
|
274
|
-
.
|
|
281
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__label'],
|
|
282
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__inner'],
|
|
283
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__inner']::placeholder,
|
|
284
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__suffix']{
|
|
275
285
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
276
286
|
--_rs-typography-text-transform:initial;
|
|
277
287
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -310,14 +320,14 @@
|
|
|
310
320
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
311
321
|
}
|
|
312
322
|
@media screen and (max-width: 640px){
|
|
313
|
-
.
|
|
314
|
-
.
|
|
315
|
-
.
|
|
316
|
-
.
|
|
323
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__label'],
|
|
324
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__inner'],
|
|
325
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__inner']::placeholder,
|
|
326
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__suffix']{
|
|
317
327
|
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
318
328
|
}
|
|
319
329
|
}
|
|
320
|
-
.
|
|
330
|
+
._sizeM_1xxg0sf_18 [data-rs-internal='textarea__bold-label']{
|
|
321
331
|
--_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
|
|
322
332
|
--_rs-typography-text-transform:initial;
|
|
323
333
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -349,16 +359,16 @@
|
|
|
349
359
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
350
360
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
351
361
|
}
|
|
352
|
-
.
|
|
362
|
+
._sizeL_1xxg0sf_21{
|
|
353
363
|
--_rs-textarea-vertical-padding:12px;
|
|
354
364
|
--_rs-textarea-horizontal-padding:16px;
|
|
355
365
|
--_rs-textarea-icon-size:28px;
|
|
356
366
|
--_rs-textarea-icon-offset:16px;
|
|
357
367
|
}
|
|
358
|
-
.
|
|
368
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__busy-icon']:not(html){
|
|
359
369
|
--_rs-icons-height:28px;
|
|
360
370
|
}
|
|
361
|
-
.
|
|
371
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
|
|
362
372
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
363
373
|
--_rs-typography-text-transform:initial;
|
|
364
374
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -397,14 +407,14 @@
|
|
|
397
407
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
398
408
|
}
|
|
399
409
|
@media screen and (max-width: 640px){
|
|
400
|
-
.
|
|
410
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
|
|
401
411
|
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
402
412
|
}
|
|
403
413
|
}
|
|
404
|
-
.
|
|
405
|
-
.
|
|
406
|
-
.
|
|
407
|
-
.
|
|
414
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__label'],
|
|
415
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__inner'],
|
|
416
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__inner']::placeholder,
|
|
417
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__suffix']{
|
|
408
418
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
409
419
|
--_rs-typography-text-transform:initial;
|
|
410
420
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -443,14 +453,14 @@
|
|
|
443
453
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
444
454
|
}
|
|
445
455
|
@media screen and (max-width: 640px){
|
|
446
|
-
.
|
|
447
|
-
.
|
|
448
|
-
.
|
|
449
|
-
.
|
|
456
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__label'],
|
|
457
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__inner'],
|
|
458
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__inner']::placeholder,
|
|
459
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__suffix']{
|
|
450
460
|
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
451
461
|
}
|
|
452
462
|
}
|
|
453
|
-
.
|
|
463
|
+
._sizeL_1xxg0sf_21 [data-rs-internal='textarea__bold-label']{
|
|
454
464
|
--_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
|
|
455
465
|
--_rs-typography-text-transform:initial;
|
|
456
466
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -482,7 +492,7 @@
|
|
|
482
492
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
483
493
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
484
494
|
}
|
|
485
|
-
.
|
|
495
|
+
._classic_1xxg0sf_25{
|
|
486
496
|
--_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));
|
|
487
497
|
--_rs-textarea-focused-background-color:rgb(
|
|
488
498
|
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)
|
|
@@ -507,7 +517,7 @@
|
|
|
507
517
|
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)
|
|
508
518
|
);
|
|
509
519
|
}
|
|
510
|
-
.
|
|
520
|
+
._rock_1xxg0sf_28{
|
|
511
521
|
--_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));
|
|
512
522
|
--_rs-textarea-focused-background-color:rgb(
|
|
513
523
|
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)
|
|
@@ -532,7 +542,7 @@
|
|
|
532
542
|
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)
|
|
533
543
|
);
|
|
534
544
|
}
|
|
535
|
-
.
|
|
545
|
+
._labelWrapper_1xxg0sf_32{
|
|
536
546
|
--_rs-theme-dark:var(
|
|
537
547
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
538
548
|
var(--rs-theme-dark, 0)
|
|
@@ -542,7 +552,7 @@
|
|
|
542
552
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
543
553
|
}
|
|
544
554
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
545
|
-
.
|
|
555
|
+
._labelWrapper_1xxg0sf_32{
|
|
546
556
|
--_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)));
|
|
547
557
|
--_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)));
|
|
548
558
|
--_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)));
|
|
@@ -551,7 +561,7 @@
|
|
|
551
561
|
}
|
|
552
562
|
}
|
|
553
563
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
554
|
-
.
|
|
564
|
+
._labelWrapper_1xxg0sf_32{
|
|
555
565
|
--_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);
|
|
556
566
|
--_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));
|
|
557
567
|
--_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));
|
|
@@ -560,22 +570,22 @@
|
|
|
560
570
|
}
|
|
561
571
|
}
|
|
562
572
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
563
|
-
.
|
|
573
|
+
._labelWrapper_1xxg0sf_32{
|
|
564
574
|
--_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)));
|
|
565
575
|
--_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)));
|
|
566
576
|
}
|
|
567
577
|
}
|
|
568
578
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
569
|
-
.
|
|
579
|
+
._labelWrapper_1xxg0sf_32{
|
|
570
580
|
--_rs-color-danger:rgb(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83));
|
|
571
581
|
--_rs-color-danger-bg:rgba(calc(var(--_rs-theme-light-coefficient, 1)*204 + var(--_rs-theme-dark-coefficient, 0)*255), calc(var(--_rs-theme-light-coefficient, 1)*20 + var(--_rs-theme-dark-coefficient, 0)*101), calc(var(--_rs-theme-light-coefficient, 1)*0 + var(--_rs-theme-dark-coefficient, 0)*83), 0.2);
|
|
572
582
|
}
|
|
573
583
|
}
|
|
574
|
-
.
|
|
584
|
+
._labelWrapper_1xxg0sf_32 {
|
|
575
585
|
|
|
576
586
|
display:block;
|
|
577
587
|
}
|
|
578
|
-
.
|
|
588
|
+
._wrapper_1xxg0sf_40{
|
|
579
589
|
--_rs-textarea-border-width:1px;
|
|
580
590
|
--_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);
|
|
581
591
|
--_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));
|
|
@@ -591,34 +601,34 @@
|
|
|
591
601
|
|
|
592
602
|
box-shadow:inset 0 0 0 var(--_rs-textarea-border-width) var(--_rs-textarea-border-color);
|
|
593
603
|
}
|
|
594
|
-
.
|
|
604
|
+
._error_1xxg0sf_57 ._wrapper_1xxg0sf_40{
|
|
595
605
|
--_rs-textarea-border-width:2px;
|
|
596
606
|
--_rs-textarea-border-color:var(--_rs-color-danger);
|
|
597
607
|
--_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));
|
|
598
608
|
}
|
|
599
|
-
.
|
|
609
|
+
._disabled_1xxg0sf_63 ._wrapper_1xxg0sf_40{
|
|
600
610
|
--_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));
|
|
601
611
|
|
|
602
612
|
cursor:default;
|
|
603
613
|
}
|
|
604
|
-
.
|
|
614
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._wrapper_1xxg0sf_40{
|
|
605
615
|
--_rs-textarea-background-color:var(
|
|
606
616
|
--_rs-textarea-focused-background-color
|
|
607
617
|
);
|
|
608
618
|
}
|
|
609
|
-
.
|
|
619
|
+
._enabled_1xxg0sf_69:not(._error_1xxg0sf_57)._filled_1xxg0sf_75 ._wrapper_1xxg0sf_40{
|
|
610
620
|
--_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);
|
|
611
621
|
}
|
|
612
622
|
@media (hover: hover){
|
|
613
|
-
.
|
|
623
|
+
._enabled_1xxg0sf_69:not(._error_1xxg0sf_57):hover ._wrapper_1xxg0sf_40{
|
|
614
624
|
--_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);
|
|
615
625
|
}
|
|
616
626
|
}
|
|
617
|
-
.
|
|
627
|
+
._enabled_1xxg0sf_69:not(._error_1xxg0sf_57)._focused_1xxg0sf_69 ._wrapper_1xxg0sf_40{
|
|
618
628
|
--_rs-textarea-border-width:var(--_rs-textarea-focused-border-width);
|
|
619
629
|
--_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));
|
|
620
630
|
}
|
|
621
|
-
.
|
|
631
|
+
._inner_1xxg0sf_91{
|
|
622
632
|
letter-spacing:var(
|
|
623
633
|
--rs-text-base-letter-spacing,
|
|
624
634
|
var(--_rs-typography-letter-spacing)
|
|
@@ -652,29 +662,29 @@
|
|
|
652
662
|
-moz-appearance:none;
|
|
653
663
|
appearance:none;
|
|
654
664
|
}
|
|
655
|
-
.
|
|
665
|
+
._clearable_1xxg0sf_119 ._inner_1xxg0sf_91{
|
|
656
666
|
padding-right:calc(var(--_rs-textarea-horizontal-padding) + var(--_rs-textarea-icon-size) + var(--_rs-textarea-icon-offset) - var(--_rs-textarea-border-width));
|
|
657
667
|
}
|
|
658
668
|
@media (hover: hover){
|
|
659
|
-
.
|
|
669
|
+
._inner_1xxg0sf_91{
|
|
660
670
|
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));
|
|
661
671
|
scrollbar-width:thin
|
|
662
672
|
}
|
|
663
673
|
|
|
664
|
-
.
|
|
674
|
+
._inner_1xxg0sf_91::-webkit-scrollbar{
|
|
665
675
|
width:7px;
|
|
666
676
|
height:8px;
|
|
667
677
|
}
|
|
668
678
|
|
|
669
|
-
.
|
|
679
|
+
._inner_1xxg0sf_91::-webkit-scrollbar-corner{
|
|
670
680
|
background-color:transparent;
|
|
671
681
|
}
|
|
672
682
|
|
|
673
|
-
.
|
|
683
|
+
._inner_1xxg0sf_91::-webkit-scrollbar-track{
|
|
674
684
|
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));
|
|
675
685
|
}
|
|
676
686
|
|
|
677
|
-
.
|
|
687
|
+
._inner_1xxg0sf_91::-webkit-scrollbar-thumb{
|
|
678
688
|
width:7px;
|
|
679
689
|
|
|
680
690
|
border-radius:7px;
|
|
@@ -682,40 +692,40 @@
|
|
|
682
692
|
background:#8C8C8E;
|
|
683
693
|
}
|
|
684
694
|
|
|
685
|
-
.
|
|
695
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._inner_1xxg0sf_91{
|
|
686
696
|
scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
|
|
687
697
|
}
|
|
688
698
|
|
|
689
|
-
.
|
|
699
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._inner_1xxg0sf_91::-webkit-scrollbar-track{
|
|
690
700
|
background-color:var(--_rs-textarea-focused-scrollbar-track-color);
|
|
691
701
|
}
|
|
692
702
|
}
|
|
693
|
-
.
|
|
703
|
+
._inner_1xxg0sf_91:focus{
|
|
694
704
|
outline:none;
|
|
695
705
|
}
|
|
696
|
-
.
|
|
706
|
+
._inner_1xxg0sf_91::-moz-placeholder{
|
|
697
707
|
opacity:1;
|
|
698
708
|
|
|
699
709
|
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);
|
|
700
710
|
}
|
|
701
|
-
.
|
|
711
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._inner_1xxg0sf_91::-moz-placeholder{
|
|
702
712
|
color:var(--_rs-textarea-focused-placeholder-color);
|
|
703
713
|
}
|
|
704
|
-
.
|
|
714
|
+
._inner_1xxg0sf_91::placeholder{
|
|
705
715
|
opacity:1;
|
|
706
716
|
|
|
707
717
|
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);
|
|
708
718
|
}
|
|
709
|
-
.
|
|
719
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._inner_1xxg0sf_91::placeholder{
|
|
710
720
|
color:var(--_rs-textarea-focused-placeholder-color);
|
|
711
721
|
}
|
|
712
|
-
.
|
|
722
|
+
._disabled_1xxg0sf_63 ._inner_1xxg0sf_91{
|
|
713
723
|
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);
|
|
714
724
|
}
|
|
715
|
-
.
|
|
725
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._inner_1xxg0sf_91{
|
|
716
726
|
color:var(--_rs-textarea-focused-color);
|
|
717
727
|
}
|
|
718
|
-
.
|
|
728
|
+
._clearIcon_1xxg0sf_184{
|
|
719
729
|
position:absolute;
|
|
720
730
|
top:var(--_rs-textarea-vertical-padding);
|
|
721
731
|
right:var(--_rs-textarea-horizontal-padding);
|
|
@@ -735,33 +745,33 @@
|
|
|
735
745
|
-moz-appearance:none;
|
|
736
746
|
appearance:none;
|
|
737
747
|
}
|
|
738
|
-
.
|
|
748
|
+
._clearIcon_1xxg0sf_184:focus{
|
|
739
749
|
outline:none;
|
|
740
750
|
}
|
|
741
|
-
.
|
|
751
|
+
._disabled_1xxg0sf_63 ._clearIcon_1xxg0sf_184{
|
|
742
752
|
pointer-events:none;
|
|
743
753
|
|
|
744
754
|
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);
|
|
745
755
|
}
|
|
746
|
-
.
|
|
756
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._clearIcon_1xxg0sf_184{
|
|
747
757
|
color:var(--_rs-textarea-focused-clear-icon-color);
|
|
748
758
|
}
|
|
749
759
|
@media (hover: hover){
|
|
750
|
-
.
|
|
760
|
+
._enabled_1xxg0sf_69 ._clearIcon_1xxg0sf_184:hover{
|
|
751
761
|
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));
|
|
752
762
|
}
|
|
753
763
|
|
|
754
|
-
.
|
|
764
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._clearIcon_1xxg0sf_184:hover{
|
|
755
765
|
color:var(--_rs-textarea-focused-clear-icon-accent-color);
|
|
756
766
|
}
|
|
757
767
|
}
|
|
758
|
-
.
|
|
768
|
+
._clearIcon_1xxg0sf_184 ._icon_1xxg0sf_226{
|
|
759
769
|
fill:currentColor;
|
|
760
770
|
|
|
761
771
|
width:auto;
|
|
762
772
|
height:var(--_rs-textarea-icon-size);
|
|
763
773
|
}
|
|
764
|
-
.
|
|
774
|
+
._busyIcon_1xxg0sf_234{
|
|
765
775
|
position:absolute;
|
|
766
776
|
right:var(--_rs-textarea-horizontal-padding);
|
|
767
777
|
bottom:var(--_rs-textarea-vertical-padding);
|
|
@@ -772,13 +782,13 @@
|
|
|
772
782
|
|
|
773
783
|
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);
|
|
774
784
|
}
|
|
775
|
-
.
|
|
785
|
+
._disabled_1xxg0sf_63 ._busyIcon_1xxg0sf_234{
|
|
776
786
|
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);
|
|
777
787
|
}
|
|
778
|
-
.
|
|
788
|
+
._enabled_1xxg0sf_69._focused_1xxg0sf_69 ._busyIcon_1xxg0sf_234{
|
|
779
789
|
color:var(--_rs-textarea-focused-busy-icon-color);
|
|
780
790
|
}
|
|
781
|
-
.
|
|
791
|
+
._label_1xxg0sf_32{
|
|
782
792
|
letter-spacing:var(
|
|
783
793
|
--rs-text-base-letter-spacing,
|
|
784
794
|
var(--_rs-typography-letter-spacing)
|
|
@@ -797,13 +807,13 @@
|
|
|
797
807
|
|
|
798
808
|
margin-bottom:4px;
|
|
799
809
|
}
|
|
800
|
-
.
|
|
810
|
+
._disabled_1xxg0sf_63 ._label_1xxg0sf_32{
|
|
801
811
|
color:var(
|
|
802
812
|
--rs-color-pale,
|
|
803
813
|
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)
|
|
804
814
|
);
|
|
805
815
|
}
|
|
806
|
-
.
|
|
816
|
+
._footer_1xxg0sf_265{
|
|
807
817
|
display:grid;
|
|
808
818
|
grid-template-areas:"note character-counter" "error-message character-counter";
|
|
809
819
|
grid-template-columns:1fr auto;
|
|
@@ -813,10 +823,10 @@
|
|
|
813
823
|
|
|
814
824
|
margin-top:4px;
|
|
815
825
|
}
|
|
816
|
-
.
|
|
826
|
+
._error_1xxg0sf_57 ._footer_1xxg0sf_265{
|
|
817
827
|
grid-template-areas:"error-message character-counter" "note character-counter";
|
|
818
828
|
}
|
|
819
|
-
.
|
|
829
|
+
._characterCounter_1xxg0sf_284{
|
|
820
830
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
821
831
|
--_rs-typography-text-transform:initial;
|
|
822
832
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -878,10 +888,10 @@
|
|
|
878
888
|
|
|
879
889
|
margin-left:16px;
|
|
880
890
|
}
|
|
881
|
-
.
|
|
891
|
+
._errorMessage_1xxg0sf_293{
|
|
882
892
|
grid-area:error-message;
|
|
883
893
|
}
|
|
884
|
-
.
|
|
894
|
+
._note_1xxg0sf_297{
|
|
885
895
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
886
896
|
--_rs-typography-text-transform:initial;
|
|
887
897
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -941,7 +951,7 @@
|
|
|
941
951
|
|
|
942
952
|
grid-area:note;
|
|
943
953
|
}
|
|
944
|
-
.
|
|
954
|
+
._disabled_1xxg0sf_63 ._note_1xxg0sf_297{
|
|
945
955
|
--_rs-typography-hardness-color:var(
|
|
946
956
|
--rs-color-pale,
|
|
947
957
|
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
package/lib/public-api.pcss
CHANGED
package/lib/textarea.js
CHANGED
|
@@ -7,7 +7,7 @@ import { shouldRenderErrorMessage, ErrorMessage } from '@rescui/form-field';
|
|
|
7
7
|
import cn from 'classnames';
|
|
8
8
|
import CloseOutlineIcon from './_virtual/close-outline.js';
|
|
9
9
|
import LoadingOutlineIcon from './_virtual/loading-outline.js';
|
|
10
|
-
import {
|
|
10
|
+
import { useSafeId } from './use-safe-id.js';
|
|
11
11
|
import styles from './textarea.p.module.css.js';
|
|
12
12
|
const SIZE_STYLES = {
|
|
13
13
|
s: styles.sizeS,
|
|
@@ -50,7 +50,7 @@ const Textarea = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line comp
|
|
|
50
50
|
const isEmpty = !value;
|
|
51
51
|
const showClearIcon = Boolean(onClear && !isEmpty);
|
|
52
52
|
const [focused, setFocused] = useState(false);
|
|
53
|
-
const uniqueId = `textarea-${
|
|
53
|
+
const uniqueId = `textarea-${useSafeId()}`;
|
|
54
54
|
const errorId = `${id ? id : uniqueId}-error`;
|
|
55
55
|
const hasFooter = Boolean(note) || Boolean(characterCounter) || shouldRenderErrorMessage(error, reserveErrorLine);
|
|
56
56
|
return /*#__PURE__*/React.createElement("label", {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"labelWrapper": "
|
|
10
|
-
"wrapper": "
|
|
11
|
-
"error": "
|
|
12
|
-
"disabled": "
|
|
13
|
-
"enabled": "
|
|
14
|
-
"focused": "
|
|
15
|
-
"filled": "
|
|
16
|
-
"inner": "
|
|
17
|
-
"clearable": "
|
|
18
|
-
"clearIcon": "
|
|
19
|
-
"icon": "
|
|
20
|
-
"busyIcon": "
|
|
21
|
-
"label": "
|
|
22
|
-
"footer": "
|
|
23
|
-
"characterCounter": "
|
|
24
|
-
"errorMessage": "
|
|
25
|
-
"note": "
|
|
2
|
+
"themeLight": "_themeLight_1xxg0sf_8",
|
|
3
|
+
"themeDark": "_themeDark_1xxg0sf_11",
|
|
4
|
+
"sizeS": "_sizeS_1xxg0sf_15",
|
|
5
|
+
"sizeM": "_sizeM_1xxg0sf_18",
|
|
6
|
+
"sizeL": "_sizeL_1xxg0sf_21",
|
|
7
|
+
"classic": "_classic_1xxg0sf_25",
|
|
8
|
+
"rock": "_rock_1xxg0sf_28",
|
|
9
|
+
"labelWrapper": "_labelWrapper_1xxg0sf_32",
|
|
10
|
+
"wrapper": "_wrapper_1xxg0sf_40",
|
|
11
|
+
"error": "_error_1xxg0sf_57",
|
|
12
|
+
"disabled": "_disabled_1xxg0sf_63",
|
|
13
|
+
"enabled": "_enabled_1xxg0sf_69",
|
|
14
|
+
"focused": "_focused_1xxg0sf_69",
|
|
15
|
+
"filled": "_filled_1xxg0sf_75",
|
|
16
|
+
"inner": "_inner_1xxg0sf_91",
|
|
17
|
+
"clearable": "_clearable_1xxg0sf_119",
|
|
18
|
+
"clearIcon": "_clearIcon_1xxg0sf_184",
|
|
19
|
+
"icon": "_icon_1xxg0sf_226",
|
|
20
|
+
"busyIcon": "_busyIcon_1xxg0sf_234",
|
|
21
|
+
"label": "_label_1xxg0sf_32",
|
|
22
|
+
"footer": "_footer_1xxg0sf_265",
|
|
23
|
+
"characterCounter": "_characterCounter_1xxg0sf_284",
|
|
24
|
+
"errorMessage": "_errorMessage_1xxg0sf_293",
|
|
25
|
+
"note": "_note_1xxg0sf_297"
|
|
26
26
|
};
|
|
27
27
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/textarea",
|
|
3
|
-
"version": "0.12.
|
|
3
|
+
"version": "0.12.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
20
|
-
"@rescui/form-field": "^0.1.
|
|
20
|
+
"@rescui/form-field": "^0.1.7",
|
|
21
21
|
"classnames": "^2.2.6",
|
|
22
22
|
"react-textarea-autosize": "^8.3.4"
|
|
23
23
|
},
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"react": ">=16.8.0 <20"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@rescui/colors": "^0.3.
|
|
30
|
+
"@rescui/colors": "^0.3.3",
|
|
31
31
|
"@rescui/scripts": "^0.5.2",
|
|
32
|
-
"@rescui/typography": "^0.27.
|
|
32
|
+
"@rescui/typography": "^0.27.4",
|
|
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": "
|
|
41
|
+
"gitHead": "3711cbfc0c797014395421b008aa5331d6d47c6e"
|
|
42
42
|
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React, { useRef } from 'react';
|
|
2
|
-
|
|
3
|
-
const useBackwardCompatibleId = () => {
|
|
4
|
-
const id = useRef(null);
|
|
5
|
-
|
|
6
|
-
if (id.current === null) {
|
|
7
|
-
id.current = useBackwardCompatibleId.counter++;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
return (React.useId ? React.useId : () => id.current)();
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
useBackwardCompatibleId.counter = 0;
|
|
14
|
-
export { useBackwardCompatibleId };
|