@hh.ru/magritte-ui-textarea 2.3.6 → 3.0.0

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 (23) hide show
  1. package/TextArea.d.ts +7 -2
  2. package/TextArea.js +41 -72
  3. package/TextArea.js.map +1 -1
  4. package/TextAreaGrowLimiter.d.ts +18 -0
  5. package/TextAreaGrowLimiter.js +80 -0
  6. package/TextAreaGrowLimiter.js.map +1 -0
  7. package/UncontrolledTextArea.d.ts +7 -3
  8. package/UncontrolledTextArea.js +8 -3
  9. package/UncontrolledTextArea.js.map +1 -1
  10. package/index.css +205 -197
  11. package/index.d.ts +1 -0
  12. package/index.js +5 -1
  13. package/index.js.map +1 -1
  14. package/package.json +3 -3
  15. package/types.d.ts +55 -26
  16. package/types.js +6 -0
  17. package/types.js.map +1 -1
  18. package/useLimitGrow.d.ts +15 -0
  19. package/useLimitGrow.js +78 -0
  20. package/useLimitGrow.js.map +1 -0
  21. package/useMinHeight.d.ts +6 -0
  22. package/useMinHeight.js +36 -0
  23. package/useMinHeight.js.map +1 -0
package/index.css CHANGED
@@ -48,6 +48,14 @@
48
48
  --magritte-typography-label-2-regular-text-indent-v23-0-0:0px;
49
49
  --magritte-typography-label-2-regular-text-transform-v23-0-0:none;
50
50
  --magritte-typography-label-2-regular-text-decoration-v23-0-0:none;
51
+ --magritte-typography-label-3-regular-font-family-v23-0-0:"hh sans";
52
+ --magritte-typography-label-3-regular-font-weight-v23-0-0:400;
53
+ --magritte-typography-label-3-regular-line-height-v23-0-0:20px;
54
+ --magritte-typography-label-3-regular-font-size-v23-0-0:14px;
55
+ --magritte-typography-label-3-regular-letter-spacing-v23-0-0:0.005em;
56
+ --magritte-typography-label-3-regular-text-indent-v23-0-0:0px;
57
+ --magritte-typography-label-3-regular-text-transform-v23-0-0:none;
58
+ --magritte-typography-label-3-regular-text-decoration-v23-0-0:none;
51
59
  --magritte-typography-label-4-regular-font-family-v23-0-0:"hh sans";
52
60
  --magritte-typography-label-4-regular-font-weight-v23-0-0:400;
53
61
  --magritte-typography-label-4-regular-line-height-v23-0-0:18px;
@@ -143,229 +151,252 @@
143
151
  --magritte-color-component-input-text-state-description-invalid-v23-0-0:#ff4d3a;
144
152
  --magritte-color-component-input-icon-grip-v23-0-0:#AABBCA;
145
153
  }
146
- .magritte-textarea___ugvor_2-3-6{
154
+ .magritte-textarea___ugvor_3-0-0{
147
155
  display:inline-flex;
148
156
  flex-flow:column;
157
+ --magritte-ui-textarea-vertical-offset:0px;
158
+ --magritte-ui-textarea-additional-bottom-padding:0px;
149
159
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-0-0);
150
160
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-0-0);
151
161
  }
