@rescui/textarea 0.1.5 → 0.1.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 (5) hide show
  1. package/lib/index.css +94 -94
  2. package/lib/textarea.js +1 -1
  3. package/lib/textarea.p.module.css.js +22 -0
  4. package/package.json +9 -9
  5. package/lib/textarea.module.pcss.js +0 -22
package/lib/index.css CHANGED
@@ -1,7 +1,7 @@
1
- ._labelWrapper_1ovpcyf_44{
1
+ ._labelWrapper_1hrezad_44{
2
2
  display:block;
3
3
  }
4
- ._wrapper_1ovpcyf_48{
4
+ ._wrapper_1hrezad_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_1ovpcyf_56 ._wrapper_1ovpcyf_48{
17
+ ._disabled_1hrezad_56 ._wrapper_1hrezad_48{
18
18
  cursor:default;
19
19
  }
20
- ._inner_1ovpcyf_61{
20
+ ._inner_1hrezad_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_1ovpcyf_61:focus{
45
+ ._inner_1hrezad_61:focus{
46
46
  outline:none;
47
47
  }
48
- ._inner_1ovpcyf_61::-webkit-input-placeholder{
48
+ ._inner_1hrezad_61::-webkit-input-placeholder{
49
49
  opacity:1;
50
50
  }
51
- ._inner_1ovpcyf_61::-moz-placeholder{
51
+ ._inner_1hrezad_61::-moz-placeholder{
52
52
  opacity:1;
53
53
  }
54
- ._inner_1ovpcyf_61:-ms-input-placeholder{
54
+ ._inner_1hrezad_61:-ms-input-placeholder{
55
55
  opacity:1;
56
56
  }
57
- ._inner_1ovpcyf_61::-ms-input-placeholder{
57
+ ._inner_1hrezad_61::-ms-input-placeholder{
58
58
  opacity:1;
59
59
  }
60
- ._inner_1ovpcyf_61::placeholder{
60
+ ._inner_1hrezad_61::placeholder{
61
61
  opacity:1;
62
62
  }
63
- ._focused_1ovpcyf_90 ._inner_1ovpcyf_61{
63
+ ._focused_1hrezad_90 ._inner_1hrezad_61{
64
64
  border-width:2px;
65
65
  }
66
- ._sizeL_1ovpcyf_94 ._inner_1ovpcyf_61{
66
+ ._sizeL_1hrezad_94 ._inner_1hrezad_61{
67
67
  padding: 11px 15px;
68
68
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
69
69
  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));
@@ -73,7 +73,7 @@
73
73
  line-height:28px;
74
74
  line-height:var(--rs-text-1-line-height, 28px);
75
75
  }
76
- ._sizeM_1ovpcyf_98 ._inner_1ovpcyf_61{
76
+ ._sizeM_1hrezad_98 ._inner_1hrezad_61{
77
77
  padding: 7px 7px;
78
78
  letter-spacing:0.0015em;
79
79
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -84,10 +84,10 @@
84
84
  line-height:24px;
85
85
  line-height:var(--rs-text-2-line-height, 24px);
86
86
  }
87
- ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeM_1ovpcyf_98 ._inner_1ovpcyf_61{
87
+ ._rs-reset-letter-spacing_1hrezad_1 ._sizeM_1hrezad_98 ._inner_1hrezad_61{
88
88
  letter-spacing:normal;
89
89
  }
90
- ._sizeS_1ovpcyf_102 ._inner_1ovpcyf_61{
90
+ ._sizeS_1hrezad_102 ._inner_1hrezad_61{
91
91
  padding: 5px 7px;
92
92
  letter-spacing:0.0045em;
93
93
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
@@ -97,47 +97,47 @@
97
97
  line-height:20px;
98
98
  line-height:var(--rs-text-3-line-height, 20px);
99
99
  }
100
- ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeS_1ovpcyf_102 ._inner_1ovpcyf_61{
100
+ ._rs-reset-letter-spacing_1hrezad_1 ._sizeS_1hrezad_102 ._inner_1hrezad_61{
101
101
  letter-spacing:normal;
102
102
  }
103
- ._sizeL_1ovpcyf_94._focused_1ovpcyf_90 ._inner_1ovpcyf_61,
104
- ._sizeL_1ovpcyf_94._error_1ovpcyf_108 ._inner_1ovpcyf_61{
103
+ ._sizeL_1hrezad_94._focused_1hrezad_90 ._inner_1hrezad_61,
104
+ ._sizeL_1hrezad_94._error_1hrezad_108 ._inner_1hrezad_61{
105
105
  padding: 10px 14px;
106
106
  }
107
- ._sizeM_1ovpcyf_98._focused_1ovpcyf_90 ._inner_1ovpcyf_61,
108
- ._sizeM_1ovpcyf_98._error_1ovpcyf_108 ._inner_1ovpcyf_61{
107
+ ._sizeM_1hrezad_98._focused_1hrezad_90 ._inner_1hrezad_61,
108
+ ._sizeM_1hrezad_98._error_1hrezad_108 ._inner_1hrezad_61{
109
109
  padding: 6px 6px;
110
110
  }
111
- ._sizeS_1ovpcyf_102._focused_1ovpcyf_90 ._inner_1ovpcyf_61,
112
- ._sizeS_1ovpcyf_102._error_1ovpcyf_108 ._inner_1ovpcyf_61{
111
+ ._sizeS_1hrezad_102._focused_1hrezad_90 ._inner_1hrezad_61,
112
+ ._sizeS_1hrezad_102._error_1hrezad_108 ._inner_1hrezad_61{
113
113
  padding: 4px 6px;
114
114
  }
115
115
  @media (hover: hover){
116
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61{
116
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61{
117
117
  scrollbar-color:#A3A3A4 #E8E8E8;
118
118
  scrollbar-color:var(--rs-color-grey-40, #A3A3A4) var(--rs-color-grey-10, #E8E8E8);
119
119
  scrollbar-width:thin;
120
120
  }
121
121
  }
122
122
  @media (hover: hover){
123
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::-webkit-scrollbar{
123
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::-webkit-scrollbar{
124
124
  width:7px;
125
125
  height:8px
126
126
  }
127
127
  }
128
128
  @media (hover: hover){
129
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::-webkit-scrollbar-corner{
129
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::-webkit-scrollbar-corner{
130
130
  background-color:transparent
131
131
  }
132
132
  }
133
133
  @media (hover: hover){
134
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::-webkit-scrollbar-track{
134
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::-webkit-scrollbar-track{
135
135
  background-color:#E8E8E8;
136
136
  background-color:var(--rs-color-grey-10, #E8E8E8)
137
137
  }
138
138
  }
139
139
  @media (hover: hover){
140
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::-webkit-scrollbar-thumb{
140
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::-webkit-scrollbar-thumb{
141
141
  width:7px;
142
142
 
143
143
  border-radius:7px;
@@ -147,36 +147,36 @@
147
147
  background:var(--rs-color-grey-40, #A3A3A4)
148
148
  }
149
149
  }
150
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61 {
150
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61 {
151
151
  color:#19191C;
152
152
  color:var(--rs-typography-color-hard, #19191C);
153
153
  border-color:rgba(25,25,28,0.2);
154
154
 
155
155
  background-color:#FFFFFF;
156
156
  }
157
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61._filled_1ovpcyf_129{
157
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61._filled_1hrezad_129{
158
158
  border-color:rgba(25,25,28,0.3);
159
159
  }
160
160
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
161
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61:hover{
161
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61:hover{
162
162
  border-color:rgba(25,25,28,0.5);
163
163
  }
164
164
  }
165
- ._themeLight_1ovpcyf_122._focused_1ovpcyf_90 ._inner_1ovpcyf_61{
165
+ ._themeLight_1hrezad_122._focused_1hrezad_90 ._inner_1hrezad_61{
166
166
  border-color:#19191C;
167
167
  }
168
- ._themeLight_1ovpcyf_122._focused_1ovpcyf_90._keyFocused_1ovpcyf_144 ._inner_1ovpcyf_61{
168
+ ._themeLight_1hrezad_122._focused_1hrezad_90._keyFocused_1hrezad_144 ._inner_1hrezad_61{
169
169
  -webkit-box-shadow:0 0 0 4px #8979ff;
170
170
  -webkit-box-shadow:0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
171
171
  box-shadow:0 0 0 4px #8979ff;
172
172
  box-shadow:0 0 0 4px var(--rs-color-primary-dim-light-theme, #8979ff);
173
173
  }
174
- ._themeLight_1ovpcyf_122._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61{
174
+ ._themeLight_1hrezad_122._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61{
175
175
  color:#FFFFFF;
176
176
  color:var(--rs-typography-color-hard, #FFFFFF);
177
177
  background-color:#19191C;
178
178
  }
179
- ._themeLight_1ovpcyf_122._disabled_1ovpcyf_56 ._inner_1ovpcyf_61{
179
+ ._themeLight_1hrezad_122._disabled_1hrezad_56 ._inner_1hrezad_61{
180
180
  border-color:rgba(25,25,28,0.2);
181
181
 
182
182
  background-color:#F4F4F4;
@@ -184,31 +184,31 @@
184
184
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
185
185
  }
186
186
  @media (hover: hover){
187
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61{
187
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61{
188
188
  scrollbar-color:#8C8C8E #5E5E60;
189
189
  scrollbar-color:var(--rs-color-grey-50, #8C8C8E) var(--rs-color-grey-70, #5E5E60);
190
190
  scrollbar-width:thin;
191
191
  }
192
192
  }
193
193
  @media (hover: hover){
194
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::-webkit-scrollbar{
194
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::-webkit-scrollbar{
195
195
  width:7px;
196
196
  height:8px
197
197
  }
198
198
  }
199
199
  @media (hover: hover){
200
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::-webkit-scrollbar-corner{
200
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::-webkit-scrollbar-corner{
201
201
  background-color:transparent
202
202
  }
203
203
  }
204
204
  @media (hover: hover){
205
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::-webkit-scrollbar-track{
205
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::-webkit-scrollbar-track{
206
206
  background-color:#5E5E60;
207
207
  background-color:var(--rs-color-grey-70, #5E5E60)
208
208
  }
209
209
  }
210
210
  @media (hover: hover){
211
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::-webkit-scrollbar-thumb{
211
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::-webkit-scrollbar-thumb{
212
212
  width:7px;
213
213
 
214
214
  border-radius:7px;
@@ -218,95 +218,95 @@
218
218
  background:var(--rs-color-grey-50, #8C8C8E)
219
219
  }
220
220
  }
221
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61 {
221
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61 {
222
222
  color:#FFFFFF;
223
223
  color:var(--rs-typography-color-hard, #FFFFFF);
224
224
  border-color:rgba(255,255,255,0.2);
225
225
 
226
226
  background-color:#303033;
227
227
  }
228
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61._filled_1ovpcyf_129{
228
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61._filled_1hrezad_129{
229
229
  border-color:rgba(255,255,255,0.3);
230
230
  }
231
231
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
232
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61:hover{
232
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61:hover{
233
233
  border-color:rgba(255,255,255,0.5);
234
234
 
235
235
  background-color:#474749;
236
236
  }
237
237
  }
238
- ._themeDark_1ovpcyf_160._focused_1ovpcyf_90 ._inner_1ovpcyf_61{
238
+ ._themeDark_1hrezad_160._focused_1hrezad_90 ._inner_1hrezad_61{
239
239
  border-color:#FFFFFF;
240
240
 
241
241
  background-color:#474749;
242
242
  }
243
- ._themeDark_1ovpcyf_160._focused_1ovpcyf_90._keyFocused_1ovpcyf_144 ._inner_1ovpcyf_61{
243
+ ._themeDark_1hrezad_160._focused_1hrezad_90._keyFocused_1hrezad_144 ._inner_1hrezad_61{
244
244
  -webkit-box-shadow:0 0 0 4px #6f61d2;
245
245
  -webkit-box-shadow:0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
246
246
  box-shadow:0 0 0 4px #6f61d2;
247
247
  box-shadow:0 0 0 4px var(--rs-color-primary-dim-dark-theme, #6f61d2);
248
248
  }
249
- ._themeDark_1ovpcyf_160._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61{
249
+ ._themeDark_1hrezad_160._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61{
250
250
  color:#19191C;
251
251
  color:var(--rs-typography-color-hard, #19191C);
252
252
  background-color:#FFFFFF;
253
253
  }
254
- ._themeDark_1ovpcyf_160._disabled_1ovpcyf_56 ._inner_1ovpcyf_61{
254
+ ._themeDark_1hrezad_160._disabled_1hrezad_56 ._inner_1hrezad_61{
255
255
  border-color:rgba(255,255,255,0.2);
256
256
 
257
257
  background-color:#19191C;
258
258
  color:rgba(255,255,255,0.5);
259
259
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
260
260
  }
261
- ._labelWrapper_1ovpcyf_44._error_1ovpcyf_108 ._inner_1ovpcyf_61,
262
- ._labelWrapper_1ovpcyf_44._error_1ovpcyf_108 ._inner_1ovpcyf_61:hover,
263
- ._labelWrapper_1ovpcyf_44._error_1ovpcyf_108._focused_1ovpcyf_90 ._inner_1ovpcyf_61{
261
+ ._labelWrapper_1hrezad_44._error_1hrezad_108 ._inner_1hrezad_61,
262
+ ._labelWrapper_1hrezad_44._error_1hrezad_108 ._inner_1hrezad_61:hover,
263
+ ._labelWrapper_1hrezad_44._error_1hrezad_108._focused_1hrezad_90 ._inner_1hrezad_61{
264
264
  border-width:2px;
265
265
  border-color:#F45C4A;
266
266
  }
267
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::-webkit-input-placeholder, ._themeDark_1ovpcyf_160._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::-webkit-input-placeholder{
267
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::-webkit-input-placeholder, ._themeDark_1hrezad_160._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::-webkit-input-placeholder{
268
268
  color:rgba(25,25,28,0.5);
269
269
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
270
270
  }
271
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::-moz-placeholder, ._themeDark_1ovpcyf_160._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::-moz-placeholder{
271
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::-moz-placeholder, ._themeDark_1hrezad_160._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::-moz-placeholder{
272
272
  color:rgba(25,25,28,0.5);
273
273
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
274
274
  }
275
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61:-ms-input-placeholder, ._themeDark_1ovpcyf_160._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61:-ms-input-placeholder{
275
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61:-ms-input-placeholder, ._themeDark_1hrezad_160._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61:-ms-input-placeholder{
276
276
  color:rgba(25,25,28,0.5);
277
277
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
278
278
  }
279
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::-ms-input-placeholder, ._themeDark_1ovpcyf_160._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::-ms-input-placeholder{
279
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::-ms-input-placeholder, ._themeDark_1hrezad_160._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::-ms-input-placeholder{
280
280
  color:rgba(25,25,28,0.5);
281
281
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
282
282
  }
283
- ._themeLight_1ovpcyf_122 ._inner_1ovpcyf_61::placeholder,
284
- ._themeDark_1ovpcyf_160._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::placeholder{
283
+ ._themeLight_1hrezad_122 ._inner_1hrezad_61::placeholder,
284
+ ._themeDark_1hrezad_160._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::placeholder{
285
285
  color:rgba(25,25,28,0.5);
286
286
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
287
287
  }
288
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::-webkit-input-placeholder, ._themeLight_1ovpcyf_122._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::-webkit-input-placeholder{
288
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::-webkit-input-placeholder, ._themeLight_1hrezad_122._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::-webkit-input-placeholder{
289
289
  color:rgba(255,255,255,0.5);
290
290
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
291
291
  }
292
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::-moz-placeholder, ._themeLight_1ovpcyf_122._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::-moz-placeholder{
292
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::-moz-placeholder, ._themeLight_1hrezad_122._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::-moz-placeholder{
293
293
  color:rgba(255,255,255,0.5);
294
294
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
295
295
  }
296
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61:-ms-input-placeholder, ._themeLight_1ovpcyf_122._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61:-ms-input-placeholder{
296
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61:-ms-input-placeholder, ._themeLight_1hrezad_122._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61:-ms-input-placeholder{
297
297
  color:rgba(255,255,255,0.5);
298
298
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
299
299
  }
300
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::-ms-input-placeholder, ._themeLight_1ovpcyf_122._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::-ms-input-placeholder{
300
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::-ms-input-placeholder, ._themeLight_1hrezad_122._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::-ms-input-placeholder{
301
301
  color:rgba(255,255,255,0.5);
302
302
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
303
303
  }
304
- ._themeDark_1ovpcyf_160 ._inner_1ovpcyf_61::placeholder,
305
- ._themeLight_1ovpcyf_122._rock_1ovpcyf_148._focused_1ovpcyf_90 ._inner_1ovpcyf_61::placeholder{
304
+ ._themeDark_1hrezad_160 ._inner_1hrezad_61::placeholder,
305
+ ._themeLight_1hrezad_122._rock_1hrezad_148._focused_1hrezad_90 ._inner_1hrezad_61::placeholder{
306
306
  color:rgba(255,255,255,0.5);
307
307
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
308
308
  }
309
- ._busy_1ovpcyf_220{
309
+ ._busy_1hrezad_220{
310
310
  position:absolute;
311
311
 
312
312
  display:-webkit-box;
@@ -317,41 +317,41 @@
317
317
 
318
318
  pointer-events:none;
319
319
  }
320
- ._themeLight_1ovpcyf_122 ._busy_1ovpcyf_220,
321
- ._themeDark_1ovpcyf_160._rock_1ovpcyf_148._focused_1ovpcyf_90 ._busy_1ovpcyf_220{
320
+ ._themeLight_1hrezad_122 ._busy_1hrezad_220,
321
+ ._themeDark_1hrezad_160._rock_1hrezad_148._focused_1hrezad_90 ._busy_1hrezad_220{
322
322
  color:rgba(25,25,28,0.7);
323
323
  color:var(--rs-typography-color-average, rgba(25,25,28,0.7));
324
324
  }
325
- ._themeDark_1ovpcyf_160 ._busy_1ovpcyf_220,
326
- ._themeLight_1ovpcyf_122._rock_1ovpcyf_148._focused_1ovpcyf_90 ._busy_1ovpcyf_220{
325
+ ._themeDark_1hrezad_160 ._busy_1hrezad_220,
326
+ ._themeLight_1hrezad_122._rock_1hrezad_148._focused_1hrezad_90 ._busy_1hrezad_220{
327
327
  color:rgba(255,255,255,0.7);
328
328
  color:var(--rs-typography-color-average, rgba(255,255,255,0.7));
329
329
  }
330
- ._themeLight_1ovpcyf_122._disabled_1ovpcyf_56 ._busy_1ovpcyf_220{
330
+ ._themeLight_1hrezad_122._disabled_1hrezad_56 ._busy_1hrezad_220{
331
331
  color:rgba(25,25,28,0.5);
332
332
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
333
333
  }
334
- ._themeDark_1ovpcyf_160._disabled_1ovpcyf_56 ._busy_1ovpcyf_220{
334
+ ._themeDark_1hrezad_160._disabled_1hrezad_56 ._busy_1hrezad_220{
335
335
  color:rgba(255,255,255,0.5);
336
336
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
337
337
  }
338
- ._sizeL_1ovpcyf_94 ._busy_1ovpcyf_220{
338
+ ._sizeL_1hrezad_94 ._busy_1hrezad_220{
339
339
  right: 15px;
340
340
  bottom: 11px;
341
341
  }
342
- ._sizeM_1ovpcyf_98 ._busy_1ovpcyf_220{
342
+ ._sizeM_1hrezad_98 ._busy_1hrezad_220{
343
343
  right: 7px;
344
344
  bottom: 7px;
345
345
  }
346
- ._sizeS_1ovpcyf_102 ._busy_1ovpcyf_220{
346
+ ._sizeS_1hrezad_102 ._busy_1hrezad_220{
347
347
  right: 7px;
348
348
  bottom: 5px;
349
349
  }
350
- ._errorMessage_1ovpcyf_256,
351
- ._note_1ovpcyf_257{
350
+ ._errorMessage_1hrezad_256,
351
+ ._note_1hrezad_257{
352
352
  margin-top:8px;
353
353
  }
354
- ._sizeL_1ovpcyf_94 ._errorMessage_1ovpcyf_256, ._sizeL_1ovpcyf_94 ._note_1ovpcyf_257{
354
+ ._sizeL_1hrezad_94 ._errorMessage_1hrezad_256, ._sizeL_1hrezad_94 ._note_1hrezad_257{
355
355
  letter-spacing:0.0015em;
356
356
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
357
357
  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));
@@ -361,10 +361,10 @@
361
361
  line-height:24px;
362
362
  line-height:var(--rs-text-2-line-height, 24px);
363
363
  }
364
- ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeL_1ovpcyf_94 ._errorMessage_1ovpcyf_256, ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeL_1ovpcyf_94 ._note_1ovpcyf_257{
364
+ ._rs-reset-letter-spacing_1hrezad_1 ._sizeL_1hrezad_94 ._errorMessage_1hrezad_256, ._rs-reset-letter-spacing_1hrezad_1 ._sizeL_1hrezad_94 ._note_1hrezad_257{
365
365
  letter-spacing:normal;
366
366
  }
367
- ._sizeM_1ovpcyf_98 ._errorMessage_1ovpcyf_256, ._sizeM_1ovpcyf_98 ._note_1ovpcyf_257{
367
+ ._sizeM_1hrezad_98 ._errorMessage_1hrezad_256, ._sizeM_1hrezad_98 ._note_1hrezad_257{
368
368
  letter-spacing:0.0045em;
369
369
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
370
370
  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));
@@ -373,10 +373,10 @@
373
373
  line-height:20px;
374
374
  line-height:var(--rs-text-3-line-height, 20px);
375
375
  }
376
- ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeM_1ovpcyf_98 ._errorMessage_1ovpcyf_256, ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeM_1ovpcyf_98 ._note_1ovpcyf_257{
376
+ ._rs-reset-letter-spacing_1hrezad_1 ._sizeM_1hrezad_98 ._errorMessage_1hrezad_256, ._rs-reset-letter-spacing_1hrezad_1 ._sizeM_1hrezad_98 ._note_1hrezad_257{
377
377
  letter-spacing:normal;
378
378
  }
379
- ._sizeS_1ovpcyf_102 ._errorMessage_1ovpcyf_256, ._sizeS_1ovpcyf_102 ._note_1ovpcyf_257{
379
+ ._sizeS_1hrezad_102 ._errorMessage_1hrezad_256, ._sizeS_1hrezad_102 ._note_1hrezad_257{
380
380
  letter-spacing:0.0045em;
381
381
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
382
382
  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));
@@ -385,23 +385,23 @@
385
385
  line-height:20px;
386
386
  line-height:var(--rs-text-3-line-height, 20px);
387
387
  }
388
- ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeS_1ovpcyf_102 ._errorMessage_1ovpcyf_256, ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeS_1ovpcyf_102 ._note_1ovpcyf_257{
388
+ ._rs-reset-letter-spacing_1hrezad_1 ._sizeS_1hrezad_102 ._errorMessage_1hrezad_256, ._rs-reset-letter-spacing_1hrezad_1 ._sizeS_1hrezad_102 ._note_1hrezad_257{
389
389
  letter-spacing:normal;
390
390
  }
391
- ._sizeS_1ovpcyf_102 ._errorMessage_1ovpcyf_256, ._sizeS_1ovpcyf_102 ._note_1ovpcyf_257 {
391
+ ._sizeS_1hrezad_102 ._errorMessage_1hrezad_256, ._sizeS_1hrezad_102 ._note_1hrezad_257 {
392
392
 
393
393
  margin-top:4px;
394
394
  }
395
- ._errorMessage_1ovpcyf_256 + ._note_1ovpcyf_257{
395
+ ._errorMessage_1hrezad_256 + ._note_1hrezad_257{
396
396
  margin-top:4px;
397
397
  }
398
- ._sizeS_1ovpcyf_102 ._errorMessage_1ovpcyf_256 + ._note_1ovpcyf_257{
398
+ ._sizeS_1hrezad_102 ._errorMessage_1hrezad_256 + ._note_1hrezad_257{
399
399
  margin-top:0;
400
400
  }
401
- ._label_1ovpcyf_44{
401
+ ._label_1hrezad_44{
402
402
  margin-bottom:8px;
403
403
  }
404
- ._sizeL_1ovpcyf_94 ._label_1ovpcyf_44{
404
+ ._sizeL_1hrezad_94 ._label_1hrezad_44{
405
405
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
406
406
  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));
407
407
  font-size:19px;
@@ -410,7 +410,7 @@
410
410
  line-height:28px;
411
411
  line-height:var(--rs-text-1-line-height, 28px);
412
412
  }
413
- ._sizeM_1ovpcyf_98 ._label_1ovpcyf_44{
413
+ ._sizeM_1hrezad_98 ._label_1hrezad_44{
414
414
  letter-spacing:0.0015em;
415
415
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
416
416
  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));
@@ -420,10 +420,10 @@
420
420
  line-height:24px;
421
421
  line-height:var(--rs-text-2-line-height, 24px);
422
422
  }
423
- ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeM_1ovpcyf_98 ._label_1ovpcyf_44{
423
+ ._rs-reset-letter-spacing_1hrezad_1 ._sizeM_1hrezad_98 ._label_1hrezad_44{
424
424
  letter-spacing:normal;
425
425
  }
426
- ._sizeS_1ovpcyf_102 ._label_1ovpcyf_44{
426
+ ._sizeS_1hrezad_102 ._label_1hrezad_44{
427
427
  letter-spacing:0.0045em;
428
428
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
429
429
  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));
@@ -432,29 +432,29 @@
432
432
  line-height:20px;
433
433
  line-height:var(--rs-text-3-line-height, 20px);
434
434
  }
435
- ._rs-reset-letter-spacing_1ovpcyf_1 ._sizeS_1ovpcyf_102 ._label_1ovpcyf_44{
435
+ ._rs-reset-letter-spacing_1hrezad_1 ._sizeS_1hrezad_102 ._label_1hrezad_44{
436
436
  letter-spacing:normal;
437
437
  }
438
- ._sizeS_1ovpcyf_102 ._label_1ovpcyf_44 {
438
+ ._sizeS_1hrezad_102 ._label_1hrezad_44 {
439
439
 
440
440
  margin-bottom:4px;
441
441
  }
442
- ._errorMessage_1ovpcyf_256{
442
+ ._errorMessage_1hrezad_256{
443
443
  color:#F45C4A;
444
444
  }
445
- ._themeLight_1ovpcyf_122 ._note_1ovpcyf_257, ._themeLight_1ovpcyf_122 ._label_1ovpcyf_44{
445
+ ._themeLight_1hrezad_122 ._note_1hrezad_257, ._themeLight_1hrezad_122 ._label_1hrezad_44{
446
446
  color:#19191C;
447
447
  color:var(--rs-typography-color-hard, #19191C);
448
448
  }
449
- ._themeDark_1ovpcyf_160 ._note_1ovpcyf_257, ._themeDark_1ovpcyf_160 ._label_1ovpcyf_44{
449
+ ._themeDark_1hrezad_160 ._note_1hrezad_257, ._themeDark_1hrezad_160 ._label_1hrezad_44{
450
450
  color:#FFFFFF;
451
451
  color:var(--rs-typography-color-hard, #FFFFFF);
452
452
  }
453
- ._themeLight_1ovpcyf_122._disabled_1ovpcyf_56 ._note_1ovpcyf_257, ._themeLight_1ovpcyf_122._disabled_1ovpcyf_56 ._label_1ovpcyf_44{
453
+ ._themeLight_1hrezad_122._disabled_1hrezad_56 ._note_1hrezad_257, ._themeLight_1hrezad_122._disabled_1hrezad_56 ._label_1hrezad_44{
454
454
  color:rgba(25,25,28,0.5);
455
455
  color:var(--rs-typography-color-pale, rgba(25,25,28,0.5));
456
456
  }
457
- ._themeDark_1ovpcyf_160._disabled_1ovpcyf_56 ._note_1ovpcyf_257, ._themeDark_1ovpcyf_160._disabled_1ovpcyf_56 ._label_1ovpcyf_44{
457
+ ._themeDark_1hrezad_160._disabled_1hrezad_56 ._note_1hrezad_257, ._themeDark_1hrezad_160._disabled_1hrezad_56 ._label_1hrezad_44{
458
458
  color:rgba(255,255,255,0.5);
459
459
  color:var(--rs-typography-color-pale, rgba(255,255,255,0.5));
460
460
  }
package/lib/textarea.js CHANGED
@@ -20,7 +20,7 @@ import TextareaAutosize from 'react-textarea-autosize';
20
20
  import { useTheme } from '@rescui/ui-contexts';
21
21
  import { LoadingIcon } from '@rescui/icons';
22
22
  import cn from 'classnames';
23
- import styles from './textarea.module.pcss.js';
23
+ import styles from './textarea.p.module.css.js';
24
24
  var SIZE_STYLES = {
25
25
  s: styles.sizeS,
26
26
  m: styles.sizeM,
package/lib/textarea.p.module.css.js ADDED
@@ -0,0 +1,22 @@
1
+ var styles = {
2
+ "labelWrapper": "_labelWrapper_1hrezad_44",
3
+ "wrapper": "_wrapper_1hrezad_48",
4
+ "disabled": "_disabled_1hrezad_56",
5
+ "inner": "_inner_1hrezad_61",
6
+ "focused": "_focused_1hrezad_90",
7
+ "sizeL": "_sizeL_1hrezad_94",
8
+ "sizeM": "_sizeM_1hrezad_98",
9
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1hrezad_1",
10
+ "sizeS": "_sizeS_1hrezad_102",
11
+ "error": "_error_1hrezad_108",
12
+ "themeLight": "_themeLight_1hrezad_122",
13
+ "filled": "_filled_1hrezad_129",
14
+ "keyFocused": "_keyFocused_1hrezad_144",
15
+ "rock": "_rock_1hrezad_148",
16
+ "themeDark": "_themeDark_1hrezad_160",
17
+ "busy": "_busy_1hrezad_220",
18
+ "errorMessage": "_errorMessage_1hrezad_256",
19
+ "note": "_note_1hrezad_257",
20
+ "label": "_label_1hrezad_44"
21
+ };
22
+ export { styles as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/textarea",
3
- "version": "0.1.5",
3
+ "version": "0.1.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.8.2",
18
+ "@rescui/icons": "^0.8.3",
19
19
  "classnames": "^2.2.6",
20
20
  "core-js": "^3.9.1",
21
21
  "react-textarea-autosize": "^8.3.3"
@@ -26,16 +26,16 @@
26
26
  "react": ">=16.8.0 <18"
27
27
  },
28
28
  "devDependencies": {
29
- "@rescui/colors": "^0.1.1",
30
- "@rescui/postcss-preset-library": "^0.0.5",
31
- "@rescui/scripts": "^0.1.5",
32
- "@rescui/tooltip": "^0.4.1",
33
- "@rescui/typography": "^0.7.3",
34
- "@rescui/visual-regression": "^0.0.1",
29
+ "@rescui/colors": "^0.1.2",
30
+ "@rescui/postcss-preset-library": "^0.0.6",
31
+ "@rescui/scripts": "^0.1.6",
32
+ "@rescui/tooltip": "^0.4.2",
33
+ "@rescui/typography": "^0.7.4",
34
+ "@rescui/visual-regression": "^0.0.2",
35
35
  "@types/classnames": "^2.2.11"
36
36
  },
37
37
  "scripts": {
38
38
  "build": "rescui-scripts build"
39
39
  },
40
- "gitHead": "0747cafd54c577bb1658dce2ab5e6900ff0854b6"
40
+ "gitHead": "c5b48e321608ae1755e691238aa5db5977318c75"
41
41
  }
package/lib/textarea.module.pcss.js DELETED
@@ -1,22 +0,0 @@
1
- var styles = {
2
- "labelWrapper": "_labelWrapper_1ovpcyf_44",
3
- "wrapper": "_wrapper_1ovpcyf_48",
4
- "disabled": "_disabled_1ovpcyf_56",
5
- "inner": "_inner_1ovpcyf_61",
6
- "focused": "_focused_1ovpcyf_90",
7
- "sizeL": "_sizeL_1ovpcyf_94",
8
- "sizeM": "_sizeM_1ovpcyf_98",
9
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1ovpcyf_1",
10
- "sizeS": "_sizeS_1ovpcyf_102",
11
- "error": "_error_1ovpcyf_108",
12
- "themeLight": "_themeLight_1ovpcyf_122",
13
- "filled": "_filled_1ovpcyf_129",
14
- "keyFocused": "_keyFocused_1ovpcyf_144",
15
- "rock": "_rock_1ovpcyf_148",
16
- "themeDark": "_themeDark_1ovpcyf_160",
17
- "busy": "_busy_1ovpcyf_220",
18
- "errorMessage": "_errorMessage_1ovpcyf_256",
19
- "note": "_note_1ovpcyf_257",
20
- "label": "_label_1ovpcyf_44"
21
- };
22
- export { styles as default };