@rescui/textarea 0.10.2-RUI-286-Fix-tooltip-stacking-f4145b01.1 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +257 -362
  3. package/lib/index.d.ts +4 -0
  4. package/lib/public-api.p.css +27 -233
  5. package/lib/public-api.pcss +27 -233
  6. package/lib/textarea.d.ts +9 -0
  7. package/lib/textarea.js +21 -12
  8. package/lib/textarea.p.module.css.js +21 -20
  9. package/lib/use-backward-compatible-id.d.ts +4 -0
  10. package/lib/use-backward-compatible-id.js +14 -0
  11. package/package.json +7 -6
  12. package/lib/_virtual/warning.js +0 -106
package/lib/index.d.ts CHANGED
@@ -9,6 +9,7 @@ declare const DefaultTextarea: import("react").ForwardRefExoticComponent<Omit<im
9
9
  className?: string;
10
10
  disabled?: boolean;
11
11
  error?: import("react").ReactNode;
12
+ reserveErrorLine?: boolean;
12
13
  busy?: boolean;
13
14
  name?: string;
14
15
  onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement>;
@@ -29,6 +30,7 @@ declare const DefaultTextarea: import("react").ForwardRefExoticComponent<Omit<im
29
30
  textareaRef?: import("react").Ref<HTMLTextAreaElement>;
30
31
  enableClear?: boolean;
31
32
  boldLabel?: boolean;
33
+ characterCounter?: import("react").ReactNode;
32
34
  }> & {
33
35
  id?: string;
34
36
  autoComplete?: import("./textarea").TextareaAutoComplete;
@@ -36,6 +38,7 @@ declare const DefaultTextarea: import("react").ForwardRefExoticComponent<Omit<im
36
38
  className?: string;
37
39
  disabled?: boolean;
38
40
  error?: import("react").ReactNode;
41
+ reserveErrorLine?: boolean;
39
42
  busy?: boolean;
40
43
  name?: string;
41
44
  onChange?: import("react").ChangeEventHandler<HTMLTextAreaElement>;
@@ -56,6 +59,7 @@ declare const DefaultTextarea: import("react").ForwardRefExoticComponent<Omit<im
56
59
  textareaRef?: import("react").Ref<HTMLTextAreaElement>;
57
60
  enableClear?: boolean;
58
61
  boldLabel?: boolean;
62
+ characterCounter?: import("react").ReactNode;
59
63
  } & import("react").RefAttributes<HTMLLabelElement>>;
60
64
  export default DefaultTextarea;
61
65
  export { Textarea } from './textarea';
package/lib/public-api.p.css CHANGED
@@ -2,7 +2,6 @@
2
2
  &:not(html){
3
3
  --_rs-textarea-vertical-padding:6px;
4
4
  --_rs-textarea-horizontal-padding:8px;
5
- --_rs-textarea-parts-offset:4px;
6
5
  }
7
6
  &:not(html) [data-rs-internal='textarea__busy-icon']:not(html){
8
7
  --_rs-icons-height:20px;
@@ -34,8 +33,9 @@
34
33
  )
35
34
  );
36
35
  --_rs-typography-text-auto-offset:8px;
37
- --_rs-typography-ul-list-li-padding-left:28px;
38
- --_rs-typography-ol-list-li-padding-left:21px;
36
+ --_rs-typography-ul-bullet-offset:2px;
37
+ --_rs-typography-list-li-compact-left-offset:15px;
38
+ --_rs-typography-list-li-default-left-offset:19px;
39
39
  --_rs-typography-list-li-margin-top-from-text:8px;
40
40
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
41
41
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -71,8 +71,9 @@
71
71
  )
72
72
  );
73
73
  --_rs-typography-text-auto-offset:8px;
74
- --_rs-typography-ul-list-li-padding-left:28px;
75
- --_rs-typography-ol-list-li-padding-left:21px;
74
+ --_rs-typography-ul-bullet-offset:2px;
75
+ --_rs-typography-list-li-compact-left-offset:15px;
76
+ --_rs-typography-list-li-default-left-offset:19px;
76
77
  --_rs-typography-list-li-margin-top-from-text:8px;
77
78
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
78
79
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
@@ -102,87 +103,19 @@
102
103
  )
103
104
  );
104
105
  --_rs-typography-text-auto-offset:0;
