@hh.ru/magritte-ui-textarea 3.0.1 → 3.0.2

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 (3) hide show
  1. package/TextArea.js +1 -1
  2. package/index.css +108 -108
  3. package/package.json +5 -5
package/TextArea.js CHANGED
@@ -18,7 +18,7 @@ import './TextAreaGrowLimiter.js';
18
18
  import '@hh.ru/magritte-common-func-utils';
19
19
  import './types.js';
20
20
 
21
- var styles = {"textarea":"magritte-textarea___ugvor_3-0-1","textarea-elevated":"magritte-textarea-elevated___S0jk-_3-0-1","textareaElevated":"magritte-textarea-elevated___S0jk-_3-0-1","textarea-small":"magritte-textarea-small___Q-tsg_3-0-1","textareaSmall":"magritte-textarea-small___Q-tsg_3-0-1","textarea-medium":"magritte-textarea-medium___GNzAm_3-0-1","textareaMedium":"magritte-textarea-medium___GNzAm_3-0-1","textarea-large":"magritte-textarea-large___ugT-5_3-0-1","textareaLarge":"magritte-textarea-large___ugT-5_3-0-1","has-grip":"magritte-has-grip___ATMYQ_3-0-1","hasGrip":"magritte-has-grip___ATMYQ_3-0-1","textarea-limited":"magritte-textarea-limited___cU1Rg_3-0-1","textareaLimited":"magritte-textarea-limited___cU1Rg_3-0-1","maxed-height":"magritte-maxed-height___v1wYG_3-0-1","maxedHeight":"magritte-maxed-height___v1wYG_3-0-1","textarea-focused":"magritte-textarea-focused___eiGyC_3-0-1","textareaFocused":"magritte-textarea-focused___eiGyC_3-0-1","textarea-invalid":"magritte-textarea-invalid___iKOPh_3-0-1","textareaInvalid":"magritte-textarea-invalid___iKOPh_3-0-1","textarea-disabled":"magritte-textarea-disabled___XN0cg_3-0-1","textareaDisabled":"magritte-textarea-disabled___XN0cg_3-0-1","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-1","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-1","textarea-position-container":"magritte-textarea-position-container___cEpbv_3-0-1","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_3-0-1","native-element":"magritte-native-element___a0RAE_3-0-1","nativeElement":"magritte-native-element___a0RAE_3-0-1","textarea-label":"magritte-textarea-label___sgTIH_3-0-1","textareaLabel":"magritte-textarea-label___sgTIH_3-0-1","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_3-0-1","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_3-0-1","textarea-limit":"magritte-textarea-limit___IjPJy_3-0-1","textareaLimit":"magritte-textarea-limit___IjPJy_3-0-1","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_3-0-1","textareaLimitError":"magritte-textarea-limit-error___vLvZU_3-0-1","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_3-0-1","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_3-0-1","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-1","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-1","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-1","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-1","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_3-0-1","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_3-0-1","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_3-0-1","textareaWrapper":"magritte-textarea-wrapper___yD7G6_3-0-1","value-clone-wrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-1","valueCloneWrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-1","value-clone-container":"magritte-value-clone-container___PVM97_3-0-1","valueCloneContainer":"magritte-value-clone-container___PVM97_3-0-1","side-padding":"magritte-side-padding___O-HUP_3-0-1","sidePadding":"magritte-side-padding___O-HUP_3-0-1","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_3-0-1","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_3-0-1","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_3-0-1","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_3-0-1","label-no-wrap":"magritte-label-no-wrap___RxZ3A_3-0-1","labelNoWrap":"magritte-label-no-wrap___RxZ3A_3-0-1","textarea-grip":"magritte-textarea-grip___iL7lq_3-0-1","textareaGrip":"magritte-textarea-grip___iL7lq_3-0-1","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_3-0-1","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_3-0-1","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_3-0-1","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_3-0-1","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_3-0-1","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_3-0-1","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_3-0-1","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_3-0-1","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_3-0-1","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_3-0-1"};
21
+ var styles = {"textarea":"magritte-textarea___ugvor_3-0-2","textarea-elevated":"magritte-textarea-elevated___S0jk-_3-0-2","textareaElevated":"magritte-textarea-elevated___S0jk-_3-0-2","textarea-small":"magritte-textarea-small___Q-tsg_3-0-2","textareaSmall":"magritte-textarea-small___Q-tsg_3-0-2","textarea-medium":"magritte-textarea-medium___GNzAm_3-0-2","textareaMedium":"magritte-textarea-medium___GNzAm_3-0-2","textarea-large":"magritte-textarea-large___ugT-5_3-0-2","textareaLarge":"magritte-textarea-large___ugT-5_3-0-2","has-grip":"magritte-has-grip___ATMYQ_3-0-2","hasGrip":"magritte-has-grip___ATMYQ_3-0-2","textarea-limited":"magritte-textarea-limited___cU1Rg_3-0-2","textareaLimited":"magritte-textarea-limited___cU1Rg_3-0-2","maxed-height":"magritte-maxed-height___v1wYG_3-0-2","maxedHeight":"magritte-maxed-height___v1wYG_3-0-2","textarea-focused":"magritte-textarea-focused___eiGyC_3-0-2","textareaFocused":"magritte-textarea-focused___eiGyC_3-0-2","textarea-invalid":"magritte-textarea-invalid___iKOPh_3-0-2","textareaInvalid":"magritte-textarea-invalid___iKOPh_3-0-2","textarea-disabled":"magritte-textarea-disabled___XN0cg_3-0-2","textareaDisabled":"magritte-textarea-disabled___XN0cg_3-0-2","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-2","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-2","textarea-position-container":"magritte-textarea-position-container___cEpbv_3-0-2","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_3-0-2","native-element":"magritte-native-element___a0RAE_3-0-2","nativeElement":"magritte-native-element___a0RAE_3-0-2","textarea-label":"magritte-textarea-label___sgTIH_3-0-2","textareaLabel":"magritte-textarea-label___sgTIH_3-0-2","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_3-0-2","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_3-0-2","textarea-limit":"magritte-textarea-limit___IjPJy_3-0-2","textareaLimit":"magritte-textarea-limit___IjPJy_3-0-2","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_3-0-2","textareaLimitError":"magritte-textarea-limit-error___vLvZU_3-0-2","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_3-0-2","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_3-0-2","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-2","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-2","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-2","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-2","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_3-0-2","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_3-0-2","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_3-0-2","textareaWrapper":"magritte-textarea-wrapper___yD7G6_3-0-2","value-clone-wrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-2","valueCloneWrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-2","value-clone-container":"magritte-value-clone-container___PVM97_3-0-2","valueCloneContainer":"magritte-value-clone-container___PVM97_3-0-2","side-padding":"magritte-side-padding___O-HUP_3-0-2","sidePadding":"magritte-side-padding___O-HUP_3-0-2","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_3-0-2","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_3-0-2","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_3-0-2","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_3-0-2","label-no-wrap":"magritte-label-no-wrap___RxZ3A_3-0-2","labelNoWrap":"magritte-label-no-wrap___RxZ3A_3-0-2","textarea-grip":"magritte-textarea-grip___iL7lq_3-0-2","textareaGrip":"magritte-textarea-grip___iL7lq_3-0-2","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_3-0-2","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_3-0-2","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_3-0-2","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_3-0-2","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_3-0-2","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_3-0-2","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_3-0-2","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_3-0-2","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_3-0-2","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_3-0-2"};
22
22
 
