@rescui/textarea 0.11.4-RUI-293-Update-menu-component-7a032357e.20 → 0.11.4-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33

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 (5) hide show
  1. package/lib/_virtual/index.css.js +12 -12
  2. package/lib/index.css +98 -98
  3. package/lib/textarea.p.module.css.js +21 -21
  4. package/llm/components/textarea.md +14 -27
  5. package/package.json +5 -5
package/lib/_virtual/index.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_11g9wvk_4",
3
- "sizeXS": "_sizeXS_11g9wvk_14",
4
- "sizeS": "_sizeS_11g9wvk_18",
5
- "sizeM": "_sizeM_11g9wvk_22",
6
- "sizeL": "_sizeL_11g9wvk_26",
7
- "light": "_light_11g9wvk_30",
8
- "dark": "_dark_11g9wvk_34",
9
- "allVariants": "_allVariants_11g9wvk_48",
10
- "variant16": "_variant16_11g9wvk_53",
11
- "variant20": "_variant20_11g9wvk_54",
12
- "variant24": "_variant24_11g9wvk_55",
13
- "variant28": "_variant28_11g9wvk_58"
2
+ "icon": "_icon_selttq_4",
3
+ "sizeXS": "_sizeXS_selttq_14",
4
+ "sizeS": "_sizeS_selttq_18",
5
+ "sizeM": "_sizeM_selttq_22",
6
+ "sizeL": "_sizeL_selttq_26",
7
+ "light": "_light_selttq_30",
8
+ "dark": "_dark_selttq_34",
9
+ "allVariants": "_allVariants_selttq_48",
10
+ "variant16": "_variant16_selttq_53",
11
+ "variant20": "_variant20_selttq_54",
12
+ "variant24": "_variant24_selttq_55",
13
+ "variant28": "_variant28_selttq_58"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_11g9wvk_4{
1
+ ._icon_selttq_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_11g9wvk_4{
11
+ ._icon_selttq_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_11g9wvk_4{
20
+ ._icon_selttq_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_11g9wvk_4{
28
+ ._icon_selttq_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:var(--rs-icons-width, auto);
33
33
  height:var(--rs-icons-height, var(--_rs-icons-height));
34
34
  }
35
- ._sizeXS_11g9wvk_14{
35
+ ._sizeXS_selttq_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_11g9wvk_18{
38
+ ._sizeS_selttq_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_11g9wvk_22{
41
+ ._sizeM_selttq_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_11g9wvk_26{
44
+ ._sizeL_selttq_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_11g9wvk_30{
47
+ ._light_selttq_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_11g9wvk_34{
51
+ ._dark_selttq_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
@@ -60,56 +60,56 @@
60
60
  transform:rotate(360deg);
61
61
  }
62
62
  }
63
- ._allVariants_11g9wvk_48{
63
+ ._allVariants_selttq_48{
64
64
  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
65
65
  container:rs-icon / size;
66
66
  }
67
- ._variant16_11g9wvk_53,
68
- ._variant20_11g9wvk_54,
69
- ._variant24_11g9wvk_55{
67
+ ._variant16_selttq_53,
68
+ ._variant20_selttq_54,
69
+ ._variant24_selttq_55{
70
70
  display:none;
71
71
  }
72
- ._variant28_11g9wvk_58{
72
+ ._variant28_selttq_58{
73
73
  display:block;
74
74
  }
75
75
  @container rs-icon (max-height: 24px){
76
- ._variant24_11g9wvk_55{
76
+ ._variant24_selttq_55{
77
77
  display:block;
78
78
  }
79
- ._variant28_11g9wvk_58{
79
+ ._variant28_selttq_58{
80
80
  display:none;
81
81
  }
82
82
  }
83
83
  @container rs-icon (max-height: 20px){
84
- ._variant20_11g9wvk_54{
84
+ ._variant20_selttq_54{
85
85
  display:block;
86
86
  }
87
- ._variant24_11g9wvk_55{
87
+ ._variant24_selttq_55{
88
88
  display:none;
89
89
  }
90
90
  }
91
91
  @container rs-icon (max-height: 16px){
92
- ._variant16_11g9wvk_53{
92
+ ._variant16_selttq_53{
93
93
  display:block;
94
94
  }
95
- ._variant20_11g9wvk_54{
95
+ ._variant20_selttq_54{
96
96
  display:none;
97
97
  }
98
98
  }
99
- ._themeLight_gu38lp_8{
99
+ ._themeLight_1lz9irn_8{
100
100
  --rs-theme-dark:0;
101
101
  }
102
- ._themeDark_gu38lp_11{
102
+ ._themeDark_1lz9irn_11{
103
103
  --rs-theme-dark:1;
104
104
  }
105
- ._sizeS_gu38lp_15{
105
+ ._sizeS_1lz9irn_15{
106
106
  --_rs-textarea-vertical-padding:6px;
107
107
  --_rs-textarea-horizontal-padding:8px;
108
108
  }
109
- ._sizeS_gu38lp_15 [data-rs-internal='textarea__busy-icon']:not(html){
109
+ ._sizeS_1lz9irn_15 [data-rs-internal='textarea__busy-icon']:not(html){
110
110
  --_rs-icons-height:20px;
111
111
  }
112
- ._sizeS_gu38lp_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
112
+ ._sizeS_1lz9irn_15 [data-rs-internal='textarea__inner']::-moz-placeholder{
113
113
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
114
114
  --_rs-typography-text-transform:initial;
115
115
  --_rs-typography-font-variant-numeric:initial;
@@ -144,10 +144,10 @@
144
144
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
145
145
  --_rs-typography-link-border-bottom-width-from-text:1px;
146
146
  }
147
- ._sizeS_gu38lp_15 [data-rs-internal='textarea__label'],
148
- ._sizeS_gu38lp_15 [data-rs-internal='textarea__inner'],
149
- ._sizeS_gu38lp_15 [data-rs-internal='textarea__inner']::placeholder,
150
- ._sizeS_gu38lp_15 [data-rs-internal='textarea__suffix']{
147
+ ._sizeS_1lz9irn_15 [data-rs-internal='textarea__label'],
148
+ ._sizeS_1lz9irn_15 [data-rs-internal='textarea__inner'],
149
+ ._sizeS_1lz9irn_15 [data-rs-internal='textarea__inner']::placeholder,
150
+ ._sizeS_1lz9irn_15 [data-rs-internal='textarea__suffix']{
151
151
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
152
152
  --_rs-typography-text-transform:initial;
153
153
  --_rs-typography-font-variant-numeric:initial;
@@ -182,7 +182,7 @@
182
182
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
183
183
  --_rs-typography-link-border-bottom-width-from-text:1px;
184
184
  }
185
- ._sizeS_gu38lp_15 [data-rs-internal='textarea__bold-label']{
185
+ ._sizeS_1lz9irn_15 [data-rs-internal='textarea__bold-label']{
186
186
  --_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
187
187
  --_rs-typography-text-transform:initial;
188
188
  --_rs-typography-font-variant-numeric:initial;
@@ -214,14 +214,14 @@
214
214
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
215
215
  --_rs-typography-link-border-bottom-width-from-text:2px;
216
216
  }
217
- ._sizeM_gu38lp_18{
217
+ ._sizeM_1lz9irn_18{
218
218
  --_rs-textarea-vertical-padding:8px;
219
219
  --_rs-textarea-horizontal-padding:8px;
220
220
  }
221
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__busy-icon']:not(html){
221
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__busy-icon']:not(html){
222
222
  --_rs-icons-height:24px;
223
223
  }
224
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
224
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
225
225
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
226
226
  --_rs-typography-text-transform:initial;
227
227
  --_rs-typography-font-variant-numeric:initial;
@@ -260,14 +260,14 @@
260
260
  --_rs-typography-link-border-bottom-width-from-text:1px;
261
261
  }
262
262
  @media screen and (max-width: 640px){
263
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
263
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__inner']::-moz-placeholder{
264
264
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
265
265
  }
266
266
  }
267
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__label'],
268
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__inner'],
269
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__inner']::placeholder,
270
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__suffix']{
267
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__label'],
268
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__inner'],
269
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__inner']::placeholder,
270
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__suffix']{
271
271
  --_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
272
272
  --_rs-typography-text-transform:initial;
273
273
  --_rs-typography-font-variant-numeric:initial;
@@ -306,14 +306,14 @@
306
306
  --_rs-typography-link-border-bottom-width-from-text:1px;
307
307
  }
308
308
  @media screen and (max-width: 640px){
309
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__label'],
310
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__inner'],
311
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__inner']::placeholder,
312
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__suffix']{
309
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__label'],
310
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__inner'],
311
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__inner']::placeholder,
312
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__suffix']{
313
313
  --_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
314
314
  }
315
315
  }
316
- ._sizeM_gu38lp_18 [data-rs-internal='textarea__bold-label']{
316
+ ._sizeM_1lz9irn_18 [data-rs-internal='textarea__bold-label']{
317
317
  --_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
318
318
  --_rs-typography-text-transform:initial;
319
319
  --_rs-typography-font-variant-numeric:initial;
@@ -345,14 +345,14 @@
345
345
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
346
346
  --_rs-typography-link-border-bottom-width-from-text:2px;
347
347
  }
348
- ._sizeL_gu38lp_21{
348
+ ._sizeL_1lz9irn_21{
349
349
  --_rs-textarea-vertical-padding:12px;
350
350
  --_rs-textarea-horizontal-padding:16px;
351
351
  }
352
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__busy-icon']:not(html){
352
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__busy-icon']:not(html){
353
353
  --_rs-icons-height:28px;
354
354
  }
355
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
355
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
356
356
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
357
357
  --_rs-typography-text-transform:initial;
358
358
  --_rs-typography-font-variant-numeric:initial;
@@ -391,14 +391,14 @@
391
391
  --_rs-typography-link-border-bottom-width-from-text:1px;
392
392
  }
393
393
  @media screen and (max-width: 640px){
394
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
394
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__inner']::-moz-placeholder{
395
395
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
396
396
  }
397
397
  }
398
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__label'],
399
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__inner'],
400
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__inner']::placeholder,
401
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__suffix']{
398
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__label'],
399
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__inner'],
400
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__inner']::placeholder,
401
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__suffix']{
402
402
  --_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
403
403
  --_rs-typography-text-transform:initial;
404
404
  --_rs-typography-font-variant-numeric:initial;
@@ -437,14 +437,14 @@
437
437
  --_rs-typography-link-border-bottom-width-from-text:1px;
438
438
  }
439
439
  @media screen and (max-width: 640px){
440
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__label'],
441
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__inner'],
442
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__inner']::placeholder,
443
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__suffix']{
440
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__label'],
441
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__inner'],
442
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__inner']::placeholder,
443
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__suffix']{
444
444
  --_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
445
445
  }
446
446
  }
447
- ._sizeL_gu38lp_21 [data-rs-internal='textarea__bold-label']{
447
+ ._sizeL_1lz9irn_21 [data-rs-internal='textarea__bold-label']{
448
448
  --_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
449
449
  --_rs-typography-text-transform:initial;
450
450
  --_rs-typography-font-variant-numeric:initial;
@@ -476,7 +476,7 @@
476
476
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
477
477
  --_rs-typography-link-border-bottom-width-from-text:2px;
478
478
  }
479
- ._classic_gu38lp_25{
479
+ ._classic_1lz9irn_25{
480
480
  --_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));
481
481
  --_rs-textarea-focused-background-color:rgb(
482
482
  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)
@@ -494,7 +494,7 @@
494
494
  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)
495
495
  );
496
496
  }
497
- ._rock_gu38lp_28{
497
+ ._rock_1lz9irn_28{
498
498
  --_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));
499
499
  --_rs-textarea-focused-background-color:rgb(
500
500
  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)
@@ -512,7 +512,7 @@
512
512
  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)
513
513
  );
514
514
  }
515
- ._labelWrapper_gu38lp_32{
515
+ ._labelWrapper_1lz9irn_32{
516
516
  --_rs-theme-dark:var(
517
517
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
518
518
  var(--rs-theme-dark, 0)
@@ -522,7 +522,7 @@
522
522
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
523
523
  }
524
524
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
525
- ._labelWrapper_gu38lp_32{
525
+ ._labelWrapper_1lz9irn_32{
526
526
  --_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)));
527
527
  --_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)));
528
528
  --_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)));
@@ -531,7 +531,7 @@
531
531
  }
532
532
  }
533
533
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
534
- ._labelWrapper_gu38lp_32{
534
+ ._labelWrapper_1lz9irn_32{
535
535
  --_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);
536
536
  --_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));
537
537
  --_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));