105
- --_rs-typography-ul-list-li-padding-left:initial;
106
- --_rs-typography-ol-list-li-padding-left:initial;
106
+ --_rs-typography-ul-bullet-offset:initial;
107
+ --_rs-typography-list-li-compact-left-offset:initial;
108
+ --_rs-typography-list-li-default-left-offset:initial;
107
109
  --_rs-typography-list-li-margin-top-from-text:initial;
108
110
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
109
111
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
110
112
  --_rs-typography-link-border-bottom-width-from-text:2px;
111
113
  }
112
- &:not(html) [data-rs-internal='textarea__note']{
113
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
114
- --_rs-typography-text-transform:initial;
115
- --_rs-typography-font-variant-numeric:initial;
116
- --_rs-typography-font-family:var(
117
- --rs-font-family-ui,
118
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
119
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
120
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
121
- );
122
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
123
- --_rs-typography-font-weight:var(
124
- --rs-font-weight-regular,
125
- 400
126
- );
127
- --_rs-typography-line-height:var(
128
- --rs-text-3-line-height,
129
- 20px
130
- );
131
- --_rs-typography-base-color:var(
132
- --_rs-typography-hardness-color,
133
- var(
134
- --rs-color-average,
135
- 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)
136
- )
137
- );
138
- --_rs-typography-text-auto-offset:8px;
139
- --_rs-typography-ul-list-li-padding-left:28px;
140
- --_rs-typography-ol-list-li-padding-left:21px;
141
- --_rs-typography-list-li-margin-top-from-text:8px;
142
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
143
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
144
- --_rs-typography-link-border-bottom-width-from-text:1px;
145
- }
146
- &:not(html) [data-rs-internal='textarea__error-message']{
147
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
148
- --_rs-typography-text-transform:initial;
149
- --_rs-typography-font-variant-numeric:initial;
150
- --_rs-typography-font-family:var(
151
- --rs-font-family-ui,
152
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
153
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
154
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
155
- );
156
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
157
- --_rs-typography-font-weight:var(
158
- --rs-font-weight-semi-bold,
159
- 600
160
- );
161
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
162
- --_rs-typography-base-color:var(
163
- --_rs-typography-heading-hardness-color,
164
- var(
165
- --rs-color-hard,
166
- 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))
167
- )
168
- );
169
- --_rs-typography-text-auto-offset:0;
170
- --_rs-typography-ul-list-li-padding-left:initial;
171
- --_rs-typography-ol-list-li-padding-left:initial;
172
- --_rs-typography-list-li-margin-top-from-text:initial;
173
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
174
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
175
- --_rs-typography-link-border-bottom-width-from-text:2px;
176
- }
177
- &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
178
- --_rs-icons-height:20px;
179
- }
180
114
  }
181
115
  @define-mixin rs-textarea-size-m{
182
116
  &:not(html){
183
117
  --_rs-textarea-vertical-padding:8px;
184
118
  --_rs-textarea-horizontal-padding:8px;
185
- --_rs-textarea-parts-offset:8px;
186
119
  }
187
120
  &:not(html) [data-rs-internal='textarea__busy-icon']:not(html){
188
121
  --_rs-icons-height:24px;
@@ -214,8 +147,9 @@
214
147
  )
215
148
  );
216
149
  --_rs-typography-text-auto-offset:16px;
217
- --_rs-typography-ul-list-li-padding-left:22px;
218
- --_rs-typography-ol-list-li-padding-left:26px;
150
+ --_rs-typography-ul-bullet-offset:2px;
151
+ --_rs-typography-list-li-compact-left-offset:18px;
152
+ --_rs-typography-list-li-default-left-offset:24px;
219
153
  --_rs-typography-list-li-margin-top-from-text:var(
220
154
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
221
155
  16px
@@ -259,8 +193,9 @@
259
193
  )
260
194
  );
261
195
  --_rs-typography-text-auto-offset:16px;
262
- --_rs-typography-ul-list-li-padding-left:22px;
263
- --_rs-typography-ol-list-li-padding-left:26px;
196
+ --_rs-typography-ul-bullet-offset:2px;
197
+ --_rs-typography-list-li-compact-left-offset:18px;
198
+ --_rs-typography-list-li-default-left-offset:24px;
264
199
  --_rs-typography-list-li-margin-top-from-text:var(
265
200
  --_rs-typography-text-2-sm-list-li-margin-top-from-text,
266
201
  16px
@@ -301,87 +236,19 @@
301
236
  )