162
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-elevated___S0jk-_3-0-0{
163
+ --magritte-ui-textarea-vertical-offset:calc(var(--magritte-typography-label-4-regular-line-height-v23-0-0) * 0.5);
164
+ }
165
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-small___Q-tsg_3-0-0{
166
+ --magritte-ui-textarea-vertical-padding:10px;
167
+ }
168
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-medium___GNzAm_3-0-0{
169
+ --magritte-ui-textarea-vertical-padding:12px;
170
+ }
171
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-large___ugT-5_3-0-0{
172
+ --magritte-ui-textarea-vertical-padding:16px;
173
+ }
174
+ .magritte-textarea___ugvor_3-0-0.magritte-has-grip___ATMYQ_3-0-0{
175
+ --magritte-ui-textarea-additional-bottom-padding:18px;
176
+ }
177
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-limited___cU1Rg_3-0-0{
178
+ --magritte-ui-textarea-additional-bottom-padding:20px + 8px;
179
+ }
180
+ .magritte-textarea___ugvor_3-0-0.magritte-maxed-height___v1wYG_3-0-0.magritte-textarea-elevated___S0jk-_3-0-0{
181
+ --magritte-ui-textarea-bottom-padding:calc(12px + var(--magritte-ui-textarea-vertical-offset));
182
+ }
152
183
  @media (min-width: 1020px){
153
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover{
184
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover{
154
185
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-0-0);
155
186
  }
156
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after{
187
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
157
188
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
158
189
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
159
190
  border-width:1px;
160
191
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
161
192
  }
162
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-position-container___cEpbv_2-3-6{
193
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-position-container___cEpbv_3-0-0{
163
194
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
164
195
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
165
196
  }
166
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-native-element___a0RAE_2-3-6{
197
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-native-element___a0RAE_3-0-0{
167
198
  color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
168
199
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
169
200
  opacity:1;
170
201
  }
171
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-label___sgTIH_2-3-6{
202
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-label___sgTIH_3-0-0{
172
203
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-0-0);
173
204
  }
174
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-label-elevated___0lxOI_2-3-6{
205
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-label-elevated___0lxOI_3-0-0{
175
206
  color:var(--magritte-color-component-input-text-state-label-hovered-v23-0-0);
176
207
  }
177
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-limit___IjPJy_2-3-6{
208
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-limit___IjPJy_3-0-0{
178
209
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
179
210
  }
180
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-limit___IjPJy_2-3-6{
211
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-limit___IjPJy_3-0-0{
181
212
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-0-0);
182
213
  }
183
214
  }
184
215
  @media (min-width: 1024px){
185
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover{
216
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover{
186
217
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-0-0);
187
218
  }
188
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after{
219
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
189
220
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
190
221
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
191
222
  border-width:1px;
192
223
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
193
224
  }
194
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-position-container___cEpbv_2-3-6{
225
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-position-container___cEpbv_3-0-0{
195
226
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-0-0);
196
227
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
197
228
  }
198
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-native-element___a0RAE_2-3-6{
229
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-native-element___a0RAE_3-0-0{
199
230
  color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
200
231
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-0-0);
201
232
  opacity:1;
202
233
  }
203
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-label___sgTIH_2-3-6{
234
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-label___sgTIH_3-0-0{
204
235
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-0-0);
205
236
  }
206
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-label-elevated___0lxOI_2-3-6{
237
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-label-elevated___0lxOI_3-0-0{
207
238
  color:var(--magritte-color-component-input-text-state-label-hovered-v23-0-0);
208
239
  }
209
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-limit___IjPJy_2-3-6{
240
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-limit___IjPJy_3-0-0{
210
241
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-0-0);
211
242
  }
212
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-6:not(.magritte-textarea-focused___eiGyC_2-3-6):not(.magritte-textarea-invalid___iKOPh_2-3-6):not(.magritte-textarea-disabled___XN0cg_2-3-6):hover .magritte-textarea-limit___IjPJy_2-3-6{
243
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-0:not(.magritte-textarea-focused___eiGyC_3-0-0):not(.magritte-textarea-invalid___iKOPh_3-0-0):not(.magritte-textarea-disabled___XN0cg_3-0-0):hover .magritte-textarea-limit___IjPJy_3-0-0{
213
244
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-0-0);
214
245
  }
215
246
  }
216
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6{
247
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0{
217
248
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-0-0);
218
249
  }
219
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after{
250
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
220
251
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-0-0);
221
252
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-0-0);
222
253
  border-width:2px;
223
254
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-0-0);
224
255
  }
225
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
256
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0{
226
257
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-0-0);
227
258
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-0-0);
228
259
  }
229
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6 .magritte-native-element___a0RAE_2-3-6{
260
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0 .magritte-native-element___a0RAE_3-0-0{
230
261
  color:var(--magritte-color-component-input-text-state-content-focused-v23-0-0);
231
262
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-0-0);
232
263
  opacity:1;
233
264
  }