@@ -540,22 +540,22 @@
540
540
  }
541
541
  }
542
542
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
543
- ._labelWrapper_gu38lp_32{
543
+ ._labelWrapper_1lz9irn_32{
544
544
  --_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)));
545
545
  --_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)));
546
546
  }
547
547
  }
548
548
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
549
- ._labelWrapper_gu38lp_32{
549
+ ._labelWrapper_1lz9irn_32{
550
550
  --_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));
551
551
  --_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);
552
552
  }
553
553
  }
554
- ._labelWrapper_gu38lp_32 {
554
+ ._labelWrapper_1lz9irn_32 {
555
555
 
556
556
  display:block;
557
557
  }
558
- ._wrapper_gu38lp_40{
558
+ ._wrapper_1lz9irn_40{
559
559
  --_rs-textarea-border-width:1px;
560
560
  --_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);
561
561
  --_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));
@@ -571,34 +571,34 @@
571
571
 
572
572
  box-shadow:inset 0 0 0 var(--_rs-textarea-border-width) var(--_rs-textarea-border-color);
573
573
  }
574
- ._error_gu38lp_57 ._wrapper_gu38lp_40{
574
+ ._error_1lz9irn_57 ._wrapper_1lz9irn_40{
575
575
  --_rs-textarea-border-width:2px;
576
576
  --_rs-textarea-border-color:var(--_rs-color-danger);
577
577
  --_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));