23
23
  const ZERO_WIDTH_SPACE = '\u200B';
24
24
  const TextAreaComponent = ({ onChange, onFocus, onBlur, onValidate, value, placeholder, disabled = false, elevatePlaceholder = false, invalid = false, invalidLimit = false, maxLength, description, errorMessage, resize = 'none', layout = 'fixed', size = 'large', minHeight: _minHeight, maxHeight, ...restProps }, ref) => {
package/index.css CHANGED
@@ -151,7 +151,7 @@
151
151
  --magritte-color-component-input-text-state-description-invalid-v23-1-0:#ff4d3a;
152
152
  --magritte-color-component-input-icon-grip-v23-1-0:#AABBCA;
153
153
  }
154
- .magritte-textarea___ugvor_3-0-1{
154
+ .magritte-textarea___ugvor_3-0-2{
155
155
  display:inline-flex;
156
156
  flex-flow:column;
157
157
  --magritte-ui-textarea-vertical-offset:0px;
@@ -159,243 +159,243 @@
159
159
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-1-0);
160
160
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-1-0);
161
161
  }
162
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-elevated___S0jk-_3-0-1{
162
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-elevated___S0jk-_3-0-2{
163
163
  --magritte-ui-textarea-vertical-offset:calc(var(--magritte-typography-label-4-regular-line-height-v23-1-0) * 0.5);
164
164
  }
165
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-small___Q-tsg_3-0-1{
165
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-small___Q-tsg_3-0-2{
166
166
  --magritte-ui-textarea-vertical-padding:10px;
167
167
  }
168
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-medium___GNzAm_3-0-1{
168
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-medium___GNzAm_3-0-2{
169
169
  --magritte-ui-textarea-vertical-padding:12px;
170
170
  }
171
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-large___ugT-5_3-0-1{
171
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-large___ugT-5_3-0-2{
172
172
  --magritte-ui-textarea-vertical-padding:16px;
173
173
  }
174
- .magritte-textarea___ugvor_3-0-1.magritte-has-grip___ATMYQ_3-0-1{
174
+ .magritte-textarea___ugvor_3-0-2.magritte-has-grip___ATMYQ_3-0-2{
175
175
  --magritte-ui-textarea-additional-bottom-padding:18px;
176
176
  }
177
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-limited___cU1Rg_3-0-1{
177
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-limited___cU1Rg_3-0-2{
178
178
  --magritte-ui-textarea-additional-bottom-padding:20px + 8px;
179
179
  }
180
- .magritte-textarea___ugvor_3-0-1.magritte-maxed-height___v1wYG_3-0-1.magritte-textarea-elevated___S0jk-_3-0-1{
180
+ .magritte-textarea___ugvor_3-0-2.magritte-maxed-height___v1wYG_3-0-2.magritte-textarea-elevated___S0jk-_3-0-2{
181
181
  --magritte-ui-textarea-bottom-padding:calc(12px + var(--magritte-ui-textarea-vertical-offset));
182
182
  }
183
183
  @media (min-width: 1020px){
184
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover{
184
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover{
185
185
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-1-0);
186
186
  }
187
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
187
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
188
188
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
189
189
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
190
190
  border-width:1px;
191
191
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
192
192
  }
193
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-position-container___cEpbv_3-0-1{
193
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container___cEpbv_3-0-2{
194
194
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
195
195
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
196
196
  }
197
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-native-element___a0RAE_3-0-1{
197
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-native-element___a0RAE_3-0-2{
198
198
  color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
199
199
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
200
200
  opacity:1;
201
201
  }
202
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-label___sgTIH_3-0-1{
202
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label___sgTIH_3-0-2{
203
203
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-1-0);
204
204
  }
205
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-label-elevated___0lxOI_3-0-1{
205
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label-elevated___0lxOI_3-0-2{
206
206
  color:var(--magritte-color-component-input-text-state-label-hovered-v23-1-0);
207
207
  }
208
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-limit___IjPJy_3-0-1{
208
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
209
209
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
210
210
  }
211
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-limit___IjPJy_3-0-1{
211
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
212
212
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-1-0);
213
213
  }
214
214
  }
215
215
  @media (min-width: 1024px){
216
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover{
216
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover{
217
217
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-1-0);
218
218
  }
219
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
219
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
220
220
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
221
221
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
222
222
  border-width:1px;
223
223
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
224
224
  }
225
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-position-container___cEpbv_3-0-1{
225
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container___cEpbv_3-0-2{
226
226
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
227
227
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
228
228
  }
229
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-native-element___a0RAE_3-0-1{
229
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-native-element___a0RAE_3-0-2{
230
230
  color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
231
231
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
232
232
  opacity:1;
233
233
  }
234
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-label___sgTIH_3-0-1{
234
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label___sgTIH_3-0-2{
235
235
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-1-0);
236
236
  }
237
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-label-elevated___0lxOI_3-0-1{
237
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label-elevated___0lxOI_3-0-2{
238
238
  color:var(--magritte-color-component-input-text-state-label-hovered-v23-1-0);
239
239
  }
240
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-limit___IjPJy_3-0-1{
240
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
241
241
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
242
242
  }
243
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-1:not(.magritte-textarea-focused___eiGyC_3-0-1):not(.magritte-textarea-invalid___iKOPh_3-0-1):not(.magritte-textarea-disabled___XN0cg_3-0-1):hover .magritte-textarea-limit___IjPJy_3-0-1{
243
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
244
244
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-1-0);
245
245
  }
246
246
  }
247
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1{
247
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2{
248
248
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-1-0);
249
249
  }
250
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
250
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
251
251
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-1-0);
252
252
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-1-0);
253
253
  border-width:2px;
254
254
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
255
255
  }
256
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1{
256
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
257
257
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-1-0);
258
258
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
259
259
  }
260
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1 .magritte-native-element___a0RAE_3-0-1{
260
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-native-element___a0RAE_3-0-2{
261
261
  color:var(--magritte-color-component-input-text-state-content-focused-v23-1-0);
262
262
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-1-0);
263
263
  opacity:1;
264
264
  }
265
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1 .magritte-textarea-label___sgTIH_3-0-1{
265
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
266
266
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-1-0);
267
267
  }
268
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1 .magritte-textarea-label-elevated___0lxOI_3-0-1{
268
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
269
269
  color:var(--magritte-color-component-input-text-state-label-focused-v23-1-0);
270
270
  }
271
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
271
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
272
272
  background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
273
273
  }
274
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
274
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
275
275
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v23-1-0);
276
276
  }
277
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1,
278
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1{
277
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2,
278
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2{
279
279
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-1-0);
280
280
  }
281
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after,
282
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
281
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after,
282
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
283
283
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
284
284
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
285
285
  border-width:2px;
286
286
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
287
287
  }