234
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6 .magritte-textarea-label___sgTIH_2-3-6{
265
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0 .magritte-textarea-label___sgTIH_3-0-0{
235
266
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-0-0);
236
267
  }
237
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6 .magritte-textarea-label-elevated___0lxOI_2-3-6{
268
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0 .magritte-textarea-label-elevated___0lxOI_3-0-0{
238
269
  color:var(--magritte-color-component-input-text-state-label-focused-v23-0-0);
239
270
  }
240
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
271
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
241
272
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-0-0);
242
273
  }
243
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
274
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
244
275
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v23-0-0);
245
276
  }
246
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6,
247
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6{
277
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0,
278
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0{
248
279
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-0-0);
249
280
  }
250
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after,
251
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after{
281
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after,
282
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
252
283
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
253
284
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
254
285
  border-width:2px;
255
286
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
256
287
  }
257
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6,
258
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
288
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0,
289
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0{
259
290
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
260
291
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
261
292
  }
262
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-native-element___a0RAE_2-3-6,
263
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-native-element___a0RAE_2-3-6{
293
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-native-element___a0RAE_3-0-0,
294
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-native-element___a0RAE_3-0-0{
264
295
  color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
265
296
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
266
297
  opacity:1;
267
298
  }
268
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-label___sgTIH_2-3-6,
269
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-label___sgTIH_2-3-6{
299
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-label___sgTIH_3-0-0,
300
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-label___sgTIH_3-0-0{
270
301
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-0-0);
271
302
  }
272
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-label-elevated___0lxOI_2-3-6,
273
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-label-elevated___0lxOI_2-3-6{
303
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-label-elevated___0lxOI_3-0-0,
304
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-label-elevated___0lxOI_3-0-0{
274
305
  color:var(--magritte-color-component-input-text-state-label-invalid-v23-0-0);
275
306
  }
276
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6,
277
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
307
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0,
308
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
278
309
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
279
310
  }
280
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-focused___eiGyC_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
311
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-focused___eiGyC_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
281
312
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-0-0);
282
313
  }
283
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6{
314
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0{
284
315
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-0-0);
285
316
  }
286
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after{
317
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
287
318
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
288
319
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
289
320
  border-width:1px;
290
321
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
291
322
  }
292
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
323
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0{
293
324
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-0-0);
294
325
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
295
326
  }
296
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-native-element___a0RAE_2-3-6{
327
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-native-element___a0RAE_3-0-0{
297
328
  color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
298
329
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-0-0);
299
330
  opacity:1;
300
331
  }
301
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-label___sgTIH_2-3-6{
332
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-label___sgTIH_3-0-0{
302
333
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-0-0);
303
334
  }
304
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-label-elevated___0lxOI_2-3-6{
335
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-label-elevated___0lxOI_3-0-0{
305
336
  color:var(--magritte-color-component-input-text-state-label-invalid-v23-0-0);
306
337
  }
307
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
338
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
308
339
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-0-0);
309
340
  }
310
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
341
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
311
342
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-0-0);
312
343
  }
313
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6{
344
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0{
314
345
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-0-0);
315
346
  }
316
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after{
347
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
317
348
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-0-0);
318
349
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-0-0);
319
350
  border-width:1px;
320
351
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-0-0);
321
352
  }
322
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
353
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0{
323
354
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-0-0);
324
355
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-0-0);
325
356
  }
326
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-native-element___a0RAE_2-3-6{
357
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-native-element___a0RAE_3-0-0{
327
358
  color:var(--magritte-color-component-input-text-state-content-disabled-v23-0-0);
328
359
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-0-0);
329
360
  opacity:1;
330
361
  }
331
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-textarea-label___sgTIH_2-3-6{
362
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-textarea-label___sgTIH_3-0-0{
332
363
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-0-0);
333
364
  }
334
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-textarea-label-elevated___0lxOI_2-3-6{
365
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-textarea-label-elevated___0lxOI_3-0-0{
335
366
  color:var(--magritte-color-component-input-text-state-label-disabled-v23-0-0);
336
367
  }
337
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
368
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
338
369
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-0-0);
339
370
  }