578
578
  }
579
- ._disabled_gu38lp_63 ._wrapper_gu38lp_40{
579
+ ._disabled_1lz9irn_63 ._wrapper_1lz9irn_40{
580
580
  --_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));
581
581
 
582
582
  cursor:default;
583
583
  }
584
- ._enabled_gu38lp_69._focused_gu38lp_69 ._wrapper_gu38lp_40{
584
+ ._enabled_1lz9irn_69._focused_1lz9irn_69 ._wrapper_1lz9irn_40{
585
585
  --_rs-textarea-background-color:var(
586
586
  --_rs-textarea-focused-background-color
587
587
  );
588
588
  }
589
- ._enabled_gu38lp_69:not(._error_gu38lp_57)._filled_gu38lp_75 ._wrapper_gu38lp_40{
589
+ ._enabled_1lz9irn_69:not(._error_1lz9irn_57)._filled_1lz9irn_75 ._wrapper_1lz9irn_40{
590
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.3);
591
591
  }
592
592
  @media (hover: hover){
593
- ._enabled_gu38lp_69:not(._error_gu38lp_57):hover ._wrapper_gu38lp_40{
593
+ ._enabled_1lz9irn_69:not(._error_1lz9irn_57):hover ._wrapper_1lz9irn_40{
594
594
  --_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);
595
595
  }
596
596
  }
597
- ._enabled_gu38lp_69:not(._error_gu38lp_57)._focused_gu38lp_69 ._wrapper_gu38lp_40{
597
+ ._enabled_1lz9irn_69:not(._error_1lz9irn_57)._focused_1lz9irn_69 ._wrapper_1lz9irn_40{
598
598
  --_rs-textarea-border-width:var(--_rs-textarea-focused-border-width);
599
599
  --_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));
600
600
  }