288
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1,
289
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1{
288
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2,
289
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
290
290
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
291
291
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
292
292
  }
293
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-native-element___a0RAE_3-0-1,
294
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-native-element___a0RAE_3-0-1{
293
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-native-element___a0RAE_3-0-2,
294
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-native-element___a0RAE_3-0-2{
295
295
  color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
296
296
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
297
297
  opacity:1;
298
298
  }
299
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-label___sgTIH_3-0-1,
300
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-label___sgTIH_3-0-1{
299
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-label___sgTIH_3-0-2,
300
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
301
301
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-1-0);
302
302
  }
303
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-label-elevated___0lxOI_3-0-1,
304
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-label-elevated___0lxOI_3-0-1{
303
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2,
304
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
305
305
  color:var(--magritte-color-component-input-text-state-label-invalid-v23-1-0);
306
306
  }
307
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1,
308
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
307
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2,
308
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
309
309
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
310
310
  }
311
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-focused___eiGyC_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
311
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
312
312
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-1-0);
313
313
  }
314
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1{
314
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2{
315
315
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-1-0);
316
316
  }
317
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
317
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
318
318
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
319
319
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
320
320
  border-width:1px;
321
321
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
322
322
  }
323
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1{
323
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
324
324
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
325
325
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
326
326
  }