340
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-textarea-limit___IjPJy_2-3-6{
371
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-textarea-limit___IjPJy_3-0-0{
341
372
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v23-0-0);
342
373
  }
343
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6,
344
- .magritte-textarea___ugvor_2-3-6.magritte-textarea-disabled___XN0cg_2-3-6 .magritte-native-element___a0RAE_2-3-6{
374
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0,
375
+ .magritte-textarea___ugvor_3-0-0.magritte-textarea-disabled___XN0cg_3-0-0 .magritte-native-element___a0RAE_3-0-0{
345
376
  cursor:not-allowed;
346
377
  }
347
378
  @media (prefers-reduced-motion){
348
- .magritte-textarea___ugvor_2-3-6{
379
+ .magritte-textarea___ugvor_3-0-0{
349
380
  --animation-100-duration:1ms;
350
381
  --animation-300-duration:1ms;
351
382
  }
352
383
  }
353
- .magritte-textarea-position-container-wrapper___4Dsui_2-3-6{
384
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-0{
354
385
  display:inline-flex;
355
386
  position:relative;
356
387
  overflow:hidden;
357
388
  width:100%;
358
389
  border-radius:12px;
359
390
  }
360
- .magritte-textarea-position-container-wrapper___4Dsui_2-3-6.focus-visible{
391
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-0.focus-visible{
361
392
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-0-0) solid 4px;
362
393
  }
363
- .magritte-textarea-invalid___iKOPh_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6.focus-visible,
364
- .magritte-textarea-limit-error___vLvZU_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6.focus-visible{
394
+ .magritte-textarea-invalid___iKOPh_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0.focus-visible,
395
+ .magritte-textarea-limit-error___vLvZU_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0.focus-visible{
365
396
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-0-0);
366
397
  }
367
- .magritte-textarea-position-container-wrapper___4Dsui_2-3-6::after{
368
- display:block;
398
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
399
+ display:none;
369
400
  pointer-events:none;
370
401
  user-select:none;
371
402
  position:absolute;
@@ -379,84 +410,112 @@
379
410
  border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v23-0-0);
380
411
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v23-0-0);
381
412
  }
382
- .magritte-native-element___a0RAE_2-3-6{
383
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
384
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
385
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
386
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-0-0);
387
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-0-0);
388
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-0-0);
389
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-0-0);
390
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-0-0);
413
+ .magritte-has-grip___ATMYQ_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0::after{
414
+ display:block;
415
+ }
416
+ .magritte-native-element___a0RAE_3-0-0{
391
417
  box-sizing:border-box;
392
418
  border:0;
393
419
  width:100%;
394
- padding:0 14px 0 16px;
420
+ padding:0;
395
421
  color:var(--magritte-color-component-input-text-content-v23-0-0);
396
422
  caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-0-0));
397
- position:relative;
423
+ transform:translateY(var(--magritte-ui-textarea-vertical-offset));
424
+ border-bottom:calc(var(--magritte-ui-textarea-additional-bottom-padding) - var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding)) + var(--magritte-ui-textarea-vertical-offset)) solid transparent;
425
+ font-family:var(--magritte-typography-label-3-regular-font-family-v23-0-0);
426
+ font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-0-0);
427
+ line-height:var(--magritte-typography-label-3-regular-line-height-v23-0-0);
428
+ font-size:var(--magritte-typography-label-3-regular-font-size-v23-0-0);
429
+ letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-0-0);
430
+ text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-0-0);
431
+ text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-0-0);
432
+ text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-0-0);
433
+ grid-area:1 / 1 / 2 / 2;
434
+ width:auto;
435
+ min-height:0;
436
+ max-height:100%;
437
+ overflow:hidden;
398
438
  resize:none;
399
439
  background:none;
400
440
  appearance:none;
401
441
  }