601
- ._inner_gu38lp_91{
601
+ ._inner_1lz9irn_91{
602
602
  letter-spacing:var(
603
603
  --rs-text-base-letter-spacing,
604
604
  var(--_rs-typography-letter-spacing)
@@ -633,25 +633,25 @@
633
633
  appearance:none;
634
634
  }
635
635
  @media (hover: hover){
636
- ._inner_gu38lp_91{
636
+ ._inner_1lz9irn_91{
637
637
  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));
638
638
  scrollbar-width:thin
639
639
  }
640
640
 
641
- ._inner_gu38lp_91::-webkit-scrollbar{
641
+ ._inner_1lz9irn_91::-webkit-scrollbar{
642
642
  width:7px;
643
643
  height:8px;
644
644
  }
645
645
 
646
- ._inner_gu38lp_91::-webkit-scrollbar-corner{
646
+ ._inner_1lz9irn_91::-webkit-scrollbar-corner{
647
647
  background-color:transparent;
648
648
  }
649
649
 
650
- ._inner_gu38lp_91::-webkit-scrollbar-track{
650
+ ._inner_1lz9irn_91::-webkit-scrollbar-track{
651
651
  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));
652
652
  }
653
653
 
654
- ._inner_gu38lp_91::-webkit-scrollbar-thumb{
654
+ ._inner_1lz9irn_91::-webkit-scrollbar-thumb{
655
655
  width:7px;
656
656
 
657
657
  border-radius:7px;
@@ -659,40 +659,40 @@
659
659
  background:#8C8C8E;
660
660
  }
661
661
 
662
- ._enabled_gu38lp_69._focused_gu38lp_69 ._inner_gu38lp_91{
662
+ ._enabled_1lz9irn_69._focused_1lz9irn_69 ._inner_1lz9irn_91{
663
663
  scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
664
664
  }
665
665
 
666
- ._enabled_gu38lp_69._focused_gu38lp_69 ._inner_gu38lp_91::-webkit-scrollbar-track{
666
+ ._enabled_1lz9irn_69._focused_1lz9irn_69 ._inner_1lz9irn_91::-webkit-scrollbar-track{
667
667
  background-color:var(--_rs-textarea-focused-scrollbar-track-color);
668
668
  }
669
669
  }
670
- ._inner_gu38lp_91:focus{
670
+ ._inner_1lz9irn_91:focus{
671
671
  outline:none;
672
672
  }
673
- ._inner_gu38lp_91::-moz-placeholder{
673
+ ._inner_1lz9irn_91::-moz-placeholder{
674
674
  opacity:1;
675
675
 
676
676
  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);
677
677
  }
678
- ._enabled_gu38lp_69._focused_gu38lp_69 ._inner_gu38lp_91::-moz-placeholder{
678
+ ._enabled_1lz9irn_69._focused_1lz9irn_69 ._inner_1lz9irn_91::-moz-placeholder{
679
679
  color:var(--_rs-textarea-focused-placeholder-color);
680
680
  }
681
- ._inner_gu38lp_91::placeholder{
681
+ ._inner_1lz9irn_91::placeholder{
682
682
  opacity:1;
683
683
 
684
684
  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);
685
685
  }
686
- ._enabled_gu38lp_69._focused_gu38lp_69 ._inner_gu38lp_91::placeholder{
686
+ ._enabled_1lz9irn_69._focused_1lz9irn_69 ._inner_1lz9irn_91::placeholder{
687
687
  color:var(--_rs-textarea-focused-placeholder-color);
688
688
  }
689
- ._disabled_gu38lp_63 ._inner_gu38lp_91{
689
+ ._disabled_1lz9irn_63 ._inner_1lz9irn_91{
690
690
  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);
691
691
  }
692
- ._enabled_gu38lp_69._focused_gu38lp_69 ._inner_gu38lp_91{
692
+ ._enabled_1lz9irn_69._focused_1lz9irn_69 ._inner_1lz9irn_91{
693
693
  color:var(--_rs-textarea-focused-color);
694
694
  }
695
- ._busyIcon_gu38lp_177{
695
+ ._busyIcon_1lz9irn_177{
696
696
  position:absolute;
697
697
  right:var(--_rs-textarea-horizontal-padding);
698
698
  bottom:var(--_rs-textarea-vertical-padding);
@@ -703,13 +703,13 @@
703
703
 
704
704
  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);
705
705
  }
706
- ._disabled_gu38lp_63 ._busyIcon_gu38lp_177{
706
+ ._disabled_1lz9irn_63 ._busyIcon_1lz9irn_177{
707
707
  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
708
  }
709
- ._enabled_gu38lp_69._focused_gu38lp_69 ._busyIcon_gu38lp_177{
709
+ ._enabled_1lz9irn_69._focused_1lz9irn_69 ._busyIcon_1lz9irn_177{
710
710
  color:var(--_rs-textarea-focused-busy-icon-color);
711
711
  }
712
- ._label_gu38lp_32{
712
+ ._label_1lz9irn_32{
713
713
  letter-spacing:var(
714
714
  --rs-text-base-letter-spacing,
715
715
  var(--_rs-typography-letter-spacing)
@@ -728,13 +728,13 @@
728
728
 
729
729
  margin-bottom:4px;
730
730
  }
731
- ._disabled_gu38lp_63 ._label_gu38lp_32{
731
+ ._disabled_1lz9irn_63 ._label_1lz9irn_32{
732
732
  color:var(
733
733
  --rs-color-pale,
734
734
  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)
735
735
  );
736
736
  }
737
- ._footer_gu38lp_208{
737
+ ._footer_1lz9irn_208{
738
738
  display:grid;
739
739
  grid-template-areas:"note character-counter" "error-message character-counter";
740
740
  grid-template-columns:1fr auto;
@@ -744,10 +744,10 @@
744
744
 
745
745
  margin-top:4px;
746
746
  }
747
- ._error_gu38lp_57 ._footer_gu38lp_208{
747
+ ._error_1lz9irn_57 ._footer_1lz9irn_208{
748
748
  grid-template-areas:"error-message character-counter" "note character-counter";
749
749
  }
750
- ._characterCounter_gu38lp_227{
750
+ ._characterCounter_1lz9irn_227{
751
751
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
752
752
  --_rs-typography-text-transform:initial;
753
753
  --_rs-typography-font-variant-numeric:initial;
@@ -809,10 +809,10 @@
809
809
 
810
810
  margin-left:16px;
811
811
  }
812
- ._errorMessage_gu38lp_236{
812
+ ._errorMessage_1lz9irn_236{
813
813
  grid-area:error-message;
814
814
  }
815
- ._note_gu38lp_240{
815
+ ._note_1lz9irn_240{
816
816
  --_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
817
817
  --_rs-typography-text-transform:initial;
818
818
  --_rs-typography-font-variant-numeric:initial;
@@ -872,7 +872,7 @@
872
872
 
873
873
  grid-area:note;
874
874
  }
875
- ._disabled_gu38lp_63 ._note_gu38lp_240{
875
+ ._disabled_1lz9irn_63 ._note_1lz9irn_240{
876
876
  --_rs-typography-hardness-color:var(
877
877
  --rs-color-pale,
878
878
  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/textarea.p.module.css.js CHANGED
@@ -1,24 +1,24 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_gu38lp_8",
3
- "themeDark": "_themeDark_gu38lp_11",
4
- "sizeS": "_sizeS_gu38lp_15",
5
- "sizeM": "_sizeM_gu38lp_18",
6
- "sizeL": "_sizeL_gu38lp_21",
7
- "classic": "_classic_gu38lp_25",
8
- "rock": "_rock_gu38lp_28",
9
- "labelWrapper": "_labelWrapper_gu38lp_32",
10
- "wrapper": "_wrapper_gu38lp_40",
11
- "error": "_error_gu38lp_57",
12
- "disabled": "_disabled_gu38lp_63",
13
- "enabled": "_enabled_gu38lp_69",
14
- "focused": "_focused_gu38lp_69",
15
- "filled": "_filled_gu38lp_75",
16
- "inner": "_inner_gu38lp_91",
17
- "busyIcon": "_busyIcon_gu38lp_177",
18
- "label": "_label_gu38lp_32",
19
- "footer": "_footer_gu38lp_208",
20
- "characterCounter": "_characterCounter_gu38lp_227",
21
- "errorMessage": "_errorMessage_gu38lp_236",
22
- "note": "_note_gu38lp_240"
2
+ "themeLight": "_themeLight_1lz9irn_8",
3
+ "themeDark": "_themeDark_1lz9irn_11",
4
+ "sizeS": "_sizeS_1lz9irn_15",
5
+ "sizeM": "_sizeM_1lz9irn_18",
6
+ "sizeL": "_sizeL_1lz9irn_21",
7
+ "classic": "_classic_1lz9irn_25",
8
+ "rock": "_rock_1lz9irn_28",
9
+ "labelWrapper": "_labelWrapper_1lz9irn_32",
10
+ "wrapper": "_wrapper_1lz9irn_40",
11
+ "error": "_error_1lz9irn_57",
12
+ "disabled": "_disabled_1lz9irn_63",
13
+ "enabled": "_enabled_1lz9irn_69",
14
+ "focused": "_focused_1lz9irn_69",
15
+ "filled": "_filled_1lz9irn_75",
16
+ "inner": "_inner_1lz9irn_91",
17
+ "busyIcon": "_busyIcon_1lz9irn_177",
18
+ "label": "_label_1lz9irn_32",
19
+ "footer": "_footer_1lz9irn_208",
20
+ "characterCounter": "_characterCounter_1lz9irn_227",
21
+ "errorMessage": "_errorMessage_1lz9irn_236",
22
+ "note": "_note_1lz9irn_240"
23
23
  };
24
24
  export { styles as default };
package/llm/components/textarea.md CHANGED
@@ -57,16 +57,16 @@ render(<Demo />);
57
57
 
58
58
  ##### Demo
59
59
 
60
- Instead of separate classes, it may be a single class with `@media` queries inside:
60
+ Use the controls to see the effect at different viewport widths.
61
61
 
62
62
  ```tsx
63
63
  import { Textarea } from '@rescui/textarea';
64
64
 
65
- const MyTextarea = ({ className }) => {
65
+ const MyTextarea = () => {
66
66
  return (
67
- <div style={{ padding: 12, backgroundColor: 'var(--rs-color-black-t5)' }}>
67
+ <div style={{ maxWidth: '380px' }}>
68
68
  <Textarea
69
- className={className}
69
+ className="my-textarea"
70
70
  placeholder="Type something..."
71
71
  minRows={3}
72
72
  />
@@ -74,33 +74,20 @@ const MyTextarea = ({ className }) => {
74
74
  );
75
75
  };
76
76
 
77
- render(
78
- <div style={{ display: 'flex', flexDirection: 'column', gap: 24 }}>
79
- <div>
80
- <p>Default:</p>
81
- <MyTextarea />
82
- </div>
83
- <div>
84
- <p>Var1:</p>
85
- <MyTextarea className={`my-textarea-var-1`} />
86
- </div>
87
- <div>
88
- <p>Var1 & Var2 combined:</p>
89
- <MyTextarea className={`my-textarea-var-1 my-textarea-var-2`} />
90
- </div>
91
- </div>
92
- );
77
+ render(<MyTextarea />);
93
78
  ```
94
79
 
95
80
  ```postcss
96
81
  @import '@rescui/textarea/lib/public-api.p.css';
97
82
 
98
- .my-textarea-var-1 {
99
- @mixin rs-textarea-size-l;
100
- @mixin rs-textarea-mode-rock;
101
- }
102
- .my-textarea-var-2 {
103
- @mixin rs-textarea-size-s;
104
- @mixin rs-textarea-mode-classic;
83
+ .my-textarea {
84
+ @media (max-width: 640px) {
85
+ @mixin rs-textarea-size-l;
86
+ @mixin rs-textarea-mode-rock;
87
+ }
88
+ @media (max-width: 500px) {
89
+ @mixin rs-textarea-size-s;
90
+ @mixin rs-textarea-mode-classic;
91
+ }
105
92
  }
106
93
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.11.4-RUI-293-Update-menu-component-7a032357e.20+7a032357e",
3
+ "version": "0.11.4-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
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.4-RUI-293-Update-menu-component-7a032357e.20+7a032357e",
20
+ "@rescui/form-field": "0.1.4-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
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.1-RUI-293-Update-menu-component-7a032357e.55+7a032357e",
30
+ "@rescui/colors": "0.3.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.68+d8a5b0551",
31
31
  "@rescui/scripts": "0.5.2",
32
- "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-7a032357e.20+7a032357e",
32
+ "@rescui/typography": "0.27.1-RUI-293-Update-menu-component-hover-icon-d8a5b0551.33+d8a5b0551",
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": "7a032357e8f31abbf69e18aa6b7ef2d75e40f42e"
41
+ "gitHead": "d8a5b055167d8b1ea55c32621655b8e0acc98a1a"
42
42
  }