327
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-native-element___a0RAE_3-0-1{
327
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-native-element___a0RAE_3-0-2{
328
328
  color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
329
329
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
330
330
  opacity:1;
331
331
  }
332
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-label___sgTIH_3-0-1{
332
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
333
333
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-1-0);
334
334
  }
335
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-label-elevated___0lxOI_3-0-1{
335
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
336
336
  color:var(--magritte-color-component-input-text-state-label-invalid-v23-1-0);
337
337
  }
338
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
338
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
339
339
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
340
340
  }
341
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
341
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
342
342
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-1-0);
343
343
  }
344
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1{
344
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2{
345
345
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-1-0);
346
346
  }
347
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
347
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
348
348
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-1-0);
349
349
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-1-0);
350
350
  border-width:1px;
351
351
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-1-0);
352
352
  }
353
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1{
353
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
354
354
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-1-0);
355
355
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-1-0);
356
356
  }
357
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-native-element___a0RAE_3-0-1{
357
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-native-element___a0RAE_3-0-2{
358
358
  color:var(--magritte-color-component-input-text-state-content-disabled-v23-1-0);
359
359
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-1-0);
360
360
  opacity:1;
361
361
  }
362
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-textarea-label___sgTIH_3-0-1{
362
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
363
363
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-1-0);
364
364
  }
365
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-textarea-label-elevated___0lxOI_3-0-1{
365
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
366
366
  color:var(--magritte-color-component-input-text-state-label-disabled-v23-1-0);
367
367
  }
368
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
368
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
369
369
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-1-0);
370
370
  }
371
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-textarea-limit___IjPJy_3-0-1{
371
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
372
372
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v23-1-0);
373
373
  }