402
- .magritte-native-element___a0RAE_2-3-6:focus{
403
- outline:none;
404
- }
405
- .magritte-min-height-48___jGf5Z_2-3-6 .magritte-native-element___a0RAE_2-3-6{
406
- min-height:calc(36px - var(--magritte-typography-label-4-regular-line-height-v23-0-0));
407
- }
408
- .magritte-min-height-56___2yI39_2-3-6 .magritte-native-element___a0RAE_2-3-6{
409
- min-height:calc(40px - var(--magritte-typography-label-4-regular-line-height-v23-0-0));
410
- }
411
- .magritte-min-height-default___zwRcq_2-3-6 .magritte-native-element___a0RAE_2-3-6{
412
- min-height:calc(78px - var(--magritte-typography-label-4-regular-line-height-v23-0-0));
413
- }
414
- .magritte-textarea-limited___cU1Rg_2-3-6.magritte-min-height-48___jGf5Z_2-3-6 .magritte-native-element___a0RAE_2-3-6{
415
- min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v23-0-0));
416
- }
417
- .magritte-textarea-limited___cU1Rg_2-3-6.magritte-min-height-56___2yI39_2-3-6 .magritte-native-element___a0RAE_2-3-6{
418
- min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v23-0-0));
419
- }
420
- .magritte-textarea-limited___cU1Rg_2-3-6.magritte-min-height-default___zwRcq_2-3-6 .magritte-native-element___a0RAE_2-3-6{
421
- min-height:calc(64px - var(--magritte-typography-label-4-regular-line-height-v23-0-0));
442
+ .magritte-textarea-medium___GNzAm_3-0-0 .magritte-native-element___a0RAE_3-0-0,
443
+ .magritte-textarea-large___ugT-5_3-0-0 .magritte-native-element___a0RAE_3-0-0{
444
+ font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
445
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
446
+ line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
447
+ font-size:var(--magritte-typography-label-2-regular-font-size-v23-0-0);
448
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-0-0);
449
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-0-0);
450
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-0-0);
451
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-0-0);
422
452
  }