302
237
  );
303
238
  --_rs-typography-text-auto-offset:0;
304
- --_rs-typography-ul-list-li-padding-left:initial;
305
- --_rs-typography-ol-list-li-padding-left:initial;
306
- --_rs-typography-list-li-margin-top-from-text:initial;
307
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
308
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
309
- --_rs-typography-link-border-bottom-width-from-text:2px;
310
- }
311
- &:not(html) [data-rs-internal='textarea__note']{
312
- --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
313
- --_rs-typography-text-transform:initial;
314
- --_rs-typography-font-variant-numeric:initial;
315
- --_rs-typography-font-family:var(
316
- --rs-font-family-ui,
317
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
318
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
319
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
320
- );
321
- --_rs-typography-font-size:var(--rs-text-3-font-size, 13px);
322
- --_rs-typography-font-weight:var(
323
- --rs-font-weight-regular,
324
- 400
325
- );
326
- --_rs-typography-line-height:var(
327
- --rs-text-3-line-height,
328
- 20px
329
- );
330
- --_rs-typography-base-color:var(
331
- --_rs-typography-hardness-color,
332
- var(
333
- --rs-color-average,
334
- 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)
335
- )
336
- );
337
- --_rs-typography-text-auto-offset:8px;
338
- --_rs-typography-ul-list-li-padding-left:28px;
339
- --_rs-typography-ol-list-li-padding-left:21px;
340
- --_rs-typography-list-li-margin-top-from-text:8px;
341
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
342
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
343
- --_rs-typography-link-border-bottom-width-from-text:1px;
344
- }
345
- &:not(html) [data-rs-internal='textarea__error-message']{
346
- --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
347
- --_rs-typography-text-transform:initial;
348
- --_rs-typography-font-variant-numeric:initial;
349
- --_rs-typography-font-family:var(
350
- --rs-font-family-ui,
351
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
352
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
353
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
354
- );
355
- --_rs-typography-font-size:var(--rs-h5-font-size, 13px);
356
- --_rs-typography-font-weight:var(
357
- --rs-font-weight-semi-bold,
358
- 600
359
- );
360
- --_rs-typography-line-height:var(--rs-h5-line-height, 20px);
361
- --_rs-typography-base-color:var(
362
- --_rs-typography-heading-hardness-color,
363
- var(
364
- --rs-color-hard,
365
- 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))
366
- )
367
- );
368
- --_rs-typography-text-auto-offset:0;
369
- --_rs-typography-ul-list-li-padding-left:initial;
370
- --_rs-typography-ol-list-li-padding-left:initial;
239
+ --_rs-typography-ul-bullet-offset:initial;
240
+ --_rs-typography-list-li-compact-left-offset:initial;
241
+ --_rs-typography-list-li-default-left-offset:initial;
371
242
  --_rs-typography-list-li-margin-top-from-text:initial;
372
243
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
373
244
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
374
245
  --_rs-typography-link-border-bottom-width-from-text:2px;
375
246
  }
376
- &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
377
- --_rs-icons-height:20px;
378
- }
379
247
  }
380
248
  @define-mixin rs-textarea-size-l{
381
249
  &:not(html){
382
250
  --_rs-textarea-vertical-padding:12px;
383
251
  --_rs-textarea-horizontal-padding:16px;
384
- --_rs-textarea-parts-offset:8px;
385
252
  }
386
253
  &:not(html) [data-rs-internal='textarea__busy-icon']:not(html){
387
254
  --_rs-icons-height:28px;
@@ -413,8 +280,9 @@
413
280
  )
414
281
  );
415
282
  --_rs-typography-text-auto-offset:32px;
416
- --_rs-typography-ul-list-li-padding-left:26px;
417
- --_rs-typography-ol-list-li-padding-left:32px;
283
+ --_rs-typography-ul-bullet-offset:2px;
284
+ --_rs-typography-list-li-compact-left-offset:22px;
285
+ --_rs-typography-list-li-default-left-offset:28px;
418
286
  --_rs-typography-list-li-margin-top-from-text:var(
419
287
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
420
288
  24px
@@ -458,8 +326,9 @@
458
326
  )