374
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1,
375
- .magritte-textarea___ugvor_3-0-1.magritte-textarea-disabled___XN0cg_3-0-1 .magritte-native-element___a0RAE_3-0-1{
374
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2,
375
+ .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-native-element___a0RAE_3-0-2{
376
376
  cursor:not-allowed;
377
377
  }
378
378
  @media (prefers-reduced-motion){
379
- .magritte-textarea___ugvor_3-0-1{
379
+ .magritte-textarea___ugvor_3-0-2{
380
380
  --animation-100-duration:1ms;
381
381
  --animation-300-duration:1ms;
382
382
  }
383
383
  }
384
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-1{
384
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-2{
385
385
  display:inline-flex;
386
386
  position:relative;
387
387
  overflow:hidden;
388
388
  width:100%;
389
389
  border-radius:12px;
390
390
  }
391
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-1.focus-visible{
391
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-2.focus-visible{
392
392
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-1-0) solid 4px;
393
393
  }
394
- .magritte-textarea-invalid___iKOPh_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1.focus-visible,
395
- .magritte-textarea-limit-error___vLvZU_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1.focus-visible{
394
+ .magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2.focus-visible,
395
+ .magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2.focus-visible{
396
396
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-1-0);
397
397
  }
398
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
398
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
399
399
  display:none;
400
400
  pointer-events:none;
401
401
  user-select:none;
@@ -410,10 +410,10 @@
410
410
  border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v23-1-0);
411
411
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v23-1-0);
412
412
  }
413
- .magritte-has-grip___ATMYQ_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1::after{
413
+ .magritte-has-grip___ATMYQ_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
414
414
  display:block;
415
415
  }
416
- .magritte-native-element___a0RAE_3-0-1{
416
+ .magritte-native-element___a0RAE_3-0-2{
417
417
  box-sizing:border-box;
418
418
  border:0;
419
419
  width:100%;
@@ -439,8 +439,8 @@
439
439
  background:none;
440
440
  appearance:none;
441
441
  }
442
- .magritte-textarea-medium___GNzAm_3-0-1 .magritte-native-element___a0RAE_3-0-1,
443
- .magritte-textarea-large___ugT-5_3-0-1 .magritte-native-element___a0RAE_3-0-1{
442
+ .magritte-textarea-medium___GNzAm_3-0-2 .magritte-native-element___a0RAE_3-0-2,
443
+ .magritte-textarea-large___ugT-5_3-0-2 .magritte-native-element___a0RAE_3-0-2{
444
444
  font-family:var(--magritte-typography-label-2-regular-font-family-v23-1-0);
445
445
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-1-0);
446
446
  line-height:var(--magritte-typography-label-2-regular-line-height-v23-1-0);
@@ -450,45 +450,45 @@
450
450
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-1-0);
451
451
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-1-0);
452
452
  }