423
- .magritte-textarea-layout-fill-both___ERS-q_2-3-6,
424
- .magritte-textarea-layout-fill-vertical___HmNtp_2-3-6,
425
- .magritte-textarea-layout-fill-horizontal___imBH2_2-3-6{
426
- flex-direction:column;
453
+ .magritte-native-element___a0RAE_3-0-0:focus{
454
+ outline:none;
427
455
  }
428
- .magritte-textarea-layout-fill-both___ERS-q_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6,
429
- .magritte-textarea-layout-fill-vertical___HmNtp_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6,
430
- .magritte-textarea-layout-fill-horizontal___imBH2_2-3-6 .magritte-textarea-position-container-wrapper___4Dsui_2-3-6{
456
+ .magritte-textarea-layout-fill-both___ERS-q_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0,
457
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0,
458
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-0-0 .magritte-textarea-position-container-wrapper___4Dsui_3-0-0{
431
459
  flex:1;
432
460
  }
433
- .magritte-textarea-layout-fill-both___ERS-q_2-3-6{
461
+ .magritte-textarea-layout-fill-both___ERS-q_3-0-0{
434
462
  width:100%;
435
463
  height:100%;
436
464
  }
437
- .magritte-textarea-layout-fill-vertical___HmNtp_2-3-6{
465
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-0-0{
438
466
  height:100%;
439
467
  }
440
- .magritte-textarea-layout-fill-horizontal___imBH2_2-3-6{
468
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-0-0,
469
+ .magritte-textarea-layout-hug___tdCMY_3-0-0{
441
470
  width:100%;
442
471
  }
443
- .magritte-textarea-wrapper___yD7G6_2-3-6{
444
- display:inline-flex;
445
- width:100%;
472
+ @media (min-width: 1020px){
473
+ body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0{
474
+ max-height:var(--magritte-textarea-max-height, auto);
475
+ }
446
476
  }
447
- .magritte-textarea-layout-hug___tdCMY_2-3-6{
448
- width:100%;
477
+ @media (min-width: 1024px){
478
+ body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-0-0 .magritte-textarea-position-container___cEpbv_3-0-0{
479
+ max-height:var(--magritte-textarea-max-height, auto);
480
+ }
449
481
  }
450
- .magritte-textarea-layout-hug___tdCMY_2-3-6 .magritte-textarea-wrapper___yD7G6_2-3-6{
482
+ .magritte-textarea-wrapper___yD7G6_3-0-0{
451
483
  display:grid;
484
+ width:100%;
452
485
  }
453
- .magritte-textarea-layout-hug___tdCMY_2-3-6 .magritte-textarea-wrapper___yD7G6_2-3-6::after,
454
- .magritte-textarea-layout-hug___tdCMY_2-3-6 .magritte-textarea-wrapper___yD7G6_2-3-6 .magritte-native-element___a0RAE_2-3-6{
486
+ .magritte-value-clone-wrapper___2ZZvS_3-0-0{
455
487
  grid-area:1 / 1 / 2 / 2;
488
+ min-height:0;
456
489
  overflow:hidden;
490
+ }
491
+ .magritte-value-clone-container___PVM97_3-0-0{
492
+ margin:0;
493
+ box-sizing:border-box;
494
+ border:0;
495
+ width:100%;
496
+ padding:0;
497
+ color:var(--magritte-color-component-input-text-content-v23-0-0);
498
+ caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-0-0));
499
+ transform:translateY(var(--magritte-ui-textarea-vertical-offset));
500
+ border-bottom:calc(var(--magritte-ui-textarea-additional-bottom-padding) - var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding)) + var(--magritte-ui-textarea-vertical-offset)) solid transparent;
501
+ font-family:var(--magritte-typography-label-3-regular-font-family-v23-0-0);
502
+ font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-0-0);
503
+ line-height:var(--magritte-typography-label-3-regular-line-height-v23-0-0);
504
+ font-size:var(--magritte-typography-label-3-regular-font-size-v23-0-0);
505
+ letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-0-0);
506
+ text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-0-0);
507
+ text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-0-0);
508
+ text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-0-0);
457
509
  width:auto;
510
+ height:auto;
511
+ white-space:pre-wrap;
512
+ overflow-wrap:break-word;
513
+ word-wrap:break-word;
514
+ visibility:hidden;
515
+ pointer-events:none;
458
516
  }
459
- .magritte-textarea-layout-hug___tdCMY_2-3-6 .magritte-textarea-wrapper___yD7G6_2-3-6::after{
517
+ .magritte-textarea-medium___GNzAm_3-0-0 .magritte-value-clone-container___PVM97_3-0-0,
518
+ .magritte-textarea-large___ugT-5_3-0-0 .magritte-value-clone-container___PVM97_3-0-0{
460
519
  font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
461
520
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
462
521
  line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
@@ -465,79 +524,41 @@
465
524
  text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-0-0);
466
525
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-0-0);
467
526
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-0-0);
468
- box-sizing:border-box;
469
- border:0;
470
- width:100%;
471
- padding:0 14px 0 16px;
472
- color:var(--magritte-color-component-input-text-content-v23-0-0);
473
- caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-0-0));
474
- content:attr(data-replicated-value) ' ';
475
- white-space:pre-wrap;
476
- visibility:hidden;
477
527
  }
478
- .magritte-textarea-position-container___cEpbv_2-3-6{
528
+ .magritte-textarea-small___Q-tsg_3-0-0 .magritte-side-padding___O-HUP_3-0-0{
529
+ padding:0 calc(12px - 2px);
530
+ }
531
+ .magritte-textarea-medium___GNzAm_3-0-0 .magritte-side-padding___O-HUP_3-0-0{
532
+ padding:0 calc(16px - 2px);
533
+ }
534
+ .magritte-textarea-large___ugT-5_3-0-0 .magritte-side-padding___O-HUP_3-0-0{
535
+ padding:0 calc(16px - 2px);
536
+ }
537
+ .magritte-textarea-position-container___cEpbv_3-0-0{
479
538
  display:inline-flex;
480
539
  overflow:hidden;
481
540
  position:relative;
482
541
  width:100%;
483
542
  border-radius:12px;
484
543
  background-color:var(--magritte-color-component-input-background-field-v23-0-0);
485
- padding:var(--magritte-typography-label-4-regular-line-height-v23-0-0) 2px 16px 0;
486
544
  cursor:text;
487
545
  box-sizing:border-box;
488
546
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-0-0);
547
+ padding:var(--magritte-ui-textarea-vertical-padding) 2px var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding));
489
548
  }