459
327
  );
460
328
  --_rs-typography-text-auto-offset:32px;
461
- --_rs-typography-ul-list-li-padding-left:26px;
462
- --_rs-typography-ol-list-li-padding-left:32px;
329
+ --_rs-typography-ul-bullet-offset:2px;
330
+ --_rs-typography-list-li-compact-left-offset:22px;
331
+ --_rs-typography-list-li-default-left-offset:28px;
463
332
  --_rs-typography-list-li-margin-top-from-text:var(
464
333
  --_rs-typography-text-1-sm-list-li-margin-top-from-text,
465
334
  24px
@@ -500,89 +369,14 @@
500
369
  )
501
370
  );
502
371
  --_rs-typography-text-auto-offset:0;
503
- --_rs-typography-ul-list-li-padding-left:initial;
504
- --_rs-typography-ol-list-li-padding-left:initial;
372
+ --_rs-typography-ul-bullet-offset:initial;
373
+ --_rs-typography-list-li-compact-left-offset:initial;
374
+ --_rs-typography-list-li-default-left-offset:initial;
505
375
  --_rs-typography-list-li-margin-top-from-text:initial;
506
376
  --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
507
377
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
508
378
  --_rs-typography-link-border-bottom-width-from-text:2px;
509
379
  }
510
- &:not(html) [data-rs-internal='textarea__note']{
511
- --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
512
- --_rs-typography-text-transform:initial;
513
- --_rs-typography-font-variant-numeric:initial;
514
- --_rs-typography-font-family:var(
515
- --rs-font-family-ui,
516
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
517
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
518
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
519
- );
520
- --_rs-typography-font-size:var(--rs-text-2-font-size, 16px);
521
- --_rs-typography-font-weight:var(
522
- --rs-font-weight-regular,
523
- 400
524
- );
525
- --_rs-typography-line-height:var(
526
- --rs-text-2-line-height,
527
- 24px
528
- );
529
- --_rs-typography-base-color:var(
530
- --_rs-typography-hardness-color,
531
- var(
532
- --rs-color-average,
533
- 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)
534
- )
535
- );
536
- --_rs-typography-text-auto-offset:16px;
537
- --_rs-typography-ul-list-li-padding-left:22px;
538
- --_rs-typography-ol-list-li-padding-left:26px;
539
- --_rs-typography-list-li-margin-top-from-text:var(
540
- --_rs-typography-text-2-sm-list-li-margin-top-from-text,
541
- 16px
542
- );
543
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
544
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
545
- --_rs-typography-link-border-bottom-width-from-text:1px;
546
- }
547
- @media screen and (max-width: 640px){
548
- &:not(html) [data-rs-internal='textarea__note']{
549
- --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
550
- }
551
- }
552
- &:not(html) [data-rs-internal='textarea__error-message']{
553
- --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
554
- --_rs-typography-text-transform:initial;
555
- --_rs-typography-font-variant-numeric:initial;
556
- --_rs-typography-font-family:var(
557
- --rs-font-family-ui,
558
- var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system,
559
- BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
560
- 'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
561
- );
562
- --_rs-typography-font-size:var(--rs-h4-font-size, 16px);
563
- --_rs-typography-font-weight:var(
564
- --rs-font-weight-semi-bold,
565
- 600
566
- );
567
- --_rs-typography-line-height:var(--rs-h4-line-height, 24px);
568
- --_rs-typography-base-color:var(
569
- --_rs-typography-heading-hardness-color,
570
- var(
571
- --rs-color-hard,
572
- 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))
573
- )
574
- );
575
- --_rs-typography-text-auto-offset:0;
576
- --_rs-typography-ul-list-li-padding-left:initial;
577
- --_rs-typography-ol-list-li-padding-left:initial;
578
- --_rs-typography-list-li-margin-top-from-text:initial;
579
- --_rs-typography-link-standalone-border-offset-from-text-base:1.15em;
580
- --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
581
- --_rs-typography-link-border-bottom-width-from-text:2px;
582
- }
583
- &:not(html) [data-rs-internal='textarea__error-icon']:not(html){
584
- --_rs-icons-height:24px;
585
- }
586
380
  }
587
381
  @define-mixin rs-textarea-mode-classic{
588
382
  &:not(html){