453
- .magritte-native-element___a0RAE_3-0-1:focus{
453
+ .magritte-native-element___a0RAE_3-0-2:focus{
454
454
  outline:none;
455
455
  }
456
- .magritte-textarea-layout-fill-both___ERS-q_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1,
457
- .magritte-textarea-layout-fill-vertical___HmNtp_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1,
458
- .magritte-textarea-layout-fill-horizontal___imBH2_3-0-1 .magritte-textarea-position-container-wrapper___4Dsui_3-0-1{
456
+ .magritte-textarea-layout-fill-both___ERS-q_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2,
457
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2,
458
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2{
459
459
  flex:1;
460
460
  }
461
- .magritte-textarea-layout-fill-both___ERS-q_3-0-1{
461
+ .magritte-textarea-layout-fill-both___ERS-q_3-0-2{
462
462
  width:100%;
463
463
  height:100%;
464
464
  }
465
- .magritte-textarea-layout-fill-vertical___HmNtp_3-0-1{
465
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-0-2{
466
466
  height:100%;
467
467
  }
468
- .magritte-textarea-layout-fill-horizontal___imBH2_3-0-1,
469
- .magritte-textarea-layout-hug___tdCMY_3-0-1{
468
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-0-2,
469
+ .magritte-textarea-layout-hug___tdCMY_3-0-2{
470
470
  width:100%;
471
471
  }
472
472
  @media (min-width: 1020px){
473
- body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1{
473
+ body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
474
474
  max-height:var(--magritte-textarea-max-height, auto);
475
475
  }
476
476
  }
477
477
  @media (min-width: 1024px){
478
- body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-0-1 .magritte-textarea-position-container___cEpbv_3-0-1{
478
+ body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
479
479
  max-height:var(--magritte-textarea-max-height, auto);
480
480
  }
481
481
  }
482
- .magritte-textarea-wrapper___yD7G6_3-0-1{
482
+ .magritte-textarea-wrapper___yD7G6_3-0-2{
483
483
  display:grid;
484
484
  width:100%;
485
485
  }
486
- .magritte-value-clone-wrapper___2ZZvS_3-0-1{
486
+ .magritte-value-clone-wrapper___2ZZvS_3-0-2{
487
487
  grid-area:1 / 1 / 2 / 2;
488
488
  min-height:0;
489
489
  overflow:hidden;
490
490
  }
491
- .magritte-value-clone-container___PVM97_3-0-1{
491
+ .magritte-value-clone-container___PVM97_3-0-2{
492
492
  margin:0;
493
493
  box-sizing:border-box;
494
494
  border:0;
@@ -514,8 +514,8 @@
514
514
  visibility:hidden;
515
515
  pointer-events:none;
516
516
  }
517
- .magritte-textarea-medium___GNzAm_3-0-1 .magritte-value-clone-container___PVM97_3-0-1,
518
- .magritte-textarea-large___ugT-5_3-0-1 .magritte-value-clone-container___PVM97_3-0-1{
517
+ .magritte-textarea-medium___GNzAm_3-0-2 .magritte-value-clone-container___PVM97_3-0-2,
518
+ .magritte-textarea-large___ugT-5_3-0-2 .magritte-value-clone-container___PVM97_3-0-2{
519
519
  font-family:var(--magritte-typography-label-2-regular-font-family-v23-1-0);
520
520
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-1-0);
521
521
  line-height:var(--magritte-typography-label-2-regular-line-height-v23-1-0);
@@ -525,16 +525,16 @@
525
525
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-1-0);
526
526
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-1-0);
527
527
  }
528
- .magritte-textarea-small___Q-tsg_3-0-1 .magritte-side-padding___O-HUP_3-0-1{
528
+ .magritte-textarea-small___Q-tsg_3-0-2 .magritte-side-padding___O-HUP_3-0-2{
529
529
  padding:0 calc(12px - 2px);
530
530
  }
531
- .magritte-textarea-medium___GNzAm_3-0-1 .magritte-side-padding___O-HUP_3-0-1{
531
+ .magritte-textarea-medium___GNzAm_3-0-2 .magritte-side-padding___O-HUP_3-0-2{
532
532
  padding:0 calc(16px - 2px);
533
533
  }
534
- .magritte-textarea-large___ugT-5_3-0-1 .magritte-side-padding___O-HUP_3-0-1{
534
+ .magritte-textarea-large___ugT-5_3-0-2 .magritte-side-padding___O-HUP_3-0-2{
535
535
  padding:0 calc(16px - 2px);
536
536
  }
537
- .magritte-textarea-position-container___cEpbv_3-0-1{
537
+ .magritte-textarea-position-container___cEpbv_3-0-2{
538
538
  display:inline-flex;
539
539
  overflow:hidden;
540
540
  position:relative;
@@ -546,19 +546,19 @@
546
546
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-1-0);
547
547
  padding:var(--magritte-ui-textarea-vertical-padding) 2px var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding));
548
548
  }
549
- .magritte-textarea-animation-timeout___zudbr_3-0-1,
550
- .magritte-textarea-position-container___cEpbv_3-0-1{
549
+ .magritte-textarea-animation-timeout___zudbr_3-0-2,
550
+ .magritte-textarea-position-container___cEpbv_3-0-2{
551
551
  transition-property:transform, color, font-size, letter-spacing;
552
552
  transition-duration:var(--animation-100-duration);
553
553
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-1-0);
554
554
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-1-0);
555
555
  }
556
- .magritte-textarea-rigging-container___-1S6i_3-0-1{
556
+ .magritte-textarea-rigging-container___-1S6i_3-0-2{
557
557
  position:relative;
558
558
  pointer-events:none;
559
559
  grid-area:1 / 1 / 2 / 2;
560
560
  }
561
- .magritte-textarea-label___sgTIH_3-0-1{
561
+ .magritte-textarea-label___sgTIH_3-0-2{
562
562
  font-family:var(--magritte-typography-label-2-regular-font-family-v23-1-0);
563
563
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-1-0);
564
564
  line-height:var(--magritte-typography-label-2-regular-line-height-v23-1-0);
@@ -576,10 +576,10 @@
576
576
  transition-duration:var(--animation-100-duration);
577
577
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-1-0);
578
578
  }
579
- .magritte-label-no-wrap___RxZ3A_3-0-1{
579
+ .magritte-label-no-wrap___RxZ3A_3-0-2{
580
580
  white-space:nowrap;
581
581
  }
582
- .magritte-textarea-label-elevated___0lxOI_3-0-1{
582
+ .magritte-textarea-label-elevated___0lxOI_3-0-2{
583
583
  font-family:var(--magritte-typography-label-4-regular-font-family-v23-1-0);
584
584
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-1-0);
585
585
  line-height:var(--magritte-typography-label-4-regular-line-height-v23-1-0);
@@ -591,7 +591,7 @@
591
591
  color:var(--magritte-color-component-input-text-label-v23-1-0);
592
592
  transform:translateY(calc(var(--magritte-typography-label-4-regular-line-height-v23-1-0) * -0.5));
593
593
  }
594
- .magritte-textarea-limit___IjPJy_3-0-1{
594
+ .magritte-textarea-limit___IjPJy_3-0-2{
595
595
  position:absolute;
596
596
  bottom:8px;
597
597
  right:12px;
@@ -602,7 +602,7 @@
602
602
  z-index:1;
603
603
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v23-1-0);
604
604
  }
605
- .magritte-textarea-grip___iL7lq_3-0-1{
605
+ .magritte-textarea-grip___iL7lq_3-0-2{
606
606
  position:absolute;
607
607
  pointer-events:none;
608
608
  display:inline-flex;
@@ -611,25 +611,25 @@
611
611
  border-bottom-right-radius:12px;
612
612
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v23-1-0);
613
613
  }
614
- .magritte-textarea-grip-icon___YK-9w_3-0-1{
614
+ .magritte-textarea-grip-icon___YK-9w_3-0-2{
615
615
  display:inline-flex;
616
616
  z-index:1;
617
617
  }
618
618
  @media (prefers-reduced-motion: no-preference){
619
- .magritte-textarea-limit-enter___CygGz_3-0-1{
619
+ .magritte-textarea-limit-enter___CygGz_3-0-2{
620
620
  opacity:0;
621
621
  }
622
- .magritte-textarea-limit-exit___RMp-R_3-0-1,
623
- .magritte-textarea-limit-enter-active___8vN-t_3-0-1{
622
+ .magritte-textarea-limit-exit___RMp-R_3-0-2,
623
+ .magritte-textarea-limit-enter-active___8vN-t_3-0-2{
624
624
  opacity:1;
625
625
  }
626
- .magritte-textarea-limit-enter-active___8vN-t_3-0-1{
626
+ .magritte-textarea-limit-enter-active___8vN-t_3-0-2{
627
627
  transition-property:opacity;
628
628
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-1-0);
629
629
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-1-0);
630
630
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-1-0);
631
631
  }
632
- .magritte-textarea-limit-exit-active___a5kBr_3-0-1{
632
+ .magritte-textarea-limit-exit-active___a5kBr_3-0-2{
633
633
  opacity:0;
634
634
  transition-property:opacity;
635
635
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-1-0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "3.0.1",
3
+ "version": "3.0.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -25,10 +25,10 @@
25
25
  "@hh.ru/magritte-common-use-translation": "1.0.1",
26
26
  "@hh.ru/magritte-design-tokens": "23.1.0",
27
27
  "@hh.ru/magritte-ui-breakpoint": "6.0.0",
28
- "@hh.ru/magritte-ui-form-helper": "2.0.3",
28
+ "@hh.ru/magritte-ui-form-helper": "2.0.4",
29
29
  "@hh.ru/magritte-ui-icon": "12.3.0",
30
- "@hh.ru/magritte-ui-input": "9.0.7",
31
- "@hh.ru/magritte-ui-typography": "4.1.2"
30
+ "@hh.ru/magritte-ui-input": "9.0.8",
31
+ "@hh.ru/magritte-ui-typography": "4.2.0"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "classnames": ">=2.3.2",
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "f1e6a608c514004dd630ed30df64145e42f8f010"
41
+ "gitHead": "8394869b0fcf1a65e854af99d8f614a67f0cea7d"
42
42
  }