490
- .magritte-textarea-position-container___cEpbv_2-3-6::-webkit-resizer{
491
- display:none;
492
- }
493
- .magritte-textarea-elevated___S0jk-_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
494
- padding-top:calc(var(--magritte-typography-label-4-regular-line-height-v23-0-0) + 18px);
495
- }
496
- .magritte-textarea-limited___cU1Rg_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
497
- padding-bottom:30px;
498
- }
499
- .magritte-min-height-48___jGf5Z_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
500
- padding-top:12px;
501
- padding-bottom:12px;
502
- min-height:48px;
503
- }
504
- .magritte-min-height-56___2yI39_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
505
- padding-top:16px;
506
- padding-bottom:16px;
507
- min-height:56px;
508
- }
509
- .magritte-min-height-default___zwRcq_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
510
- min-height:112px;
511
- }
512
- .magritte-textarea-elevated___S0jk-_2-3-6.magritte-min-height-48___jGf5Z_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
513
- padding-top:22px;
514
- padding-bottom:4px;
515
- }
516
- .magritte-textarea-elevated___S0jk-_2-3-6.magritte-min-height-56___2yI39_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
517
- padding-top:26px;
518
- padding-bottom:8px;
519
- }
520
- .magritte-textarea-limited___cU1Rg_2-3-6.magritte-min-height-48___jGf5Z_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
521
- padding-bottom:26px;
522
- }
523
- .magritte-textarea-limited___cU1Rg_2-3-6.magritte-min-height-56___2yI39_2-3-6 .magritte-textarea-position-container___cEpbv_2-3-6{
524
- padding-bottom:30px;
525
- }
526
- .magritte-textarea-animation-timeout___zudbr_2-3-6,
527
- .magritte-textarea-position-container___cEpbv_2-3-6{
549
+ .magritte-textarea-animation-timeout___zudbr_3-0-0,
550
+ .magritte-textarea-position-container___cEpbv_3-0-0{
528
551
  transition-property:transform, color, font-size, letter-spacing;
529
552
  transition-duration:var(--animation-100-duration);
530
553
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-0-0);
531
554
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-0-0);
532
555
  }
533
- .magritte-textarea-rigging-container___-1S6i_2-3-6{
534
- position:absolute;
556
+ .magritte-textarea-rigging-container___-1S6i_3-0-0{
557
+ position:relative;
535
558
  pointer-events:none;
536
- left:16px;
537
- right:16px;
538
- top:0;
559
+ grid-area:1 / 1 / 2 / 2;
539
560
  }
540
- .magritte-textarea-label___sgTIH_2-3-6{
561
+ .magritte-textarea-label___sgTIH_3-0-0{
541
562
  font-family:var(--magritte-typography-label-2-regular-font-family-v23-0-0);
542
563
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-0-0);
543
564
  line-height:var(--magritte-typography-label-2-regular-line-height-v23-0-0);
@@ -550,22 +571,15 @@
550
571
  overflow:hidden;
551
572
  text-overflow:ellipsis;
552
573
  user-select:none;
553
- padding-top:var(--magritte-typography-label-4-regular-line-height-v23-0-0);
554
574
  color:var(--magritte-color-component-input-text-placeholder-v23-0-0);
555
575
  transition-property:transform, color, font-size, letter-spacing;
556
576
  transition-duration:var(--animation-100-duration);
557
577
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-0-0);
558
578
  }
