@rescui/textarea 0.14.2 → 0.14.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/_virtual/index.css.js +12 -12
- package/lib/index.css +99 -99
- package/lib/textarea.p.module.css.js +1 -1
- package/package.json +5 -5
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"icon": "
|
|
3
|
-
"sizeXS": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"light": "
|
|
8
|
-
"dark": "
|
|
9
|
-
"allVariants": "
|
|
10
|
-
"variant16": "
|
|
11
|
-
"variant20": "
|
|
12
|
-
"variant24": "
|
|
13
|
-
"variant28": "
|
|
2
|
+
"icon": "_icon_g46ng3_4",
|
|
3
|
+
"sizeXS": "_sizeXS_g46ng3_14",
|
|
4
|
+
"sizeS": "_sizeS_g46ng3_18",
|
|
5
|
+
"sizeM": "_sizeM_g46ng3_22",
|
|
6
|
+
"sizeL": "_sizeL_g46ng3_26",
|
|
7
|
+
"light": "_light_g46ng3_30",
|
|
8
|
+
"dark": "_dark_g46ng3_34",
|
|
9
|
+
"allVariants": "_allVariants_g46ng3_48",
|
|
10
|
+
"variant16": "_variant16_g46ng3_53",
|
|
11
|
+
"variant20": "_variant20_g46ng3_54",
|
|
12
|
+
"variant24": "_variant24_g46ng3_55",
|
|
13
|
+
"variant28": "_variant28_g46ng3_58"
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { styles as default };
|
package/lib/index.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
inherits:true;
|
|
4
4
|
initial-value:0;
|
|
5
5
|
}
|
|
6
|
-
.
|
|
6
|
+
._icon_g46ng3_4{
|
|
7
7
|
--_rs-theme-dark:var(
|
|
8
8
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
9
9
|
var(--rs-theme-dark, 0)
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
|
|
14
14
|
}
|
|
15
15
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
16
|
-
.
|
|
16
|
+
._icon_g46ng3_4{
|
|
17
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)));
|
|
18
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)));
|
|
19
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)));
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
25
|
-
.
|
|
25
|
+
._icon_g46ng3_4{
|
|
26
26
|
--_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
|
|
27
27
|
--_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
|
|
28
28
|
--_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
--_rs-color-primary-t-fog:rgba(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255, calc(.2 * var(--_rs-theme-light-coefficient, 1) + .3 * var(--_rs-theme-dark-coefficient, 0)));
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
|
-
.
|
|
33
|
+
._icon_g46ng3_4{
|
|
34
34
|
|
|
35
35
|
fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
|
|
36
36
|
|
|
@@ -38,27 +38,27 @@
|
|
|
38
38
|
height:var(--rs-icons-height, var(--_rs-icons-height));
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
-
.
|
|
41
|
+
._sizeXS_g46ng3_14{
|
|
42
42
|
--_rs-icons-height:16px;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
.
|
|
45
|
+
._sizeS_g46ng3_18{
|
|
46
46
|
--_rs-icons-height:20px;
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
.
|
|
49
|
+
._sizeM_g46ng3_22{
|
|
50
50
|
--_rs-icons-height:24px;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
.
|
|
53
|
+
._sizeL_g46ng3_26{
|
|
54
54
|
--_rs-icons-height:28px;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.
|
|
57
|
+
._light_g46ng3_30{
|
|
58
58
|
--rs-theme-dark:0;
|
|
59
59
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
60
60
|
}
|
|
61
|
-
.
|
|
61
|
+
._dark_g46ng3_34{
|
|
62
62
|
--rs-theme-dark:1;
|
|
63
63
|
--_rs-icons-themed-fill-or-initial:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
64
64
|
}
|
|
@@ -72,40 +72,40 @@
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
.
|
|
75
|
+
._allVariants_g46ng3_48{
|
|
76
76
|
aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
|
|
77
77
|
container:rs-icon / size;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
.
|
|
81
|
-
.
|
|
82
|
-
.
|
|
80
|
+
._variant16_g46ng3_53,
|
|
81
|
+
._variant20_g46ng3_54,
|
|
82
|
+
._variant24_g46ng3_55{
|
|
83
83
|
display:none;
|
|
84
84
|
}
|
|
85
|
-
.
|
|
85
|
+
._variant28_g46ng3_58{
|
|
86
86
|
display:block;
|
|
87
87
|
}
|
|
88
88
|
@container rs-icon (max-height: 24px){
|
|
89
|
-
.
|
|
89
|
+
._variant24_g46ng3_55{
|
|
90
90
|
display:block;
|
|
91
91
|
}
|
|
92
|
-
.
|
|
92
|
+
._variant28_g46ng3_58{
|
|
93
93
|
display:none;
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
@container rs-icon (max-height: 20px){
|
|
97
|
-
.
|
|
97
|
+
._variant20_g46ng3_54{
|
|
98
98
|
display:block;
|
|
99
99
|
}
|
|
100
|
-
.
|
|
100
|
+
._variant24_g46ng3_55{
|
|
101
101
|
display:none;
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
@container rs-icon (max-height: 16px){
|
|
105
|
-
.
|
|
105
|
+
._variant16_g46ng3_53{
|
|
106
106
|
display:block;
|
|
107
107
|
}
|
|
108
|
-
.
|
|
108
|
+
._variant20_g46ng3_54{
|
|
109
109
|
display:none;
|
|
110
110
|
}
|
|
111
111
|
}
|
|
@@ -115,28 +115,28 @@
|
|
|
115
115
|
inherits:true;
|
|
116
116
|
initial-value:0;
|
|
117
117
|
}
|
|
118
|
-
.
|
|
118
|
+
._themeLight_1mlhwda_8{
|
|
119
119
|
--rs-theme-dark:0;
|
|
120
120
|
}
|
|
121
|
-
.
|
|
121
|
+
._themeDark_1mlhwda_11{
|
|
122
122
|
--rs-theme-dark:1;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
-
.
|
|
125
|
+
._sizeS_1mlhwda_15{
|
|
126
126
|
--_rs-textarea-vertical-padding:6px;
|
|
127
127
|
--_rs-textarea-horizontal-padding:8px;
|
|
128
128
|
--_rs-textarea-icon-size:20px;
|
|
129
129
|
--_rs-textarea-icon-offset:8px;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.
|
|
132
|
+
._sizeS_1mlhwda_15 [data-rs-internal='textarea__busy-icon']:not(html){
|
|
133
133
|
--_rs-icons-height:20px;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.
|
|
137
|
-
.
|
|
138
|
-
.
|
|
139
|
-
.
|
|
136
|
+
._sizeS_1mlhwda_15 [data-rs-internal='textarea__label'],
|
|
137
|
+
._sizeS_1mlhwda_15 [data-rs-internal='textarea__inner'],
|
|
138
|
+
._sizeS_1mlhwda_15 [data-rs-internal='textarea__inner']::placeholder,
|
|
139
|
+
._sizeS_1mlhwda_15 [data-rs-internal='textarea__suffix']{
|
|
140
140
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
141
141
|
--_rs-typography-text-transform:initial;
|
|
142
142
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
-
.
|
|
175
|
+
._sizeS_1mlhwda_15 [data-rs-internal='textarea__bold-label']{
|
|
176
176
|
--_rs-typography-letter-spacing:var(--rs-h5-letter-spacing, normal);
|
|
177
177
|
--_rs-typography-text-transform:initial;
|
|
178
178
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -204,19 +204,19 @@
|
|
|
204
204
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
205
205
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
._sizeM_1mlhwda_18{
|
|
208
208
|
--_rs-textarea-vertical-padding:8px;
|
|
209
209
|
--_rs-textarea-horizontal-padding:8px;
|
|
210
210
|
--_rs-textarea-icon-size:24px;
|
|
211
211
|
--_rs-textarea-icon-offset:8px;
|
|
212
212
|
}
|
|
213
|
-
.
|
|
213
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__busy-icon']:not(html){
|
|
214
214
|
--_rs-icons-height:24px;
|
|
215
215
|
}
|
|
216
|
-
.
|
|
217
|
-
.
|
|
218
|
-
.
|
|
219
|
-
.
|
|
216
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__label'],
|
|
217
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner'],
|
|
218
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner']::placeholder,
|
|
219
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__suffix']{
|
|
220
220
|
--_rs-typography-letter-spacing:var(--rs-text-2-letter-spacing, 0.0015em);
|
|
221
221
|
--_rs-typography-text-transform:initial;
|
|
222
222
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -255,14 +255,14 @@
|
|
|
255
255
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
256
256
|
}
|
|
257
257
|
@media screen and (max-width: 640px){
|
|
258
|
-
.
|
|
259
|
-
.
|
|
260
|
-
.
|
|
261
|
-
.
|
|
258
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__label'],
|
|
259
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner'],
|
|
260
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__inner']::placeholder,
|
|
261
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__suffix']{
|
|
262
262
|
--_rs-typography-text-2-sm-list-li-margin-top-from-text:12px;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
.
|
|
265
|
+
._sizeM_1mlhwda_18 [data-rs-internal='textarea__bold-label']{
|
|
266
266
|
--_rs-typography-letter-spacing:var(--rs-h4-letter-spacing, normal);
|
|
267
267
|
--_rs-typography-text-transform:initial;
|
|
268
268
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -294,19 +294,19 @@
|
|
|
294
294
|
--_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
|
|
295
295
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
296
296
|
}
|
|
297
|
-
.
|
|
297
|
+
._sizeL_1mlhwda_21{
|
|
298
298
|
--_rs-textarea-vertical-padding:12px;
|
|
299
299
|
--_rs-textarea-horizontal-padding:16px;
|
|
300
300
|
--_rs-textarea-icon-size:28px;
|
|
301
301
|
--_rs-textarea-icon-offset:16px;
|
|
302
302
|
}
|
|
303
|
-
.
|
|
303
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__busy-icon']:not(html){
|
|
304
304
|
--_rs-icons-height:28px;
|
|
305
305
|
}
|
|
306
|
-
.
|
|
307
|
-
.
|
|
308
|
-
.
|
|
309
|
-
.
|
|
306
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__label'],
|
|
307
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner'],
|
|
308
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner']::placeholder,
|
|
309
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__suffix']{
|
|
310
310
|
--_rs-typography-letter-spacing:var(--rs-text-1-letter-spacing, normal);
|
|
311
311
|
--_rs-typography-text-transform:initial;
|
|
312
312
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -345,14 +345,14 @@
|
|
|
345
345
|
--_rs-typography-link-border-bottom-width-from-text:1px;
|
|
346
346
|
}
|
|
347
347
|
@media screen and (max-width: 640px){
|
|
348
|
-
.
|
|
349
|
-
.
|
|
350
|
-
.
|
|
351
|
-
.
|
|
348
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__label'],
|
|
349
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner'],
|
|
350
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__inner']::placeholder,
|
|
351
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__suffix']{
|
|
352
352
|
--_rs-typography-text-1-sm-list-li-margin-top-from-text:16px;
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
._sizeL_1mlhwda_21 [data-rs-internal='textarea__bold-label']{
|
|
356
356
|
--_rs-typography-letter-spacing:var(--rs-h3-letter-spacing, normal);
|
|
357
357
|
--_rs-typography-text-transform:initial;
|
|
358
358
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -385,7 +385,7 @@
|
|
|
385
385
|
--_rs-typography-link-border-bottom-width-from-text:2px;
|
|
386
386
|
}
|
|
387
387
|
|
|
388
|
-
.
|
|
388
|
+
._classic_1mlhwda_25{
|
|
389
389
|
--_rs-textarea-focused-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
390
390
|
--_rs-textarea-focused-background-color:rgb(
|
|
391
391
|
calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
@@ -410,7 +410,7 @@
|
|
|
410
410
|
calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0))
|
|
411
411
|
);
|
|
412
412
|
}
|
|
413
|
-
.
|
|
413
|
+
._rock_1mlhwda_28{
|
|
414
414
|
--_rs-textarea-focused-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
415
415
|
--_rs-textarea-focused-background-color:rgb(
|
|
416
416
|
calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0))
|
|
@@ -436,7 +436,7 @@
|
|
|
436
436
|
);
|
|
437
437
|
}
|
|
438
438
|
|
|
439
|
-
.
|
|
439
|
+
._labelWrapper_1mlhwda_32{
|
|
440
440
|
--_rs-theme-dark:var(
|
|
441
441
|
--_rs-internal-force-theme-dark-consult-rescui-before-using,
|
|
442
442
|
var(--rs-theme-dark, 0)
|
|
@@ -448,7 +448,7 @@
|
|
|
448
448
|
|
|
449
449
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
450
450
|
|
|
451
|
-
.
|
|
451
|
+
._labelWrapper_1mlhwda_32{
|
|
452
452
|
--_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)));
|
|
453
453
|
--_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)));
|
|
454
454
|
--_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)));
|
|
@@ -459,7 +459,7 @@
|
|
|
459
459
|
|
|
460
460
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
461
461
|
|
|
462
|
-
.
|
|
462
|
+
._labelWrapper_1mlhwda_32{
|
|
463
463
|
--_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
|
|
464
464
|
--_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
|
|
465
465
|
--_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
|
|
471
471
|
@supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
472
472
|
|
|
473
|
-
.
|
|
473
|
+
._labelWrapper_1mlhwda_32{
|
|
474
474
|
--_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)));
|
|
475
475
|
--_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)));
|
|
476
476
|
}
|
|
@@ -478,18 +478,18 @@
|
|
|
478
478
|
|
|
479
479
|
@supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
|
|
480
480
|
|
|
481
|
-
.
|
|
481
|
+
._labelWrapper_1mlhwda_32{
|
|
482
482
|
--_rs-color-danger:rgb(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)));
|
|
483
483
|
--_rs-color-danger-bg:rgba(calc(204 * var(--_rs-theme-light-coefficient, 1) + 255 * var(--_rs-theme-dark-coefficient, 0)), calc(20 * var(--_rs-theme-light-coefficient, 1) + 101 * var(--_rs-theme-dark-coefficient, 0)), calc(0 * var(--_rs-theme-light-coefficient, 1) + 83 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
|
|
487
|
-
.
|
|
487
|
+
._labelWrapper_1mlhwda_32 {
|
|
488
488
|
|
|
489
489
|
display:block;
|
|
490
490
|
}
|
|
491
491
|
|
|
492
|
-
.
|
|
492
|
+
._wrapper_1mlhwda_40{
|
|
493
493
|
--_rs-textarea-border-width:1px;
|
|
494
494
|
--_rs-textarea-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.2);
|
|
495
495
|
--_rs-textarea-background-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
@@ -506,40 +506,40 @@
|
|
|
506
506
|
box-shadow:inset 0 0 0 var(--_rs-textarea-border-width) var(--_rs-textarea-border-color);
|
|
507
507
|
}
|
|
508
508
|
|
|
509
|
-
.
|
|
509
|
+
._error_1mlhwda_57 ._wrapper_1mlhwda_40{
|
|
510
510
|
--_rs-textarea-border-width:2px;
|
|
511
511
|
--_rs-textarea-border-color:var(--_rs-color-danger);
|
|
512
512
|
--_rs-textarea-background-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
513
513
|
}
|
|
514
514
|
|
|
515
|
-
.
|
|
515
|
+
._disabled_1mlhwda_63 ._wrapper_1mlhwda_40{
|
|
516
516
|
--_rs-textarea-background-color:rgb(calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0)));
|
|
517
517
|
|
|
518
518
|
cursor:default;
|
|
519
519
|
}
|
|
520
520
|
|
|
521
|
-
.
|
|
521
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._wrapper_1mlhwda_40{
|
|
522
522
|
--_rs-textarea-background-color:var(
|
|
523
523
|
--_rs-textarea-focused-background-color
|
|
524
524
|
);
|
|
525
525
|
}
|
|
526
526
|
|
|
527
|
-
.
|
|
527
|
+
._enabled_1mlhwda_69:not(._error_1mlhwda_57)._filled_1mlhwda_75 ._wrapper_1mlhwda_40{
|
|
528
528
|
--_rs-textarea-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.3);
|
|
529
529
|
}
|
|
530
530
|
|
|
531
531
|
@media (hover: hover){
|
|
532
|
-
.
|
|
532
|
+
._enabled_1mlhwda_69:not(._error_1mlhwda_57):hover ._wrapper_1mlhwda_40{
|
|
533
533
|
--_rs-textarea-border-color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
|
|
534
534
|
}
|
|
535
535
|
}
|
|
536
536
|
|
|
537
|
-
.
|
|
537
|
+
._enabled_1mlhwda_69:not(._error_1mlhwda_57)._focused_1mlhwda_69 ._wrapper_1mlhwda_40{
|
|
538
538
|
--_rs-textarea-border-width:var(--_rs-textarea-focused-border-width);
|
|
539
539
|
--_rs-textarea-border-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
540
540
|
}
|
|
541
541
|
|
|
542
|
-
.
|
|
542
|
+
._inner_1mlhwda_91{
|
|
543
543
|
letter-spacing:var(
|
|
544
544
|
--rs-text-base-letter-spacing,
|
|
545
545
|
var(--_rs-typography-letter-spacing)
|
|
@@ -573,31 +573,31 @@
|
|
|
573
573
|
appearance:none;
|
|
574
574
|
}
|
|
575
575
|
|
|
576
|
-
.
|
|
576
|
+
._clearable_1mlhwda_119 ._inner_1mlhwda_91{
|
|
577
577
|
padding-right:calc(var(--_rs-textarea-horizontal-padding) + var(--_rs-textarea-icon-size) + var(--_rs-textarea-icon-offset) - var(--_rs-textarea-border-width));
|
|
578
578
|
}
|
|
579
579
|
|
|
580
580
|
@media (hover: hover){
|
|
581
581
|
|
|
582
|
-
.
|
|
582
|
+
._inner_1mlhwda_91{
|
|
583
583
|
scrollbar-color:#8C8C8E rgb(calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0)));
|
|
584
584
|
scrollbar-width:thin
|
|
585
585
|
}
|
|
586
586
|
|
|
587
|
-
.
|
|
587
|
+
._inner_1mlhwda_91::-webkit-scrollbar{
|
|
588
588
|
width:7px;
|
|
589
589
|
height:8px;
|
|
590
590
|
}
|
|
591
591
|
|
|
592
|
-
.
|
|
592
|
+
._inner_1mlhwda_91::-webkit-scrollbar-corner{
|
|
593
593
|
background-color:transparent;
|
|
594
594
|
}
|
|
595
595
|
|
|
596
|
-
.
|
|
596
|
+
._inner_1mlhwda_91::-webkit-scrollbar-track{
|
|
597
597
|
background-color:rgb(calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 184 * var(--_rs-theme-dark-coefficient, 0)), calc(232 - 181 * var(--_rs-theme-dark-coefficient, 0)));
|
|
598
598
|
}
|
|
599
599
|
|
|
600
|
-
.
|
|
600
|
+
._inner_1mlhwda_91::-webkit-scrollbar-thumb{
|
|
601
601
|
width:7px;
|
|
602
602
|
|
|
603
603
|
border-radius:7px;
|
|
@@ -605,38 +605,38 @@
|
|
|
605
605
|
background:#8C8C8E;
|
|
606
606
|
}
|
|
607
607
|
|
|
608
|
-
.
|
|
608
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91{
|
|
609
609
|
scrollbar-color:#8C8C8E var(--_rs-textarea-focused-scrollbar-track-color);
|
|
610
610
|
}
|
|
611
611
|
|
|
612
|
-
.
|
|
612
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91::-webkit-scrollbar-track{
|
|
613
613
|
background-color:var(--_rs-textarea-focused-scrollbar-track-color);
|
|
614
614
|
}
|
|
615
615
|
}
|
|
616
616
|
|
|
617
|
-
.
|
|
617
|
+
._inner_1mlhwda_91:focus{
|
|
618
618
|
outline:none;
|
|
619
619
|
}
|
|
620
620
|
|
|
621
|
-
.
|
|
621
|
+
._inner_1mlhwda_91::placeholder{
|
|
622
622
|
opacity:1;
|
|
623
623
|
|
|
624
624
|
color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
|
|
625
625
|
}
|
|
626
626
|
|
|
627
|
-
.
|
|
627
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91::placeholder{
|
|
628
628
|
color:var(--_rs-textarea-focused-placeholder-color);
|
|
629
629
|
}
|
|
630
630
|
|
|
631
|
-
.
|
|
631
|
+
._disabled_1mlhwda_63 ._inner_1mlhwda_91{
|
|
632
632
|
color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
|
|
633
633
|
}
|
|
634
634
|
|
|
635
|
-
.
|
|
635
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._inner_1mlhwda_91{
|
|
636
636
|
color:var(--_rs-textarea-focused-color);
|
|
637
637
|
}
|
|
638
638
|
|
|
639
|
-
.
|
|
639
|
+
._clearIcon_1mlhwda_184{
|
|
640
640
|
position:absolute;
|
|
641
641
|
top:var(--_rs-textarea-vertical-padding);
|
|
642
642
|
right:var(--_rs-textarea-horizontal-padding);
|
|
@@ -656,38 +656,38 @@
|
|
|
656
656
|
appearance:none;
|
|
657
657
|
}
|
|
658
658
|
|
|
659
|
-
.
|
|
659
|
+
._clearIcon_1mlhwda_184:focus{
|
|
660
660
|
outline:none;
|
|
661
661
|
}
|
|
662
662
|
|
|
663
|
-
.
|
|
663
|
+
._disabled_1mlhwda_63 ._clearIcon_1mlhwda_184{
|
|
664
664
|
pointer-events:none;
|
|
665
665
|
|
|
666
666
|
color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
|
|
667
667
|
}
|
|
668
668
|
|
|
669
|
-
.
|
|
669
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._clearIcon_1mlhwda_184{
|
|
670
670
|
color:var(--_rs-textarea-focused-clear-icon-color);
|
|
671
671
|
}
|
|
672
672
|
|
|
673
673
|
@media (hover: hover){
|
|
674
|
-
.
|
|
674
|
+
._enabled_1mlhwda_69 ._clearIcon_1mlhwda_184:hover{
|
|
675
675
|
color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
|
|
676
676
|
}
|
|
677
677
|
|
|
678
|
-
.
|
|
678
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._clearIcon_1mlhwda_184:hover{
|
|
679
679
|
color:var(--_rs-textarea-focused-clear-icon-accent-color);
|
|
680
680
|
}
|
|
681
681
|
}
|
|
682
682
|
|
|
683
|
-
.
|
|
683
|
+
._clearIcon_1mlhwda_184 ._icon_1mlhwda_226{
|
|
684
684
|
fill:currentColor;
|
|
685
685
|
|
|
686
686
|
width:auto;
|
|
687
687
|
height:var(--_rs-textarea-icon-size);
|
|
688
688
|
}
|
|
689
689
|
|
|
690
|
-
.
|
|
690
|
+
._busyIcon_1mlhwda_234{
|
|
691
691
|
position:absolute;
|
|
692
692
|
right:var(--_rs-textarea-horizontal-padding);
|
|
693
693
|
bottom:var(--_rs-textarea-vertical-padding);
|
|
@@ -699,15 +699,15 @@
|
|
|
699
699
|
color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.7);
|
|
700
700
|
}
|
|
701
701
|
|
|
702
|
-
.
|
|
702
|
+
._disabled_1mlhwda_63 ._busyIcon_1mlhwda_234{
|
|
703
703
|
color:rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5);
|
|
704
704
|
}
|
|
705
705
|
|
|
706
|
-
.
|
|
706
|
+
._enabled_1mlhwda_69._focused_1mlhwda_69 ._busyIcon_1mlhwda_234{
|
|
707
707
|
color:var(--_rs-textarea-focused-busy-icon-color);
|
|
708
708
|
}
|
|
709
709
|
|
|
710
|
-
.
|
|
710
|
+
._label_1mlhwda_32{
|
|
711
711
|
letter-spacing:var(
|
|
712
712
|
--rs-text-base-letter-spacing,
|
|
713
713
|
var(--_rs-typography-letter-spacing)
|
|
@@ -727,14 +727,14 @@
|
|
|
727
727
|
margin-bottom:4px;
|
|
728
728
|
}
|
|
729
729
|
|
|
730
|
-
.
|
|
730
|
+
._disabled_1mlhwda_63 ._label_1mlhwda_32{
|
|
731
731
|
color:var(
|
|
732
732
|
--rs-color-pale,
|
|
733
733
|
rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
|
|
734
734
|
);
|
|
735
735
|
}
|
|
736
736
|
|
|
737
|
-
.
|
|
737
|
+
._footer_1mlhwda_265{
|
|
738
738
|
display:grid;
|
|
739
739
|
grid-template-areas:"note character-counter" "error-message character-counter";
|
|
740
740
|
grid-template-columns:1fr auto;
|
|
@@ -745,11 +745,11 @@
|
|
|
745
745
|
margin-top:4px;
|
|
746
746
|
}
|
|
747
747
|
|
|
748
|
-
.
|
|
748
|
+
._error_1mlhwda_57 ._footer_1mlhwda_265{
|
|
749
749
|
grid-template-areas:"error-message character-counter" "note character-counter";
|
|
750
750
|
}
|
|
751
751
|
|
|
752
|
-
.
|
|
752
|
+
._characterCounter_1mlhwda_284{
|
|
753
753
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
754
754
|
--_rs-typography-text-transform:initial;
|
|
755
755
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -812,11 +812,11 @@
|
|
|
812
812
|
margin-left:16px;
|
|
813
813
|
}
|
|
814
814
|
|
|
815
|
-
.
|
|
815
|
+
._errorMessage_1mlhwda_293{
|
|
816
816
|
grid-area:error-message;
|
|
817
817
|
}
|
|
818
818
|
|
|
819
|
-
.
|
|
819
|
+
._note_1mlhwda_297{
|
|
820
820
|
--_rs-typography-letter-spacing:var(--rs-text-3-letter-spacing, 0.0045em);
|
|
821
821
|
--_rs-typography-text-transform:initial;
|
|
822
822
|
--_rs-typography-font-variant-numeric:initial;
|
|
@@ -877,7 +877,7 @@
|
|
|
877
877
|
grid-area:note;
|
|
878
878
|
}
|
|
879
879
|
|
|
880
|
-
.
|
|
880
|
+
._disabled_1mlhwda_63 ._note_1mlhwda_297{
|
|
881
881
|
--_rs-typography-hardness-color:var(
|
|
882
882
|
--rs-color-pale,
|
|
883
883
|
rgba(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)), 0.5)
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var styles = {"themeLight":"
|
|
1
|
+
var styles = {"themeLight":"_themeLight_1mlhwda_8","themeDark":"_themeDark_1mlhwda_11","sizeS":"_sizeS_1mlhwda_15","sizeM":"_sizeM_1mlhwda_18","sizeL":"_sizeL_1mlhwda_21","classic":"_classic_1mlhwda_25","rock":"_rock_1mlhwda_28","labelWrapper":"_labelWrapper_1mlhwda_32","wrapper":"_wrapper_1mlhwda_40","error":"_error_1mlhwda_57","disabled":"_disabled_1mlhwda_63","enabled":"_enabled_1mlhwda_69","focused":"_focused_1mlhwda_69","filled":"_filled_1mlhwda_75","inner":"_inner_1mlhwda_91","clearable":"_clearable_1mlhwda_119","clearIcon":"_clearIcon_1mlhwda_184","icon":"_icon_1mlhwda_226","busyIcon":"_busyIcon_1mlhwda_234","label":"_label_1mlhwda_32","footer":"_footer_1mlhwda_265","characterCounter":"_characterCounter_1mlhwda_284","errorMessage":"_errorMessage_1mlhwda_293","note":"_note_1mlhwda_297"};
|
|
2
2
|
|
|
3
3
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/textarea",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.3",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -16,20 +16,20 @@
|
|
|
16
16
|
"access": "public"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@rescui/form-field": "^0.3.
|
|
19
|
+
"@rescui/form-field": "^0.3.3",
|
|
20
20
|
"classnames": "^2.2.6",
|
|
21
21
|
"react-compiler-runtime": "^1.0.0",
|
|
22
22
|
"react-textarea-autosize": "^8.3.4"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@rescui/ui-contexts": "^0.7.0",
|
|
25
|
+
"@rescui/ui-contexts": "^0.7.0 || ^0.8.0",
|
|
26
26
|
"prop-types": "^15",
|
|
27
27
|
"react": ">=17.0.0 <20"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@rescui/colors": "^0.3.6",
|
|
31
31
|
"@rescui/scripts": "^0.6.0",
|
|
32
|
-
"@rescui/typography": "^0.30.
|
|
32
|
+
"@rescui/typography": "^0.30.2",
|
|
33
33
|
"@rescui/visual-regression": "^0.1.5",
|
|
34
34
|
"@types/classnames": "^2.2.11"
|
|
35
35
|
},
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
39
39
|
},
|
|
40
40
|
"nx": {},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
|
|
42
42
|
}
|