@rescui/textarea 0.12.0 → 0.12.2-RUI-308-Fix-select-issues-405b9fa40.12

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 (11) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +116 -106
  3. package/lib/public-api.p.css +5 -0
  4. package/lib/public-api.pcss +5 -0
  5. package/lib/textarea.js +2 -2
  6. package/lib/textarea.p.module.css.js +24 -24
  7. package/lib/use-safe-id.d.ts +4 -0
  8. package/lib/use-safe-id.js +10 -0
  9. package/package.json +7 -7
  10. package/lib/use-backward-compatible-id.d.ts +0 -4
  11. package/lib/use-backward-compatible-id.js +0 -14
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_3sp1p2_4",
3
- "sizeXS": "_sizeXS_3sp1p2_14",
4
- "sizeS": "_sizeS_3sp1p2_18",
5
- "sizeM": "_sizeM_3sp1p2_22",
6
- "sizeL": "_sizeL_3sp1p2_26",
7
- "light": "_light_3sp1p2_30",
8
- "dark": "_dark_3sp1p2_34",
9
- "allVariants": "_allVariants_3sp1p2_48",
10
- "variant16": "_variant16_3sp1p2_53",
11
- "variant20": "_variant20_3sp1p2_54",
12
- "variant24": "_variant24_3sp1p2_55",
13
- "variant28": "_variant28_3sp1p2_58"
2
+ "icon": "_icon_8k0v18_4",
3
+ "sizeXS": "_sizeXS_8k0v18_14",
4
+ "sizeS": "_sizeS_8k0v18_18",
5
+ "sizeM": "_sizeM_8k0v18_22",
6
+ "sizeL": "_sizeL_8k0v18_26",
7
+ "light": "_light_8k0v18_30",
8
+ "dark": "_dark_8k0v18_34",
9
+ "allVariants": "_allVariants_8k0v18_48",
10
+ "variant16": "_variant16_8k0v18_53",
11
+ "variant20": "_variant20_8k0v18_54",
12
+ "variant24": "_variant24_8k0v18_55",
13
+ "variant28": "_variant28_8k0v18_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,9 @@
1
- ._icon_3sp1p2_4{
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
6
+ ._icon_8k0v18_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
- ._icon_3sp1p2_4{
16
+ ._icon_8k0v18_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
- ._icon_3sp1p2_4{
25
+ ._icon_8k0v18_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
- ._icon_3sp1p2_4{
33
+ ._icon_8k0v18_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
- ._sizeXS_3sp1p2_14{
40
+ ._sizeXS_8k0v18_14{
36
41
  --_rs-icons-height:16px;
37
42
  }
38
- ._sizeS_3sp1p2_18{
43
+ ._sizeS_8k0v18_18{
39
44
  --_rs-icons-height:20px;
40
45
  }
41
- ._sizeM_3sp1p2_22{
46
+ ._sizeM_8k0v18_22{
42
47
  --_rs-icons-height:24px;
43
48
  }
44
- ._sizeL_3sp1p2_26{
49
+ ._sizeL_8k0v18_26{
45
50
  --_rs-icons-height:28px;
46
51
  }
47
- ._light_3sp1p2_30{
52
+ ._light_8k0v18_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
- ._dark_3sp1p2_34{
56
+ ._dark_8k0v18_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
- ._allVariants_3sp1p2_48{
68
+ ._allVariants_8k0v18_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
- ._variant16_3sp1p2_53,
68
- ._variant20_3sp1p2_54,
69
- ._variant24_3sp1p2_55{
72
+ ._variant16_8k0v18_53,
73
+ ._variant20_8k0v18_54,
74
+ ._variant24_8k0v18_55{
70
75
  display:none;
71
76
  }
72
- ._variant28_3sp1p2_58{
77
+ ._variant28_8k0v18_58{
73
78
  display:block;
74
79
  }
75
80
  @container rs-icon (max-height: 24px){
76
- ._variant24_3sp1p2_55{
81
+ ._variant24_8k0v18_55{
77
82
  display:block;
78
83
  }
79
- ._variant28_3sp1p2_58{
84
+ ._variant28_8k0v18_58{
80
85
  display:none;
81
86
  }
82
87
  }
83
88
  @container rs-icon (max-height: 20px){
84
- ._variant20_3sp1p2_54{
89
+ ._variant20_8k0v18_54{
85
90
  display:block;
86
91
  }
87
- ._variant24_3sp1p2_55{
92
+ ._variant24_8k0v18_55{
88
93
  display:none;
89
94
  }
90
95
  }
91
96
  @container rs-icon (max-height: 16px){
92
- ._variant16_3sp1p2_53{
97
+ ._variant16_8k0v18_53{
93
98
  display:block;
94
99
  }
95
- ._variant20_3sp1p2_54{
100
+ ._variant20_8k0v18_54{
96
101
  display:none;
97
102
  }
98
103
  }
99
- ._themeLight_1lcp4sb_8{
104
+ @property --_rs-theme-dark-coefficient{
105
+ syntax:'<number>';
106
+ inherits:true;
107
+ initial-value:0;
108
+ }
109
+ ._themeLight_13zmwmp_8{
100
110
  --rs-theme-dark:0;
101
111
  }
102
- ._themeDark_1lcp4sb_11{
112
+ ._themeDark_13zmwmp_11{
103
113
  --rs-theme-dark:1;
104
114
  }
105
- ._sizeS_1lcp4sb_15{
115
+ ._sizeS_13zmwmp_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
- ._sizeS_1lcp4sb_15 [data-rs-internal='textarea__busy-icon']:not(html){
121
+ ._sizeS_13zmwmp_15 [data-rs-internal='textarea__busy-icon']:not(html){
112
122
  --_rs-icons-height:20px;
113
123
  }
114
- ._sizeS_1lcp4sb_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
124
+ ._sizeS_13zmwmp_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
- ._sizeS_1lcp4sb_15 [data-rs-internal='textarea__label'],
150
- ._sizeS_1lcp4sb_15 [data-rs-internal='textarea__inner'],
151
- ._sizeS_1lcp4sb_15 [data-rs-internal='textarea__inner']::placeholder,
152
- ._sizeS_1lcp4sb_15 [data-rs-internal='textarea__suffix']{
159
+ ._sizeS_13zmwmp_15 [data-rs-internal='textarea__label'],
160
+ ._sizeS_13zmwmp_15 [data-rs-internal='textarea__inner'],
161
+ ._sizeS_13zmwmp_15 [data-rs-internal='textarea__inner']::placeholder,
162
+ ._sizeS_13zmwmp_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
- ._sizeS_1lcp4sb_15 [data-rs-internal='textarea__bold-label']{
197
+ ._sizeS_13zmwmp_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
- ._sizeM_1lcp4sb_18{
229
+ ._sizeM_13zmwmp_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
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__busy-icon']:not(html){
235
+ ._sizeM_13zmwmp_18 [data-rs-internal='textarea__busy-icon']:not(html){
226
236
  --_rs-icons-height:24px;
227
237
  }
228
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
238
+ ._sizeM_13zmwmp_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
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
277
+ ._sizeM_13zmwmp_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
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__label'],
272
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__inner'],
273
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__inner']::placeholder,
274
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__suffix']{
281
+ ._sizeM_13zmwmp_18 [data-rs-internal='textarea__label'],
282
+ ._sizeM_13zmwmp_18 [data-rs-internal='textarea__inner'],
283
+ ._sizeM_13zmwmp_18 [data-rs-internal='textarea__inner']::placeholder,
284
+ ._sizeM_13zmwmp_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
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__label'],
314
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__inner'],
315
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__inner']::placeholder,
316
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__suffix']{
323
+ ._sizeM_13zmwmp_18 [data-rs-internal='textarea__label'],
324
+ ._sizeM_13zmwmp_18 [data-rs-internal='textarea__inner'],
325
+ ._sizeM_13zmwmp_18 [data-rs-internal='textarea__inner']::placeholder,
326
+ ._sizeM_13zmwmp_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
- ._sizeM_1lcp4sb_18 [data-rs-internal='textarea__bold-label']{
330
+ ._sizeM_13zmwmp_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
- ._sizeL_1lcp4sb_21{
362
+ ._sizeL_13zmwmp_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
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__busy-icon']:not(html){
368
+ ._sizeL_13zmwmp_21 [data-rs-internal='textarea__busy-icon']:not(html){
359
369
  --_rs-icons-height:28px;
360
370
  }
361
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
371
+ ._sizeL_13zmwmp_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
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
410
+ ._sizeL_13zmwmp_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
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__label'],
405
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__inner'],
406
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__inner']::placeholder,
407
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__suffix']{
414
+ ._sizeL_13zmwmp_21 [data-rs-internal='textarea__label'],
415
+ ._sizeL_13zmwmp_21 [data-rs-internal='textarea__inner'],
416
+ ._sizeL_13zmwmp_21 [data-rs-internal='textarea__inner']::placeholder,
417
+ ._sizeL_13zmwmp_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
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__label'],
447
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__inner'],
448
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__inner']::placeholder,
449
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__suffix']{
456
+ ._sizeL_13zmwmp_21 [data-rs-internal='textarea__label'],
457
+ ._sizeL_13zmwmp_21 [data-rs-internal='textarea__inner'],
458
+ ._sizeL_13zmwmp_21 [data-rs-internal='textarea__inner']::placeholder,
459
+ ._sizeL_13zmwmp_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
- ._sizeL_1lcp4sb_21 [data-rs-internal='textarea__bold-label']{
463
+ ._sizeL_13zmwmp_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
- ._classic_1lcp4sb_25{
495
+ ._classic_13zmwmp_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
- ._rock_1lcp4sb_28{
520
+ ._rock_13zmwmp_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
- ._labelWrapper_1lcp4sb_32{
545
+ ._labelWrapper_13zmwmp_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
- ._labelWrapper_1lcp4sb_32{
555
+ ._labelWrapper_13zmwmp_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
- ._labelWrapper_1lcp4sb_32{
564
+ ._labelWrapper_13zmwmp_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
- ._labelWrapper_1lcp4sb_32{
573
+ ._labelWrapper_13zmwmp_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
- ._labelWrapper_1lcp4sb_32{
579
+ ._labelWrapper_13zmwmp_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
- ._labelWrapper_1lcp4sb_32 {
584
+ ._labelWrapper_13zmwmp_32 {
575
585
 
576
586
  display:block;
577
587
  }
578
- ._wrapper_1lcp4sb_40{
588
+ ._wrapper_13zmwmp_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
- ._error_1lcp4sb_57 ._wrapper_1lcp4sb_40{
604
+ ._error_13zmwmp_57 ._wrapper_13zmwmp_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
- ._disabled_1lcp4sb_63 ._wrapper_1lcp4sb_40{
609
+ ._disabled_13zmwmp_63 ._wrapper_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._wrapper_1lcp4sb_40{
614
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._wrapper_13zmwmp_40{
605
615
  --_rs-textarea-background-color:var(
606
616
  --_rs-textarea-focused-background-color
607
617
  );
608
618
  }
609
- ._enabled_1lcp4sb_69:not(._error_1lcp4sb_57)._filled_1lcp4sb_75 ._wrapper_1lcp4sb_40{
619
+ ._enabled_13zmwmp_69:not(._error_13zmwmp_57)._filled_13zmwmp_75 ._wrapper_13zmwmp_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
- ._enabled_1lcp4sb_69:not(._error_1lcp4sb_57):hover ._wrapper_1lcp4sb_40{
623
+ ._enabled_13zmwmp_69:not(._error_13zmwmp_57):hover ._wrapper_13zmwmp_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
- ._enabled_1lcp4sb_69:not(._error_1lcp4sb_57)._focused_1lcp4sb_69 ._wrapper_1lcp4sb_40{
627
+ ._enabled_13zmwmp_69:not(._error_13zmwmp_57)._focused_13zmwmp_69 ._wrapper_13zmwmp_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
- ._inner_1lcp4sb_91{
631
+ ._inner_13zmwmp_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
- ._clearable_1lcp4sb_119 ._inner_1lcp4sb_91{
665
+ ._clearable_13zmwmp_119 ._inner_13zmwmp_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
- ._inner_1lcp4sb_91{
669
+ ._inner_13zmwmp_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
- ._inner_1lcp4sb_91::-webkit-scrollbar{
674
+ ._inner_13zmwmp_91::-webkit-scrollbar{
665
675
  width:7px;
666
676
  height:8px;
667
677
  }
668
678
 
669
- ._inner_1lcp4sb_91::-webkit-scrollbar-corner{
679
+ ._inner_13zmwmp_91::-webkit-scrollbar-corner{
670
680
  background-color:transparent;
671
681
  }
672
682
 
673
- ._inner_1lcp4sb_91::-webkit-scrollbar-track{
683
+ ._inner_13zmwmp_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
- ._inner_1lcp4sb_91::-webkit-scrollbar-thumb{
687
+ ._inner_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._inner_1lcp4sb_91{
695
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._inner_13zmwmp_91{
686
696
  scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
687
697
  }
688
698
 
689
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._inner_1lcp4sb_91::-webkit-scrollbar-track{
699
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._inner_13zmwmp_91::-webkit-scrollbar-track{
690
700
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
691
701
  }
692
702
  }
693
- ._inner_1lcp4sb_91:focus{
703
+ ._inner_13zmwmp_91:focus{
694
704
  outline:none;
695
705
  }
696
- ._inner_1lcp4sb_91::-moz-placeholder{
706
+ ._inner_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._inner_1lcp4sb_91::-moz-placeholder{
711
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._inner_13zmwmp_91::-moz-placeholder{
702
712
  color:var(--_rs-textarea-focused-placeholder-color);
703
713
  }
704
- ._inner_1lcp4sb_91::placeholder{
714
+ ._inner_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._inner_1lcp4sb_91::placeholder{
719
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._inner_13zmwmp_91::placeholder{
710
720
  color:var(--_rs-textarea-focused-placeholder-color);
711
721
  }
712
- ._disabled_1lcp4sb_63 ._inner_1lcp4sb_91{
722
+ ._disabled_13zmwmp_63 ._inner_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._inner_1lcp4sb_91{
725
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._inner_13zmwmp_91{
716
726
  color:var(--_rs-textarea-focused-color);
717
727
  }
718
- ._clearIcon_1lcp4sb_184{
728
+ ._clearIcon_13zmwmp_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
- ._clearIcon_1lcp4sb_184:focus{
748
+ ._clearIcon_13zmwmp_184:focus{
739
749
  outline:none;
740
750
  }
741
- ._disabled_1lcp4sb_63 ._clearIcon_1lcp4sb_184{
751
+ ._disabled_13zmwmp_63 ._clearIcon_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._clearIcon_1lcp4sb_184{
756
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._clearIcon_13zmwmp_184{
747
757
  color:var(--_rs-textarea-focused-clear-icon-color);
748
758
  }
749
759
  @media (hover: hover){
750
- ._enabled_1lcp4sb_69 ._clearIcon_1lcp4sb_184:hover{
760
+ ._enabled_13zmwmp_69 ._clearIcon_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._clearIcon_1lcp4sb_184:hover{
764
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._clearIcon_13zmwmp_184:hover{
755
765
  color:var(--_rs-textarea-focused-clear-icon-accent-color);
756
766
  }
757
767
  }
758
- ._clearIcon_1lcp4sb_184 ._icon_1lcp4sb_226{
768
+ ._clearIcon_13zmwmp_184 ._icon_13zmwmp_226{
759
769
  fill:currentColor;
760
770
 
761
771
  width:auto;
762
772
  height:var(--_rs-textarea-icon-size);
763
773
  }
764
- ._busyIcon_1lcp4sb_234{
774
+ ._busyIcon_13zmwmp_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
- ._disabled_1lcp4sb_63 ._busyIcon_1lcp4sb_234{
785
+ ._disabled_13zmwmp_63 ._busyIcon_13zmwmp_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
- ._enabled_1lcp4sb_69._focused_1lcp4sb_69 ._busyIcon_1lcp4sb_234{
788
+ ._enabled_13zmwmp_69._focused_13zmwmp_69 ._busyIcon_13zmwmp_234{
779
789
  color:var(--_rs-textarea-focused-busy-icon-color);
780
790
  }
781
- ._label_1lcp4sb_32{
791
+ ._label_13zmwmp_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
- ._disabled_1lcp4sb_63 ._label_1lcp4sb_32{
810
+ ._disabled_13zmwmp_63 ._label_13zmwmp_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
- ._footer_1lcp4sb_265{
816
+ ._footer_13zmwmp_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
- ._error_1lcp4sb_57 ._footer_1lcp4sb_265{
826
+ ._error_13zmwmp_57 ._footer_13zmwmp_265{
817
827
  grid-template-areas:"error-message character-counter" "note character-counter";
818
828
  }
819
- ._characterCounter_1lcp4sb_284{
829
+ ._characterCounter_13zmwmp_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
- ._errorMessage_1lcp4sb_293{
891
+ ._errorMessage_13zmwmp_293{
882
892
  grid-area:error-message;
883
893
  }
884
- ._note_1lcp4sb_297{
894
+ ._note_13zmwmp_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
- ._disabled_1lcp4sb_63 ._note_1lcp4sb_297{
954
+ ._disabled_13zmwmp_63 ._note_13zmwmp_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
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-textarea-size-s{
2
7
  &:not(html){
3
8
  --_rs-textarea-vertical-padding:6px;
package/lib/public-api.pcss CHANGED
@@ -1,3 +1,8 @@
1
+ @property --_rs-theme-dark-coefficient{
2
+ syntax:'<number>';
3
+ inherits:true;
4
+ initial-value:0;
5
+ }
1
6
  @define-mixin rs-textarea-size-s{
2
7
  &:not(html){
3
8
  --_rs-textarea-vertical-padding:6px;
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 { useBackwardCompatibleId } from './use-backward-compatible-id.js';
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-${useBackwardCompatibleId()}`;
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", {
package/lib/textarea.p.module.css.js CHANGED
@@ -1,27 +1,27 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1lcp4sb_8",
3
- "themeDark": "_themeDark_1lcp4sb_11",
4
- "sizeS": "_sizeS_1lcp4sb_15",
5
- "sizeM": "_sizeM_1lcp4sb_18",
6
- "sizeL": "_sizeL_1lcp4sb_21",
7
- "classic": "_classic_1lcp4sb_25",
8
- "rock": "_rock_1lcp4sb_28",
9
- "labelWrapper": "_labelWrapper_1lcp4sb_32",
10
- "wrapper": "_wrapper_1lcp4sb_40",
11
- "error": "_error_1lcp4sb_57",
12
- "disabled": "_disabled_1lcp4sb_63",
13
- "enabled": "_enabled_1lcp4sb_69",
14
- "focused": "_focused_1lcp4sb_69",
15
- "filled": "_filled_1lcp4sb_75",
16
- "inner": "_inner_1lcp4sb_91",
17
- "clearable": "_clearable_1lcp4sb_119",
18
- "clearIcon": "_clearIcon_1lcp4sb_184",
19
- "icon": "_icon_1lcp4sb_226",
20
- "busyIcon": "_busyIcon_1lcp4sb_234",
21
- "label": "_label_1lcp4sb_32",
22
- "footer": "_footer_1lcp4sb_265",
23
- "characterCounter": "_characterCounter_1lcp4sb_284",
24
- "errorMessage": "_errorMessage_1lcp4sb_293",
25
- "note": "_note_1lcp4sb_297"
2
+ "themeLight": "_themeLight_13zmwmp_8",
3
+ "themeDark": "_themeDark_13zmwmp_11",
4
+ "sizeS": "_sizeS_13zmwmp_15",
5
+ "sizeM": "_sizeM_13zmwmp_18",
6
+ "sizeL": "_sizeL_13zmwmp_21",
7
+ "classic": "_classic_13zmwmp_25",
8
+ "rock": "_rock_13zmwmp_28",
9
+ "labelWrapper": "_labelWrapper_13zmwmp_32",
10
+ "wrapper": "_wrapper_13zmwmp_40",
11
+ "error": "_error_13zmwmp_57",
12
+ "disabled": "_disabled_13zmwmp_63",
13
+ "enabled": "_enabled_13zmwmp_69",
14
+ "focused": "_focused_13zmwmp_69",
15
+ "filled": "_filled_13zmwmp_75",
16
+ "inner": "_inner_13zmwmp_91",
17
+ "clearable": "_clearable_13zmwmp_119",
18
+ "clearIcon": "_clearIcon_13zmwmp_184",
19
+ "icon": "_icon_13zmwmp_226",
20
+ "busyIcon": "_busyIcon_13zmwmp_234",
21
+ "label": "_label_13zmwmp_32",
22
+ "footer": "_footer_13zmwmp_265",
23
+ "characterCounter": "_characterCounter_13zmwmp_284",
24
+ "errorMessage": "_errorMessage_13zmwmp_293",
25
+ "note": "_note_13zmwmp_297"
26
26
  };
27
27
  export { styles as default };
package/lib/use-safe-id.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ declare function useFallbackId(): number;
3
+ export declare const useSafeId: typeof React.useId | typeof useFallbackId;
4
+ export {};
package/lib/use-safe-id.js ADDED
@@ -0,0 +1,10 @@
1
+ import React, { useState } from 'react';
2
+ let nextFallbackId = 0;
3
+
4
+ function useFallbackId() {
5
+ const [id] = useState(() => nextFallbackId++);
6
+ return id;
7
+ }
8
+
9
+ const useSafeId = React.useId ?? useFallbackId;
10
+ export { useSafeId };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.12.0",
3
+ "version": "0.12.2-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
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.6",
20
+ "@rescui/form-field": "0.1.8-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
21
21
  "classnames": "^2.2.6",
22
22
  "react-textarea-autosize": "^8.3.4"
23
23
  },
@@ -27,10 +27,10 @@
27
27
  "react": ">=16.8.0 <20"
28
28
  },
29
29
  "devDependencies": {
30
- "@rescui/colors": "^0.3.2",
31
- "@rescui/scripts": "^0.5.2",
32
- "@rescui/typography": "^0.27.3",
33
- "@rescui/visual-regression": "^0.1.4",
30
+ "@rescui/colors": "0.3.4-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
31
+ "@rescui/scripts": "0.5.2",
32
+ "@rescui/typography": "0.27.5-RUI-308-Fix-select-issues-405b9fa40.12+405b9fa40",
33
+ "@rescui/visual-regression": "0.1.4",
34
34
  "@types/classnames": "^2.2.11"
35
35
  },
36
36
  "scripts": {
@@ -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": "7614b4519a4716fbf1151d94c97fda48eab60800"
41
+ "gitHead": "405b9fa40886b0ab6709c9185e8214599d2d792e"
42
42
  }
package/lib/use-backward-compatible-id.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export declare const useBackwardCompatibleId: {
2
- (): string | number;
3
- counter: number;
4
- };
package/lib/use-backward-compatible-id.js DELETED
@@ -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 };