559
- .magritte-min-height-48___jGf5Z_2-3-6 .magritte-textarea-label___sgTIH_2-3-6{
560
- padding-top:12px;
561
- }
562
- .magritte-min-height-56___2yI39_2-3-6 .magritte-textarea-label___sgTIH_2-3-6{
563
- padding-top:16px;
564
- }
565
- .magritte-label-no-wrap___RxZ3A_2-3-6{
579
+ .magritte-label-no-wrap___RxZ3A_3-0-0{
566
580
  white-space:nowrap;
567
581
  }
568
- .magritte-textarea-label-elevated___0lxOI_2-3-6{
582
+ .magritte-textarea-label-elevated___0lxOI_3-0-0{
569
583
  font-family:var(--magritte-typography-label-4-regular-font-family-v23-0-0);
570
584
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-0-0);
571
585
  line-height:var(--magritte-typography-label-4-regular-line-height-v23-0-0);
@@ -574,27 +588,21 @@
574
588
  text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-0-0);
575
589
  text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-0-0);
576
590
  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-0-0);
577
- --elevated-placeholder-gap:8px;
578
591
  color:var(--magritte-color-component-input-text-label-v23-0-0);
579
- transform:translateY(calc(var(--elevated-placeholder-gap) - var(--magritte-typography-label-2-regular-line-height-v23-0-0) / 2));
580
- }
581
- .magritte-min-height-48___jGf5Z_2-3-6 .magritte-textarea-label-elevated___0lxOI_2-3-6{
582
- --elevated-placeholder-gap:3px;
592
+ transform:translateY(calc(var(--magritte-typography-label-4-regular-line-height-v23-0-0) * -0.5));
583
593
  }
584
- .magritte-min-height-56___2yI39_2-3-6 .magritte-textarea-label-elevated___0lxOI_2-3-6{
585
- --elevated-placeholder-gap:3px;
586
- }
587
- .magritte-textarea-limit___IjPJy_2-3-6{
594
+ .magritte-textarea-limit___IjPJy_3-0-0{
588
595
  position:absolute;
589
- bottom:10px;
590
- right:28px;
596
+ bottom:8px;
597
+ right:12px;
591
598
  left:16px;
592
599
  text-align:right;
593
600
  background-color:var(--magritte-color-component-input-background-field-v23-0-0);
594
601
  pointer-events:none;
602
+ z-index:1;
595
603
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v23-0-0);
596
604
  }
597
- .magritte-textarea-grip___iL7lq_2-3-6{
605
+ .magritte-textarea-grip___iL7lq_3-0-0{
598
606
  position:absolute;
599
607
  pointer-events:none;
600
608
  display:inline-flex;
@@ -603,25 +611,25 @@
603
611
  border-bottom-right-radius:12px;
604
612
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v23-0-0);
605
613
  }
606
- .magritte-textarea-grip-icon___YK-9w_2-3-6{
614
+ .magritte-textarea-grip-icon___YK-9w_3-0-0{
607
615
  display:inline-flex;
608
616
  z-index:1;
609
617
  }
610
618
  @media (prefers-reduced-motion: no-preference){
611
- .magritte-textarea-limit-enter___CygGz_2-3-6{
619
+ .magritte-textarea-limit-enter___CygGz_3-0-0{
612
620
  opacity:0;
613
621
  }
614
- .magritte-textarea-limit-exit___RMp-R_2-3-6,
615
- .magritte-textarea-limit-enter-active___8vN-t_2-3-6{
622
+ .magritte-textarea-limit-exit___RMp-R_3-0-0,
623
+ .magritte-textarea-limit-enter-active___8vN-t_3-0-0{
616
624
  opacity:1;
617
625
  }
618
- .magritte-textarea-limit-enter-active___8vN-t_2-3-6{
626
+ .magritte-textarea-limit-enter-active___8vN-t_3-0-0{
619
627
  transition-property:opacity;
620
628
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-0-0);
621
629
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-0-0);
622
630
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-0-0);
623
631
  }
624
- .magritte-textarea-limit-exit-active___a5kBr_2-3-6{
632
+ .magritte-textarea-limit-exit-active___a5kBr_3-0-0{
625
633
  opacity:0;
626
634
  transition-property:opacity;
627
635
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-0-0);