@rescui/textarea 0.5.4 → 0.5.6

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 (4) hide show
  1. package/lib/index.css +97 -109
  2. package/lib/textarea.js +3 -4
  3. package/lib/textarea.p.module.css.js +19 -20
  4. package/package.json +3 -3
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
- ._labelWrapper_jb8isy_44{
1
+ ._labelWrapper_18q3rg7_44{
2
2
  display:block;
3
3
  }
4
- ._wrapper_jb8isy_48{
4
+ ._wrapper_18q3rg7_48{
5
5
  position:relative;
6
6
 
7
7
  display:-webkit-box;
@@ -14,10 +14,10 @@
14
14
 
15
15
  cursor:text;
16
16
  }
17
- ._disabled_jb8isy_56 ._wrapper_jb8isy_48{
17
+ ._disabled_18q3rg7_56 ._wrapper_18q3rg7_48{
18
18
  cursor:default;
19
19
  }
20
- ._inner_jb8isy_61{
20
+ ._inner_18q3rg7_61{
21
21
  display:block;
22
22
  -webkit-box-flex:1;
23
23
  -ms-flex:1 1 100%;
@@ -42,28 +42,28 @@
42
42
 
43
43
  font:inherit;
44
44
  }
45
- ._inner_jb8isy_61:focus{
45
+ ._inner_18q3rg7_61:focus{
46
46
  outline:none;
47
47
  }
48
- ._inner_jb8isy_61::-webkit-input-placeholder{
48
+ ._inner_18q3rg7_61::-webkit-input-placeholder{
49
49
  opacity:1;
50
50
  }
51
- ._inner_jb8isy_61::-moz-placeholder{
51
+ ._inner_18q3rg7_61::-moz-placeholder{
52
52
  opacity:1;
53
53
  }
54
- ._inner_jb8isy_61:-ms-input-placeholder{
54
+ ._inner_18q3rg7_61:-ms-input-placeholder{
55
55
  opacity:1;
56
56
  }
57
- ._inner_jb8isy_61::-ms-input-placeholder{
57
+ ._inner_18q3rg7_61::-ms-input-placeholder{
58
58
  opacity:1;
59
59
  }
60
- ._inner_jb8isy_61::placeholder{
60
+ ._inner_18q3rg7_61::placeholder{
61
61
  opacity:1;
62
62
  }
63
- ._focused_jb8isy_90 ._inner_jb8isy_61{
63
+ ._focused_18q3rg7_90 ._inner_18q3rg7_61{
64
64
  border-width:2px;
65
65
  }
66
- ._sizeL_jb8isy_94 ._inner_jb8isy_61{
66
+ ._sizeL_18q3rg7_94 ._inner_18q3rg7_61{
67
67
  padding: 11px 15px;
68
68
  letter-spacing:normal;
69
69
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -76,7 +76,7 @@
76
76
  line-height:28px;
77
77
  line-height:var(--rs-text-1-line-height, 28px);
78
78
  }
79
- ._sizeM_jb8isy_98 ._inner_jb8isy_61{
79
+ ._sizeM_18q3rg7_98 ._inner_18q3rg7_61{
80
80
  padding: 7px 7px;
81
81
  letter-spacing:0.0015em;
82
82
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -89,10 +89,10 @@
89
89
  line-height:24px;
90
90
  line-height:var(--rs-text-2-line-height, 24px);
91
91
  }
92
- ._rs-reset-letter-spacing_jb8isy_1 ._sizeM_jb8isy_98 ._inner_jb8isy_61{
92
+ ._rs-reset-letter-spacing_18q3rg7_1 ._sizeM_18q3rg7_98 ._inner_18q3rg7_61{
93
93
  letter-spacing:normal;
94
94
  }
95
- ._sizeS_jb8isy_102 ._inner_jb8isy_61{
95
+ ._sizeS_18q3rg7_102 ._inner_18q3rg7_61{
96
96
  padding: 5px 7px;
97
97
  letter-spacing:0.0045em;
98
98
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -104,47 +104,47 @@
104
104
  line-height:20px;
105
105
  line-height:var(--rs-text-3-line-height, 20px);
106
106
  }
107
- ._rs-reset-letter-spacing_jb8isy_1 ._sizeS_jb8isy_102 ._inner_jb8isy_61{
107
+ ._rs-reset-letter-spacing_18q3rg7_1 ._sizeS_18q3rg7_102 ._inner_18q3rg7_61{
108
108
  letter-spacing:normal;
109
109
  }
110
- ._sizeL_jb8isy_94._focused_jb8isy_90 ._inner_jb8isy_61,
111
- ._sizeL_jb8isy_94._error_jb8isy_108 ._inner_jb8isy_61{
110
+ ._sizeL_18q3rg7_94._focused_18q3rg7_90 ._inner_18q3rg7_61,
111
+ ._sizeL_18q3rg7_94._error_18q3rg7_108 ._inner_18q3rg7_61{
112
112
  padding: 10px 14px;
113
113
  }
114
- ._sizeM_jb8isy_98._focused_jb8isy_90 ._inner_jb8isy_61,
115
- ._sizeM_jb8isy_98._error_jb8isy_108 ._inner_jb8isy_61{
114
+ ._sizeM_18q3rg7_98._focused_18q3rg7_90 ._inner_18q3rg7_61,
115
+ ._sizeM_18q3rg7_98._error_18q3rg7_108 ._inner_18q3rg7_61{
116
116
  padding: 6px 6px;
117
117
  }
118
- ._sizeS_jb8isy_102._focused_jb8isy_90 ._inner_jb8isy_61,
119
- ._sizeS_jb8isy_102._error_jb8isy_108 ._inner_jb8isy_61{
118
+ ._sizeS_18q3rg7_102._focused_18q3rg7_90 ._inner_18q3rg7_61,
119
+ ._sizeS_18q3rg7_102._error_18q3rg7_108 ._inner_18q3rg7_61{
120
120
  padding: 4px 6px;
121
121
  }
122
122
  @media (hover: hover){
123
- ._themeLight_jb8isy_122 ._inner_jb8isy_61{
123
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61{
124
124
  scrollbar-color:#A3A3A4 #E8E8E8;
125
125
  scrollbar-color:var(--rs-color-grey-40, #A3A3A4) var(--rs-color-grey-10, #E8E8E8);
126
126
  scrollbar-width:thin;
127
127
  }
128
128
  }
129
129
  @media (hover: hover){
130
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::-webkit-scrollbar{
130
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::-webkit-scrollbar{
131
131
  width:7px;
132
132
  height:8px
133
133
  }
134
134
  }
135
135
  @media (hover: hover){
136
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::-webkit-scrollbar-corner{
136
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::-webkit-scrollbar-corner{
137
137
  background-color:transparent
138
138
  }
139
139
  }
140
140
  @media (hover: hover){
141
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::-webkit-scrollbar-track{
141
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::-webkit-scrollbar-track{
142
142
  background-color:#E8E8E8;
143
143
  background-color:var(--rs-color-grey-10, #E8E8E8)
144
144
  }
145
145
  }
146
146
  @media (hover: hover){
147
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::-webkit-scrollbar-thumb{
147
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::-webkit-scrollbar-thumb{
148
148
  width:7px;
149
149
 
150
150
  border-radius:7px;
@@ -154,36 +154,30 @@
154
154
  background:var(--rs-color-grey-40, #A3A3A4)
155
155
  }
156
156
  }
157
- ._themeLight_jb8isy_122 ._inner_jb8isy_61 {
157
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61 {
158
158
  color:#19191C;
159
159
  color:var(--rs-typography-color-hard, #19191C);
160
160
  border-color:rgba(25,25,28,0.2);
161
161
 
162
162
  background-color:#FFFFFF;
163
163
  }
164
- ._themeLight_jb8isy_122 ._inner_jb8isy_61._filled_jb8isy_129{
164
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61._filled_18q3rg7_129{
165
165
  border-color:rgba(25,25,28,0.3);
166
166
  }
167
167
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
168
- ._themeLight_jb8isy_122 ._inner_jb8isy_61:hover{
168
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61:hover{
169
169
  border-color:rgba(25,25,28,0.5);
170
170
  }
171
171
  }
172
- ._themeLight_jb8isy_122._focused_jb8isy_90 ._inner_jb8isy_61{
172
+ ._themeLight_18q3rg7_122._focused_18q3rg7_90 ._inner_18q3rg7_61{
173
173
  border-color:#19191C;
174
174
  }
175
- ._themeLight_jb8isy_122._focused_jb8isy_90._keyFocused_jb8isy_144 ._inner_jb8isy_61{
176
- -webkit-box-shadow:0 0 0 4px #8979ff;
177
- -webkit-box-shadow:0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
178
- box-shadow:0 0 0 4px #8979ff;
179
- box-shadow:0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
180
- }
181
- ._themeLight_jb8isy_122._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61{
175
+ ._themeLight_18q3rg7_122._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61{
182
176
  color:#FFFFFF;
183
177
  color:var(--rs-typography-color-hard, #FFFFFF);
184
178
  background-color:#19191C;
185
179
  }
186
- ._themeLight_jb8isy_122._disabled_jb8isy_56 ._inner_jb8isy_61{
180
+ ._themeLight_18q3rg7_122._disabled_18q3rg7_56 ._inner_18q3rg7_61{
187
181
  border-color:rgba(25,25,28,0.2);
188
182
 
189
183
  background-color:#F4F4F4;
@@ -191,31 +185,31 @@
191
185
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
192
186
  }
193
187
  @media (hover: hover){
194
- ._themeDark_jb8isy_160 ._inner_jb8isy_61{
188
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61{
195
189
  scrollbar-color:#8C8C8E #5E5E60;
196
190
  scrollbar-color:var(--rs-color-grey-50, #8C8C8E) var(--rs-color-grey-70, #5E5E60);
197
191
  scrollbar-width:thin;
198
192
  }
199
193
  }
200
194
  @media (hover: hover){
201
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::-webkit-scrollbar{
195
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::-webkit-scrollbar{
202
196
  width:7px;
203
197
  height:8px
204
198
  }
205
199
  }
206
200
  @media (hover: hover){
207
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::-webkit-scrollbar-corner{
201
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::-webkit-scrollbar-corner{
208
202
  background-color:transparent
209
203
  }
210
204
  }
211
205
  @media (hover: hover){
212
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::-webkit-scrollbar-track{
206
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::-webkit-scrollbar-track{
213
207
  background-color:#5E5E60;
214
208
  background-color:var(--rs-color-grey-70, #5E5E60)
215
209
  }
216
210
  }
217
211
  @media (hover: hover){
218
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::-webkit-scrollbar-thumb{
212
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::-webkit-scrollbar-thumb{
219
213
  width:7px;
220
214
 
221
215
  border-radius:7px;
@@ -225,95 +219,89 @@
225
219
  background:var(--rs-color-grey-50, #8C8C8E)
226
220
  }
227
221
  }
228
- ._themeDark_jb8isy_160 ._inner_jb8isy_61 {
222
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61 {
229
223
  color:#FFFFFF;
230
224
  color:var(--rs-typography-color-hard, #FFFFFF);
231
225
  border-color:rgba(255,255,255,0.2);
232
226
 
233
227
  background-color:#303033;
234
228
  }
235
- ._themeDark_jb8isy_160 ._inner_jb8isy_61._filled_jb8isy_129{
229
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61._filled_18q3rg7_129{
236
230
  border-color:rgba(255,255,255,0.3);
237
231
  }
238
232
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
239
- ._themeDark_jb8isy_160 ._inner_jb8isy_61:hover{
233
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61:hover{
240
234
  border-color:rgba(255,255,255,0.5);
241
235
 
242
236
  background-color:#474749;
243
237
  }
244
238
  }
245
- ._themeDark_jb8isy_160._focused_jb8isy_90 ._inner_jb8isy_61{
239
+ ._themeDark_18q3rg7_156._focused_18q3rg7_90 ._inner_18q3rg7_61{
246
240
  border-color:#FFFFFF;
247
241
 
248
242
  background-color:#474749;
249
243
  }
250
- ._themeDark_jb8isy_160._focused_jb8isy_90._keyFocused_jb8isy_144 ._inner_jb8isy_61{
251
- -webkit-box-shadow:0 0 0 4px #6f61d2;
252
- -webkit-box-shadow:0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
253
- box-shadow:0 0 0 4px #6f61d2;
254
- box-shadow:0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
255
- }
256
- ._themeDark_jb8isy_160._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61{
244
+ ._themeDark_18q3rg7_156._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61{
257
245
  color:#19191C;
258
246
  color:var(--rs-typography-color-hard, #19191C);
259
247
  background-color:#FFFFFF;
260
248
  }
261
- ._themeDark_jb8isy_160._disabled_jb8isy_56 ._inner_jb8isy_61{
249
+ ._themeDark_18q3rg7_156._disabled_18q3rg7_56 ._inner_18q3rg7_61{
262
250
  border-color:rgba(255,255,255,0.2);
263
251
 
264
252
  background-color:#19191C;
265
253
  color:rgba(255,255,255,0.5);
266
254
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
267
255
  }
268
- ._labelWrapper_jb8isy_44._error_jb8isy_108 ._inner_jb8isy_61,
269
- ._labelWrapper_jb8isy_44._error_jb8isy_108 ._inner_jb8isy_61:hover,
270
- ._labelWrapper_jb8isy_44._error_jb8isy_108._focused_jb8isy_90 ._inner_jb8isy_61{
256
+ ._labelWrapper_18q3rg7_44._error_18q3rg7_108 ._inner_18q3rg7_61,
257
+ ._labelWrapper_18q3rg7_44._error_18q3rg7_108 ._inner_18q3rg7_61:hover,
258
+ ._labelWrapper_18q3rg7_44._error_18q3rg7_108._focused_18q3rg7_90 ._inner_18q3rg7_61{
271
259
  border-width:2px;
272
260
  border-color:#F45C4A;
273
261
  }
274
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::-webkit-input-placeholder, ._themeDark_jb8isy_160._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::-webkit-input-placeholder{
262
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::-webkit-input-placeholder, ._themeDark_18q3rg7_156._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::-webkit-input-placeholder{
275
263
  color:rgba(25,25,28,0.5);
276
264
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
277
265
  }
278
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::-moz-placeholder, ._themeDark_jb8isy_160._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::-moz-placeholder{
266
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::-moz-placeholder, ._themeDark_18q3rg7_156._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::-moz-placeholder{
279
267
  color:rgba(25,25,28,0.5);
280
268
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
281
269
  }
282
- ._themeLight_jb8isy_122 ._inner_jb8isy_61:-ms-input-placeholder, ._themeDark_jb8isy_160._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61:-ms-input-placeholder{
270
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61:-ms-input-placeholder, ._themeDark_18q3rg7_156._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61:-ms-input-placeholder{
283
271
  color:rgba(25,25,28,0.5);
284
272
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
285
273
  }
286
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::-ms-input-placeholder, ._themeDark_jb8isy_160._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::-ms-input-placeholder{
274
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::-ms-input-placeholder, ._themeDark_18q3rg7_156._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::-ms-input-placeholder{
287
275
  color:rgba(25,25,28,0.5);
288
276
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
289
277
  }
290
- ._themeLight_jb8isy_122 ._inner_jb8isy_61::placeholder,
291
- ._themeDark_jb8isy_160._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::placeholder{
278
+ ._themeLight_18q3rg7_122 ._inner_18q3rg7_61::placeholder,
279
+ ._themeDark_18q3rg7_156._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::placeholder{
292
280
  color:rgba(25,25,28,0.5);
293
281
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
294
282
  }
295
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::-webkit-input-placeholder, ._themeLight_jb8isy_122._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::-webkit-input-placeholder{
283
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::-webkit-input-placeholder, ._themeLight_18q3rg7_122._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::-webkit-input-placeholder{
296
284
  color:rgba(255,255,255,0.5);
297
285
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
298
286
  }
299
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::-moz-placeholder, ._themeLight_jb8isy_122._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::-moz-placeholder{
287
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::-moz-placeholder, ._themeLight_18q3rg7_122._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::-moz-placeholder{
300
288
  color:rgba(255,255,255,0.5);
301
289
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
302
290
  }
303
- ._themeDark_jb8isy_160 ._inner_jb8isy_61:-ms-input-placeholder, ._themeLight_jb8isy_122._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61:-ms-input-placeholder{
291
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61:-ms-input-placeholder, ._themeLight_18q3rg7_122._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61:-ms-input-placeholder{
304
292
  color:rgba(255,255,255,0.5);
305
293
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
306
294
  }
307
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::-ms-input-placeholder, ._themeLight_jb8isy_122._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::-ms-input-placeholder{
295
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::-ms-input-placeholder, ._themeLight_18q3rg7_122._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::-ms-input-placeholder{
308
296
  color:rgba(255,255,255,0.5);
309
297
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
310
298
  }
311
- ._themeDark_jb8isy_160 ._inner_jb8isy_61::placeholder,
312
- ._themeLight_jb8isy_122._rock_jb8isy_148._focused_jb8isy_90 ._inner_jb8isy_61::placeholder{
299
+ ._themeDark_18q3rg7_156 ._inner_18q3rg7_61::placeholder,
300
+ ._themeLight_18q3rg7_122._rock_18q3rg7_144._focused_18q3rg7_90 ._inner_18q3rg7_61::placeholder{
313
301
  color:rgba(255,255,255,0.5);
314
302
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
315
303
  }
316
- ._busy_jb8isy_220{
304
+ ._busy_18q3rg7_212{
317
305
  position:absolute;
318
306
 
319
307
  display:-webkit-box;
@@ -324,41 +312,41 @@
324
312
 
325
313
  pointer-events:none;
326
314
  }
327
- ._themeLight_jb8isy_122 ._busy_jb8isy_220,
328
- ._themeDark_jb8isy_160._rock_jb8isy_148._focused_jb8isy_90 ._busy_jb8isy_220{
315
+ ._themeLight_18q3rg7_122 ._busy_18q3rg7_212,
316
+ ._themeDark_18q3rg7_156._rock_18q3rg7_144._focused_18q3rg7_90 ._busy_18q3rg7_212{
329
317
  color:rgba(25,25,28,0.7);
330
318
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
331
319
  }
332
- ._themeDark_jb8isy_160 ._busy_jb8isy_220,
333
- ._themeLight_jb8isy_122._rock_jb8isy_148._focused_jb8isy_90 ._busy_jb8isy_220{
320
+ ._themeDark_18q3rg7_156 ._busy_18q3rg7_212,
321
+ ._themeLight_18q3rg7_122._rock_18q3rg7_144._focused_18q3rg7_90 ._busy_18q3rg7_212{
334
322
  color:rgba(255,255,255,0.7);
335
323
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
336
324
  }
337
- ._themeLight_jb8isy_122._disabled_jb8isy_56 ._busy_jb8isy_220{
325
+ ._themeLight_18q3rg7_122._disabled_18q3rg7_56 ._busy_18q3rg7_212{
338
326
  color:rgba(25,25,28,0.5);
339
327
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
340
328
  }
341
- ._themeDark_jb8isy_160._disabled_jb8isy_56 ._busy_jb8isy_220{
329
+ ._themeDark_18q3rg7_156._disabled_18q3rg7_56 ._busy_18q3rg7_212{
342
330
  color:rgba(255,255,255,0.5);
343
331
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
344
332
  }
345
- ._sizeL_jb8isy_94 ._busy_jb8isy_220{
333
+ ._sizeL_18q3rg7_94 ._busy_18q3rg7_212{
346
334
  right: 15px;
347
335
  bottom: 11px;
348
336
  }
349
- ._sizeM_jb8isy_98 ._busy_jb8isy_220{
337
+ ._sizeM_18q3rg7_98 ._busy_18q3rg7_212{
350
338
  right: 7px;
351
339
  bottom: 7px;
352
340
  }
353
- ._sizeS_jb8isy_102 ._busy_jb8isy_220{
341
+ ._sizeS_18q3rg7_102 ._busy_18q3rg7_212{
354
342
  right: 7px;
355
343
  bottom: 5px;
356
344
  }
357
- ._errorMessage_jb8isy_256,
358
- ._note_jb8isy_257{
345
+ ._errorMessage_18q3rg7_248,
346
+ ._note_18q3rg7_249{
359
347
  margin-top:8px;
360
348
  }
361
- ._sizeL_jb8isy_94 ._errorMessage_jb8isy_256, ._sizeL_jb8isy_94 ._note_jb8isy_257{
349
+ ._sizeL_18q3rg7_94 ._errorMessage_18q3rg7_248, ._sizeL_18q3rg7_94 ._note_18q3rg7_249{
362
350
  letter-spacing:0.0015em;
363
351
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
364
352
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -370,10 +358,10 @@
370
358
  line-height:24px;
371
359
  line-height:var(--rs-text-2-line-height, 24px);
372
360
  }
373
- ._rs-reset-letter-spacing_jb8isy_1 ._sizeL_jb8isy_94 ._errorMessage_jb8isy_256, ._rs-reset-letter-spacing_jb8isy_1 ._sizeL_jb8isy_94 ._note_jb8isy_257{
361
+ ._rs-reset-letter-spacing_18q3rg7_1 ._sizeL_18q3rg7_94 ._errorMessage_18q3rg7_248, ._rs-reset-letter-spacing_18q3rg7_1 ._sizeL_18q3rg7_94 ._note_18q3rg7_249{
374
362
  letter-spacing:normal;
375
363
  }
376
- ._sizeM_jb8isy_98 ._errorMessage_jb8isy_256, ._sizeM_jb8isy_98 ._note_jb8isy_257{
364
+ ._sizeM_18q3rg7_98 ._errorMessage_18q3rg7_248, ._sizeM_18q3rg7_98 ._note_18q3rg7_249{
377
365
  letter-spacing:0.0045em;
378
366
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
379
367
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -384,10 +372,10 @@
384
372
  line-height:20px;
385
373
  line-height:var(--rs-text-3-line-height, 20px);
386
374
  }
387
- ._rs-reset-letter-spacing_jb8isy_1 ._sizeM_jb8isy_98 ._errorMessage_jb8isy_256, ._rs-reset-letter-spacing_jb8isy_1 ._sizeM_jb8isy_98 ._note_jb8isy_257{
375
+ ._rs-reset-letter-spacing_18q3rg7_1 ._sizeM_18q3rg7_98 ._errorMessage_18q3rg7_248, ._rs-reset-letter-spacing_18q3rg7_1 ._sizeM_18q3rg7_98 ._note_18q3rg7_249{
388
376
  letter-spacing:normal;
389
377
  }
390
- ._sizeS_jb8isy_102 ._errorMessage_jb8isy_256, ._sizeS_jb8isy_102 ._note_jb8isy_257{
378
+ ._sizeS_18q3rg7_102 ._errorMessage_18q3rg7_248, ._sizeS_18q3rg7_102 ._note_18q3rg7_249{
391
379
  letter-spacing:0.0045em;
392
380
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
393
381
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -398,26 +386,26 @@
398
386
  line-height:20px;
399
387
  line-height:var(--rs-text-3-line-height, 20px);
400
388
  }
401
- ._rs-reset-letter-spacing_jb8isy_1 ._sizeS_jb8isy_102 ._errorMessage_jb8isy_256, ._rs-reset-letter-spacing_jb8isy_1 ._sizeS_jb8isy_102 ._note_jb8isy_257{
389
+ ._rs-reset-letter-spacing_18q3rg7_1 ._sizeS_18q3rg7_102 ._errorMessage_18q3rg7_248, ._rs-reset-letter-spacing_18q3rg7_1 ._sizeS_18q3rg7_102 ._note_18q3rg7_249{
402
390
  letter-spacing:normal;
403
391
  }
404
- ._sizeS_jb8isy_102 ._errorMessage_jb8isy_256, ._sizeS_jb8isy_102 ._note_jb8isy_257 {
392
+ ._sizeS_18q3rg7_102 ._errorMessage_18q3rg7_248, ._sizeS_18q3rg7_102 ._note_18q3rg7_249 {
405
393
 
406
394
  margin-top:4px;
407
395
  }
408
- ._errorMessage_jb8isy_256 + ._note_jb8isy_257{
396
+ ._errorMessage_18q3rg7_248 + ._note_18q3rg7_249{
409
397
  margin-top:4px;
410
398
  }
411
- ._sizeS_jb8isy_102 ._errorMessage_jb8isy_256 + ._note_jb8isy_257{
399
+ ._sizeS_18q3rg7_102 ._errorMessage_18q3rg7_248 + ._note_18q3rg7_249{
412
400
  margin-top:0;
413
401
  }
414
- ._label_jb8isy_44{
402
+ ._label_18q3rg7_44{
415
403
  margin-bottom:8px;
416
404
  }
417
- ._sizeS_jb8isy_102 ._label_jb8isy_44{
405
+ ._sizeS_18q3rg7_102 ._label_18q3rg7_44{
418
406
  margin-bottom:4px;
419
407
  }
420
- ._sizeL_jb8isy_94 ._label_jb8isy_44{
408
+ ._sizeL_18q3rg7_94 ._label_18q3rg7_44{
421
409
  letter-spacing:normal;
422
410
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
423
411
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -429,7 +417,7 @@
429
417
  line-height:28px;
430
418
  line-height:var(--rs-text-1-line-height, 28px);
431
419
  }
432
- ._sizeM_jb8isy_98 ._label_jb8isy_44{
420
+ ._sizeM_18q3rg7_98 ._label_18q3rg7_44{
433
421
  letter-spacing:0.0015em;
434
422
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
435
423
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -441,10 +429,10 @@
441
429
  line-height:24px;
442
430
  line-height:var(--rs-text-2-line-height, 24px);
443
431
  }
444
- ._rs-reset-letter-spacing_jb8isy_1 ._sizeM_jb8isy_98 ._label_jb8isy_44{
432
+ ._rs-reset-letter-spacing_18q3rg7_1 ._sizeM_18q3rg7_98 ._label_18q3rg7_44{
445
433
  letter-spacing:normal;
446
434
  }
447
- ._sizeS_jb8isy_102 ._label_jb8isy_44{
435
+ ._sizeS_18q3rg7_102 ._label_18q3rg7_44{
448
436
  letter-spacing:0.0045em;
449
437
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
450
438
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -455,10 +443,10 @@
455
443
  line-height:20px;
456
444
  line-height:var(--rs-text-3-line-height, 20px);
457
445
  }
458
- ._rs-reset-letter-spacing_jb8isy_1 ._sizeS_jb8isy_102 ._label_jb8isy_44{
446
+ ._rs-reset-letter-spacing_18q3rg7_1 ._sizeS_18q3rg7_102 ._label_18q3rg7_44{
459
447
  letter-spacing:normal;
460
448
  }
461
- ._sizeS_jb8isy_102._boldLabel_jb8isy_302 ._label_jb8isy_44{
449
+ ._sizeS_18q3rg7_102._boldLabel_18q3rg7_294 ._label_18q3rg7_44{
462
450
  letter-spacing:normal;
463
451
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
464
452
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -471,7 +459,7 @@
471
459
  line-height:20px;
472
460
  line-height:var(--rs-h5-line-height, 20px);
473
461
  }
474
- ._sizeL_jb8isy_94._boldLabel_jb8isy_302 ._label_jb8isy_44{
462
+ ._sizeL_18q3rg7_94._boldLabel_18q3rg7_294 ._label_18q3rg7_44{
475
463
  letter-spacing:normal;
476
464
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
477
465
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -484,7 +472,7 @@
484
472
  line-height:28px;
485
473
  line-height:var(--rs-h3-line-height, 28px);
486
474
  }
487
- ._sizeM_jb8isy_98._boldLabel_jb8isy_302 ._label_jb8isy_44{
475
+ ._sizeM_18q3rg7_98._boldLabel_18q3rg7_294 ._label_18q3rg7_44{
488
476
  letter-spacing:normal;
489
477
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
490
478
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -497,30 +485,30 @@
497
485
  line-height:24px;
498
486
  line-height:var(--rs-h4-line-height, 24px);
499
487
  }
500
- ._errorMessage_jb8isy_256{
488
+ ._errorMessage_18q3rg7_248{
501
489
  color:#F45C4A;
502
490
  }
503
- ._themeLight_jb8isy_122 ._label_jb8isy_44{
491
+ ._themeLight_18q3rg7_122 ._label_18q3rg7_44{
504
492
  color:#19191C;
505
493
  color:var(--rs-typography-color-hard, #19191C);
506
494
  }
507
- ._themeDark_jb8isy_160 ._label_jb8isy_44{
495
+ ._themeDark_18q3rg7_156 ._label_18q3rg7_44{
508
496
  color:#FFFFFF;
509
497
  color:var(--rs-typography-color-hard, #FFFFFF);
510
498
  }
511
- ._themeLight_jb8isy_122 ._note_jb8isy_257{
499
+ ._themeLight_18q3rg7_122 ._note_18q3rg7_249{
512
500
  color:rgba(25,25,28,0.7);
513
501
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
514
502
  }
515
- ._themeDark_jb8isy_160 ._note_jb8isy_257{
503
+ ._themeDark_18q3rg7_156 ._note_18q3rg7_249{
516
504
  color:rgba(255,255,255,0.7);
517
505
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
518
506
  }
519
- ._themeLight_jb8isy_122._disabled_jb8isy_56 ._note_jb8isy_257, ._themeLight_jb8isy_122._disabled_jb8isy_56 ._label_jb8isy_44{
507
+ ._themeLight_18q3rg7_122._disabled_18q3rg7_56 ._note_18q3rg7_249, ._themeLight_18q3rg7_122._disabled_18q3rg7_56 ._label_18q3rg7_44{
520
508
  color:rgba(25,25,28,0.5);
521
509
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
522
510
  }
523
- ._themeDark_jb8isy_160._disabled_jb8isy_56 ._note_jb8isy_257, ._themeDark_jb8isy_160._disabled_jb8isy_56 ._label_jb8isy_44{
511
+ ._themeDark_18q3rg7_156._disabled_18q3rg7_56 ._note_18q3rg7_249, ._themeDark_18q3rg7_156._disabled_18q3rg7_56 ._label_18q3rg7_44{
524
512
  color:rgba(255,255,255,0.5);
525
513
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
526
514
  }
package/lib/textarea.js CHANGED
@@ -66,7 +66,7 @@ function (_ref, ref) {
66
66
 
67
67
  return /*#__PURE__*/React.createElement("label", {
68
68
  ref: ref,
69
- className: cn(styles.labelWrapper, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], !!error && styles.error, disabled ? styles.disabled : styles.enabled, focused && styles.focused, focused === 'key' && styles.keyFocused, boldLabel && styles.boldLabel, className),
69
+ className: cn(styles.labelWrapper, SIZE_STYLES[size], MODE_STYLES[mode], THEME_STYLES[theme], !!error && styles.error, disabled ? styles.disabled : styles.enabled, focused && styles.focused, boldLabel && styles.boldLabel, className),
70
70
  id: id,
71
71
  "data-test": 'textarea'
72
72
  }, label && /*#__PURE__*/React.createElement("div", {
@@ -74,9 +74,8 @@ function (_ref, ref) {
74
74
  "data-test": 'textarea__label'
75
75
  }, label), /*#__PURE__*/React.createElement("div", {
76
76
  className: styles.wrapper,
77
- onFocus: function onFocus(e) {
78
- var method = e.target.getAttribute('data-focus-method');
79
- setFocused(method === 'key' ? 'key' : true);
77
+ onFocus: function onFocus() {
78
+ return setFocused(true);
80
79
  },
81
80
  onBlur: function onBlur() {
82
81
  return setFocused(false);
package/lib/textarea.p.module.css.js CHANGED
@@ -1,23 +1,22 @@
1
1
  var styles = {
2
- "labelWrapper": "_labelWrapper_jb8isy_44",
3
- "wrapper": "_wrapper_jb8isy_48",
4
- "disabled": "_disabled_jb8isy_56",
5
- "inner": "_inner_jb8isy_61",
6
- "focused": "_focused_jb8isy_90",
7
- "sizeL": "_sizeL_jb8isy_94",
8
- "sizeM": "_sizeM_jb8isy_98",
9
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_jb8isy_1",
10
- "sizeS": "_sizeS_jb8isy_102",
11
- "error": "_error_jb8isy_108",
12
- "themeLight": "_themeLight_jb8isy_122",
13
- "filled": "_filled_jb8isy_129",
14
- "keyFocused": "_keyFocused_jb8isy_144",
15
- "rock": "_rock_jb8isy_148",
16
- "themeDark": "_themeDark_jb8isy_160",
17
- "busy": "_busy_jb8isy_220",
18
- "errorMessage": "_errorMessage_jb8isy_256",
19
- "note": "_note_jb8isy_257",
20
- "label": "_label_jb8isy_44",
21
- "boldLabel": "_boldLabel_jb8isy_302"
2
+ "labelWrapper": "_labelWrapper_18q3rg7_44",
3
+ "wrapper": "_wrapper_18q3rg7_48",
4
+ "disabled": "_disabled_18q3rg7_56",
5
+ "inner": "_inner_18q3rg7_61",
6
+ "focused": "_focused_18q3rg7_90",
7
+ "sizeL": "_sizeL_18q3rg7_94",
8
+ "sizeM": "_sizeM_18q3rg7_98",
9
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_18q3rg7_1",
10
+ "sizeS": "_sizeS_18q3rg7_102",
11
+ "error": "_error_18q3rg7_108",
12
+ "themeLight": "_themeLight_18q3rg7_122",
13
+ "filled": "_filled_18q3rg7_129",
14
+ "rock": "_rock_18q3rg7_144",
15
+ "themeDark": "_themeDark_18q3rg7_156",
16
+ "busy": "_busy_18q3rg7_212",
17
+ "errorMessage": "_errorMessage_18q3rg7_248",
18
+ "note": "_note_18q3rg7_249",
19
+ "label": "_label_18q3rg7_44",
20
+ "boldLabel": "_boldLabel_18q3rg7_294"
22
21
  };
23
22
  export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.5.4",
3
+ "version": "0.5.6",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -15,7 +15,7 @@
15
15
  },
16
16
  "dependencies": {
17
17
  "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/icons": "^0.13.2",
18
+ "@rescui/icons": "^0.14.0",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1",
21
21
  "react-textarea-autosize": "^8.3.4"
@@ -37,5 +37,5 @@
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "7f3b7e443321b1c68190c7498dd0176f175a7d47"
40
+ "gitHead": "0dbcd90b8d2ecbfa34582147271a439d6dd656a2"
41
41
  }