@hh.ru/magritte-ui-textarea 2.3.1 → 2.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/TextArea.js +1 -1
  2. package/index.css +116 -116
  3. package/package.json +5 -5
package/TextArea.js CHANGED
@@ -14,7 +14,7 @@ import { useInputAriaProps } from '@hh.ru/magritte-ui-input/useInputAriaProps';
14
14
  import { useFocus } from './useFocus.js';
15
15
  import { Text } from '@hh.ru/magritte-ui-typography';
16
16
 
17
- var styles = {"textarea":"magritte-textarea___ugvor_2-3-1","textarea-focused":"magritte-textarea-focused___eiGyC_2-3-1","textareaFocused":"magritte-textarea-focused___eiGyC_2-3-1","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-3-1","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-3-1","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-3-1","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-3-1","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-3-1","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-3-1","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-3-1","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-3-1","native-element":"magritte-native-element___a0RAE_2-3-1","nativeElement":"magritte-native-element___a0RAE_2-3-1","textarea-label":"magritte-textarea-label___sgTIH_2-3-1","textareaLabel":"magritte-textarea-label___sgTIH_2-3-1","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-3-1","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-3-1","textarea-limit":"magritte-textarea-limit___IjPJy_2-3-1","textareaLimit":"magritte-textarea-limit___IjPJy_2-3-1","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-3-1","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-3-1","min-height-48":"magritte-min-height-48___jGf5Z_2-3-1","minHeight48":"magritte-min-height-48___jGf5Z_2-3-1","min-height-56":"magritte-min-height-56___2yI39_2-3-1","minHeight56":"magritte-min-height-56___2yI39_2-3-1","min-height-default":"magritte-min-height-default___zwRcq_2-3-1","minHeightDefault":"magritte-min-height-default___zwRcq_2-3-1","textarea-limited":"magritte-textarea-limited___cU1Rg_2-3-1","textareaLimited":"magritte-textarea-limited___cU1Rg_2-3-1","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-3-1","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-3-1","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-3-1","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-3-1","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-3-1","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-3-1","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-3-1","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-3-1","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-3-1","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-3-1","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-3-1","textareaElevated":"magritte-textarea-elevated___S0jk-_2-3-1","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-3-1","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-3-1","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-3-1","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-3-1","label-no-wrap":"magritte-label-no-wrap___RxZ3A_2-3-1","labelNoWrap":"magritte-label-no-wrap___RxZ3A_2-3-1","textarea-grip":"magritte-textarea-grip___iL7lq_2-3-1","textareaGrip":"magritte-textarea-grip___iL7lq_2-3-1","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-3-1","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-3-1","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-3-1","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-3-1","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-3-1","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-3-1","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-3-1","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-3-1","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-3-1","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-3-1"};
17
+ var styles = {"textarea":"magritte-textarea___ugvor_2-3-3","textarea-focused":"magritte-textarea-focused___eiGyC_2-3-3","textareaFocused":"magritte-textarea-focused___eiGyC_2-3-3","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-3-3","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-3-3","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-3-3","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-3-3","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-3-3","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-3-3","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-3-3","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-3-3","native-element":"magritte-native-element___a0RAE_2-3-3","nativeElement":"magritte-native-element___a0RAE_2-3-3","textarea-label":"magritte-textarea-label___sgTIH_2-3-3","textareaLabel":"magritte-textarea-label___sgTIH_2-3-3","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-3-3","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-3-3","textarea-limit":"magritte-textarea-limit___IjPJy_2-3-3","textareaLimit":"magritte-textarea-limit___IjPJy_2-3-3","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-3-3","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-3-3","min-height-48":"magritte-min-height-48___jGf5Z_2-3-3","minHeight48":"magritte-min-height-48___jGf5Z_2-3-3","min-height-56":"magritte-min-height-56___2yI39_2-3-3","minHeight56":"magritte-min-height-56___2yI39_2-3-3","min-height-default":"magritte-min-height-default___zwRcq_2-3-3","minHeightDefault":"magritte-min-height-default___zwRcq_2-3-3","textarea-limited":"magritte-textarea-limited___cU1Rg_2-3-3","textareaLimited":"magritte-textarea-limited___cU1Rg_2-3-3","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-3-3","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-3-3","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-3-3","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-3-3","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-3-3","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-3-3","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-3-3","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-3-3","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-3-3","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-3-3","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-3-3","textareaElevated":"magritte-textarea-elevated___S0jk-_2-3-3","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-3-3","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-3-3","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-3-3","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-3-3","label-no-wrap":"magritte-label-no-wrap___RxZ3A_2-3-3","labelNoWrap":"magritte-label-no-wrap___RxZ3A_2-3-3","textarea-grip":"magritte-textarea-grip___iL7lq_2-3-3","textareaGrip":"magritte-textarea-grip___iL7lq_2-3-3","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-3-3","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-3-3","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-3-3","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-3-3","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-3-3","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-3-3","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-3-3","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-3-3","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-3-3","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-3-3"};
18
18
 
19
19
  const MIN_HEIGHT_WITH_VISIBLE_LIMIT = 112;
20
20
  const findFlexContainer = (element) => {
package/index.css CHANGED
@@ -140,228 +140,228 @@
140
140
  --magritte-color-component-input-text-state-description-invalid-v22-1-0:#ff4d3a;
141
141
  --magritte-color-component-input-icon-grip-v22-1-0:#AABBCA;
142
142
  }
143
- .magritte-textarea___ugvor_2-3-1{
143
+ .magritte-textarea___ugvor_2-3-3{
144
144
  display:inline-flex;
145
145
  flex-flow:column;
146
146
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v22-1-0);
147
147
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v22-1-0);
148
148
  }
149
149
  @media (min-width: 1020px){
150
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover{
150
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover{
151
151
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v22-1-0);
152
152
  }
153
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after{
153
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after{
154
154
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
155
155
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
156
156
  border-width:1px;
157
157
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
158
158
  }
159
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-position-container___cEpbv_2-3-1{
159
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-position-container___cEpbv_2-3-3{
160
160
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
161
161
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
162
162
  }
163
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-native-element___a0RAE_2-3-1{
163
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-native-element___a0RAE_2-3-3{
164
164
  color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
165
165
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
166
166
  opacity:1;
167
167
  }
168
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-label___sgTIH_2-3-1{
168
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-label___sgTIH_2-3-3{
169
169
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-1-0);
170
170
  }
171
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-label-elevated___0lxOI_2-3-1{
171
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-label-elevated___0lxOI_2-3-3{
172
172
  color:var(--magritte-color-component-input-text-state-label-hovered-v22-1-0);
173
173
  }
174
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-limit___IjPJy_2-3-1{
174
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-limit___IjPJy_2-3-3{
175
175
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
176
176
  }
177
- body.magritte-old-layout .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-limit___IjPJy_2-3-1{
177
+ body.magritte-old-layout .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-limit___IjPJy_2-3-3{
178
178
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v22-1-0);
179
179
  }
180
180
  }
181
181
  @media (min-width: 1024px){
182
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover{
182
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover{
183
183
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v22-1-0);
184
184
  }
185
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after{
185
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after{
186
186
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
187
187
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
188
188
  border-width:1px;
189
189
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
190
190
  }
191
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-position-container___cEpbv_2-3-1{
191
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-position-container___cEpbv_2-3-3{
192
192
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v22-1-0);
193
193
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
194
194
  }
195
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-native-element___a0RAE_2-3-1{
195
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-native-element___a0RAE_2-3-3{
196
196
  color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
197
197
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v22-1-0);
198
198
  opacity:1;
199
199
  }
200
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-label___sgTIH_2-3-1{
200
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-label___sgTIH_2-3-3{
201
201
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v22-1-0);
202
202
  }
203
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-label-elevated___0lxOI_2-3-1{
203
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-label-elevated___0lxOI_2-3-3{
204
204
  color:var(--magritte-color-component-input-text-state-label-hovered-v22-1-0);
205
205
  }
206
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-limit___IjPJy_2-3-1{
206
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-limit___IjPJy_2-3-3{
207
207
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v22-1-0);
208
208
  }
209
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-1:not(.magritte-textarea-focused___eiGyC_2-3-1):not(.magritte-textarea-invalid___iKOPh_2-3-1):not(.magritte-textarea-disabled___XN0cg_2-3-1):hover .magritte-textarea-limit___IjPJy_2-3-1{
209
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-3-3:not(.magritte-textarea-focused___eiGyC_2-3-3):not(.magritte-textarea-invalid___iKOPh_2-3-3):not(.magritte-textarea-disabled___XN0cg_2-3-3):hover .magritte-textarea-limit___IjPJy_2-3-3{
210
210
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v22-1-0);
211
211
  }
212
212
  }
213
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1{
213
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3{
214
214
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v22-1-0);
215
215
  }
216
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after{
216
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after{
217
217
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v22-1-0);
218
218
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v22-1-0);
219
219
  border-width:2px;
220
220
  background-color:var(--magritte-color-component-input-background-state-field-focused-v22-1-0);
221
221
  }
222
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
222
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
223
223
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v22-1-0);
224
224
  background-color:var(--magritte-color-component-input-background-state-field-focused-v22-1-0);
225
225
  }
226
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1 .magritte-native-element___a0RAE_2-3-1{
226
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3 .magritte-native-element___a0RAE_2-3-3{
227
227
  color:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
228
228
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v22-1-0);
229
229
  opacity:1;
230
230
  }
231
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1 .magritte-textarea-label___sgTIH_2-3-1{
231
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3 .magritte-textarea-label___sgTIH_2-3-3{
232
232
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v22-1-0);
233
233
  }
234
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1 .magritte-textarea-label-elevated___0lxOI_2-3-1{
234
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3 .magritte-textarea-label-elevated___0lxOI_2-3-3{
235
235
  color:var(--magritte-color-component-input-text-state-label-focused-v22-1-0);
236
236
  }
237
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
237
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
238
238
  background-color:var(--magritte-color-component-input-background-state-field-focused-v22-1-0);
239
239
  }
240
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
240
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
241
241
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v22-1-0);
242
242
  }
243
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1,
244
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1{
243
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3,
244
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3{
245
245
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v22-1-0);
246
246
  }
247
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after,
248
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after{
247
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after,
248
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after{
249
249
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
250
250
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
251
251
  border-width:2px;
252
252
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
253
253
  }
254
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1,
255
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
254
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3,
255
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
256
256
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
257
257
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
258
258
  }
259
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-native-element___a0RAE_2-3-1,
260
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-native-element___a0RAE_2-3-1{
259
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-native-element___a0RAE_2-3-3,
260
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-native-element___a0RAE_2-3-3{
261
261
  color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
262
262
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
263
263
  opacity:1;
264
264
  }
265
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-label___sgTIH_2-3-1,
266
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-label___sgTIH_2-3-1{
265
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-label___sgTIH_2-3-3,
266
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-label___sgTIH_2-3-3{
267
267
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-1-0);
268
268
  }
269
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-label-elevated___0lxOI_2-3-1,
270
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-label-elevated___0lxOI_2-3-1{
269
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-label-elevated___0lxOI_2-3-3,
270
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-label-elevated___0lxOI_2-3-3{
271
271
  color:var(--magritte-color-component-input-text-state-label-invalid-v22-1-0);
272
272
  }
273
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1,
274
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
273
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3,
274
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
275
275
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
276
276
  }
277
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-focused___eiGyC_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
277
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-focused___eiGyC_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
278
278
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v22-1-0);
279
279
  }
280
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1{
280
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3{
281
281
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v22-1-0);
282
282
  }
283
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after{
283
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after{
284
284
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
285
285
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
286
286
  border-width:1px;
287
287
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
288
288
  }
289
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
289
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
290
290
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v22-1-0);
291
291
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
292
292
  }
293
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-native-element___a0RAE_2-3-1{
293
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-native-element___a0RAE_2-3-3{
294
294
  color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
295
295
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v22-1-0);
296
296
  opacity:1;
297
297
  }
298
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-label___sgTIH_2-3-1{
298
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-label___sgTIH_2-3-3{
299
299
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v22-1-0);
300
300
  }
301
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-label-elevated___0lxOI_2-3-1{
301
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-label-elevated___0lxOI_2-3-3{
302
302
  color:var(--magritte-color-component-input-text-state-label-invalid-v22-1-0);
303
303
  }
304
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
304
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
305
305
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v22-1-0);
306
306
  }
307
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
307
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
308
308
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v22-1-0);
309
309
  }
310
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1{
310
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3{
311
311
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v22-1-0);
312
312
  }
313
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after{
313
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after{
314
314
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v22-1-0);
315
315
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v22-1-0);
316
316
  border-width:1px;
317
317
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v22-1-0);
318
318
  }
319
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
319
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
320
320
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v22-1-0);
321
321
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v22-1-0);
322
322
  }
323
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-native-element___a0RAE_2-3-1{
323
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-native-element___a0RAE_2-3-3{
324
324
  color:var(--magritte-color-component-input-text-state-content-disabled-v22-1-0);
325
325
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v22-1-0);
326
326
  opacity:1;
327
327
  }
328
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-textarea-label___sgTIH_2-3-1{
328
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-textarea-label___sgTIH_2-3-3{
329
329
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v22-1-0);
330
330
  }
331
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-textarea-label-elevated___0lxOI_2-3-1{
331
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-textarea-label-elevated___0lxOI_2-3-3{
332
332
  color:var(--magritte-color-component-input-text-state-label-disabled-v22-1-0);
333
333
  }
334
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
334
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
335
335
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v22-1-0);
336
336
  }
337
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-textarea-limit___IjPJy_2-3-1{
337
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-textarea-limit___IjPJy_2-3-3{
338
338
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v22-1-0);
339
339
  }
340
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1,
341
- .magritte-textarea___ugvor_2-3-1.magritte-textarea-disabled___XN0cg_2-3-1 .magritte-native-element___a0RAE_2-3-1{
340
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3,
341
+ .magritte-textarea___ugvor_2-3-3.magritte-textarea-disabled___XN0cg_2-3-3 .magritte-native-element___a0RAE_2-3-3{
342
342
  cursor:not-allowed;
343
343
  }
344
344
  @media (prefers-reduced-motion){
345
- .magritte-textarea___ugvor_2-3-1{
345
+ .magritte-textarea___ugvor_2-3-3{
346
346
  --animation-100-duration:1ms;
347
347
  --animation-300-duration:1ms;
348
348
  }
349
349
  }
350
- .magritte-textarea-position-container-wrapper___4Dsui_2-3-1{
350
+ .magritte-textarea-position-container-wrapper___4Dsui_2-3-3{
351
351
  display:inline-flex;
352
352
  position:relative;
353
353
  overflow:hidden;
354
354
  width:100%;
355
355
  border-radius:12px;
356
356
  }
357
- .magritte-textarea-position-container-wrapper___4Dsui_2-3-1.focus-visible{
357
+ .magritte-textarea-position-container-wrapper___4Dsui_2-3-3.focus-visible{
358
358
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v22-1-0) solid 4px;
359
359
  }
360
- .magritte-textarea-invalid___iKOPh_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1.focus-visible,
361
- .magritte-textarea-limit-error___vLvZU_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1.focus-visible{
360
+ .magritte-textarea-invalid___iKOPh_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3.focus-visible,
361
+ .magritte-textarea-limit-error___vLvZU_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3.focus-visible{
362
362
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v22-1-0);
363
363
  }
364
- .magritte-textarea-position-container-wrapper___4Dsui_2-3-1::after{
364
+ .magritte-textarea-position-container-wrapper___4Dsui_2-3-3::after{
365
365
  display:block;
366
366
  pointer-events:none;
367
367
  user-select:none;
@@ -376,7 +376,7 @@
376
376
  border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v22-1-0);
377
377
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v22-1-0);
378
378
  }
379
- .magritte-native-element___a0RAE_2-3-1{
379
+ .magritte-native-element___a0RAE_2-3-3{
380
380
  font-family:var(--magritte-typography-label-2-regular-font-family-v22-1-0);
381
381
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v22-1-0);
382
382
  line-height:var(--magritte-typography-label-2-regular-line-height-v22-1-0);
@@ -396,64 +396,64 @@
396
396
  background:none;
397
397
  appearance:none;
398
398
  }
399
- .magritte-native-element___a0RAE_2-3-1:focus{
399
+ .magritte-native-element___a0RAE_2-3-3:focus{
400
400
  outline:none;
401
401
  }
402
- .magritte-min-height-48___jGf5Z_2-3-1 .magritte-native-element___a0RAE_2-3-1{
402
+ .magritte-min-height-48___jGf5Z_2-3-3 .magritte-native-element___a0RAE_2-3-3{
403
403
  min-height:calc(36px - var(--magritte-typography-label-4-regular-line-height-v22-1-0));
404
404
  }
405
- .magritte-min-height-56___2yI39_2-3-1 .magritte-native-element___a0RAE_2-3-1{
405
+ .magritte-min-height-56___2yI39_2-3-3 .magritte-native-element___a0RAE_2-3-3{
406
406
  min-height:calc(40px - var(--magritte-typography-label-4-regular-line-height-v22-1-0));
407
407
  }
408
- .magritte-min-height-default___zwRcq_2-3-1 .magritte-native-element___a0RAE_2-3-1{
408
+ .magritte-min-height-default___zwRcq_2-3-3 .magritte-native-element___a0RAE_2-3-3{
409
409
  min-height:calc(78px - var(--magritte-typography-label-4-regular-line-height-v22-1-0));
410
410
  }
411
- .magritte-textarea-limited___cU1Rg_2-3-1.magritte-min-height-48___jGf5Z_2-3-1 .magritte-native-element___a0RAE_2-3-1{
411
+ .magritte-textarea-limited___cU1Rg_2-3-3.magritte-min-height-48___jGf5Z_2-3-3 .magritte-native-element___a0RAE_2-3-3{
412
412
  min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v22-1-0));
413
413
  }
414
- .magritte-textarea-limited___cU1Rg_2-3-1.magritte-min-height-56___2yI39_2-3-1 .magritte-native-element___a0RAE_2-3-1{
414
+ .magritte-textarea-limited___cU1Rg_2-3-3.magritte-min-height-56___2yI39_2-3-3 .magritte-native-element___a0RAE_2-3-3{
415
415
  min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v22-1-0));
416
416
  }
417
- .magritte-textarea-limited___cU1Rg_2-3-1.magritte-min-height-default___zwRcq_2-3-1 .magritte-native-element___a0RAE_2-3-1{
417
+ .magritte-textarea-limited___cU1Rg_2-3-3.magritte-min-height-default___zwRcq_2-3-3 .magritte-native-element___a0RAE_2-3-3{
418
418
  min-height:calc(64px - var(--magritte-typography-label-4-regular-line-height-v22-1-0));
419
419
  }
420
- .magritte-textarea-layout-fill-both___ERS-q_2-3-1,
421
- .magritte-textarea-layout-fill-vertical___HmNtp_2-3-1,
422
- .magritte-textarea-layout-fill-horizontal___imBH2_2-3-1{
420
+ .magritte-textarea-layout-fill-both___ERS-q_2-3-3,
421
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-3-3,
422
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-3-3{
423
423
  flex-direction:column;
424
424
  }
425
- .magritte-textarea-layout-fill-both___ERS-q_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1,
426
- .magritte-textarea-layout-fill-vertical___HmNtp_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1,
427
- .magritte-textarea-layout-fill-horizontal___imBH2_2-3-1 .magritte-textarea-position-container-wrapper___4Dsui_2-3-1{
425
+ .magritte-textarea-layout-fill-both___ERS-q_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3,
426
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3,
427
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-3-3 .magritte-textarea-position-container-wrapper___4Dsui_2-3-3{
428
428
  flex:1;
429
429
  }
430
- .magritte-textarea-layout-fill-both___ERS-q_2-3-1{
430
+ .magritte-textarea-layout-fill-both___ERS-q_2-3-3{
431
431
  width:100%;
432
432
  height:100%;
433
433
  }
434
- .magritte-textarea-layout-fill-vertical___HmNtp_2-3-1{
434
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-3-3{
435
435
  height:100%;
436
436
  }
437
- .magritte-textarea-layout-fill-horizontal___imBH2_2-3-1{
437
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-3-3{
438
438
  width:100%;
439
439
  }
440
- .magritte-textarea-wrapper___yD7G6_2-3-1{
440
+ .magritte-textarea-wrapper___yD7G6_2-3-3{
441
441
  display:inline-flex;
442
442
  width:100%;
443
443
  }
444
- .magritte-textarea-layout-hug___tdCMY_2-3-1{
444
+ .magritte-textarea-layout-hug___tdCMY_2-3-3{
445
445
  width:100%;
446
446
  }
447
- .magritte-textarea-layout-hug___tdCMY_2-3-1 .magritte-textarea-wrapper___yD7G6_2-3-1{
447
+ .magritte-textarea-layout-hug___tdCMY_2-3-3 .magritte-textarea-wrapper___yD7G6_2-3-3{
448
448
  display:grid;
449
449
  }
450
- .magritte-textarea-layout-hug___tdCMY_2-3-1 .magritte-textarea-wrapper___yD7G6_2-3-1::after,
451
- .magritte-textarea-layout-hug___tdCMY_2-3-1 .magritte-textarea-wrapper___yD7G6_2-3-1 .magritte-native-element___a0RAE_2-3-1{
450
+ .magritte-textarea-layout-hug___tdCMY_2-3-3 .magritte-textarea-wrapper___yD7G6_2-3-3::after,
451
+ .magritte-textarea-layout-hug___tdCMY_2-3-3 .magritte-textarea-wrapper___yD7G6_2-3-3 .magritte-native-element___a0RAE_2-3-3{
452
452
  grid-area:1 / 1 / 2 / 2;
453
453
  overflow:hidden;
454
454
  width:auto;
455
455
  }
456
- .magritte-textarea-layout-hug___tdCMY_2-3-1 .magritte-textarea-wrapper___yD7G6_2-3-1::after{
456
+ .magritte-textarea-layout-hug___tdCMY_2-3-3 .magritte-textarea-wrapper___yD7G6_2-3-3::after{
457
457
  font-family:var(--magritte-typography-label-2-regular-font-family-v22-1-0);
458
458
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v22-1-0);
459
459
  line-height:var(--magritte-typography-label-2-regular-line-height-v22-1-0);
@@ -472,7 +472,7 @@
472
472
  white-space:pre-wrap;
473
473
  visibility:hidden;
474
474
  }
475
- .magritte-textarea-position-container___cEpbv_2-3-1{
475
+ .magritte-textarea-position-container___cEpbv_2-3-3{
476
476
  display:inline-flex;
477
477
  overflow:hidden;
478
478
  position:relative;
@@ -484,57 +484,57 @@
484
484
  box-sizing:border-box;
485
485
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v22-1-0);
486
486
  }
487
- .magritte-textarea-position-container___cEpbv_2-3-1::-webkit-resizer{
487
+ .magritte-textarea-position-container___cEpbv_2-3-3::-webkit-resizer{
488
488
  display:none;
489
489
  }
490
- .magritte-textarea-elevated___S0jk-_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
490
+ .magritte-textarea-elevated___S0jk-_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
491
491
  padding-top:calc(var(--magritte-typography-label-4-regular-line-height-v22-1-0) + 18px);
492
492
  }
493
- .magritte-textarea-limited___cU1Rg_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
493
+ .magritte-textarea-limited___cU1Rg_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
494
494
  padding-bottom:30px;
495
495
  }
496
- .magritte-min-height-48___jGf5Z_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
496
+ .magritte-min-height-48___jGf5Z_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
497
497
  padding-top:12px;
498
498
  padding-bottom:12px;
499
499
  min-height:48px;
500
500
  }
501
- .magritte-min-height-56___2yI39_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
501
+ .magritte-min-height-56___2yI39_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
502
502
  padding-top:16px;
503
503
  padding-bottom:16px;
504
504
  min-height:56px;
505
505
  }
506
- .magritte-min-height-default___zwRcq_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
506
+ .magritte-min-height-default___zwRcq_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
507
507
  min-height:112px;
508
508
  }
509
- .magritte-textarea-elevated___S0jk-_2-3-1.magritte-min-height-48___jGf5Z_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
509
+ .magritte-textarea-elevated___S0jk-_2-3-3.magritte-min-height-48___jGf5Z_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
510
510
  padding-top:22px;
511
511
  padding-bottom:4px;
512
512
  }
513
- .magritte-textarea-elevated___S0jk-_2-3-1.magritte-min-height-56___2yI39_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
513
+ .magritte-textarea-elevated___S0jk-_2-3-3.magritte-min-height-56___2yI39_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
514
514
  padding-top:26px;
515
515
  padding-bottom:8px;
516
516
  }
517
- .magritte-textarea-limited___cU1Rg_2-3-1.magritte-min-height-48___jGf5Z_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
517
+ .magritte-textarea-limited___cU1Rg_2-3-3.magritte-min-height-48___jGf5Z_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
518
518
  padding-bottom:26px;
519
519
  }
520
- .magritte-textarea-limited___cU1Rg_2-3-1.magritte-min-height-56___2yI39_2-3-1 .magritte-textarea-position-container___cEpbv_2-3-1{
520
+ .magritte-textarea-limited___cU1Rg_2-3-3.magritte-min-height-56___2yI39_2-3-3 .magritte-textarea-position-container___cEpbv_2-3-3{
521
521
  padding-bottom:30px;
522
522
  }
523
- .magritte-textarea-animation-timeout___zudbr_2-3-1,
524
- .magritte-textarea-position-container___cEpbv_2-3-1{
523
+ .magritte-textarea-animation-timeout___zudbr_2-3-3,
524
+ .magritte-textarea-position-container___cEpbv_2-3-3{
525
525
  transition-property:transform, color, font-size, letter-spacing;
526
526
  transition-duration:var(--animation-100-duration);
527
527
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v22-1-0);
528
528
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v22-1-0);
529
529
  }
530
- .magritte-textarea-rigging-container___-1S6i_2-3-1{
530
+ .magritte-textarea-rigging-container___-1S6i_2-3-3{
531
531
  position:absolute;
532
532
  pointer-events:none;
533
533
  left:16px;
534
534
  right:16px;
535
535
  top:0;
536
536
  }
537
- .magritte-textarea-label___sgTIH_2-3-1{
537
+ .magritte-textarea-label___sgTIH_2-3-3{
538
538
  font-family:var(--magritte-typography-label-2-regular-font-family-v22-1-0);
539
539
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v22-1-0);
540
540
  line-height:var(--magritte-typography-label-2-regular-line-height-v22-1-0);
@@ -553,16 +553,16 @@
553
553
  transition-duration:var(--animation-100-duration);
554
554
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v22-1-0);
555
555
  }
556
- .magritte-min-height-48___jGf5Z_2-3-1 .magritte-textarea-label___sgTIH_2-3-1{
556
+ .magritte-min-height-48___jGf5Z_2-3-3 .magritte-textarea-label___sgTIH_2-3-3{
557
557
  padding-top:12px;
558
558
  }
559
- .magritte-min-height-56___2yI39_2-3-1 .magritte-textarea-label___sgTIH_2-3-1{
559
+ .magritte-min-height-56___2yI39_2-3-3 .magritte-textarea-label___sgTIH_2-3-3{
560
560
  padding-top:16px;
561
561
  }
562
- .magritte-label-no-wrap___RxZ3A_2-3-1{
562
+ .magritte-label-no-wrap___RxZ3A_2-3-3{
563
563
  white-space:nowrap;
564
564
  }
565
- .magritte-textarea-label-elevated___0lxOI_2-3-1{
565
+ .magritte-textarea-label-elevated___0lxOI_2-3-3{
566
566
  font-family:var(--magritte-typography-label-4-regular-font-family-v22-1-0);
567
567
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v22-1-0);
568
568
  line-height:var(--magritte-typography-label-4-regular-line-height-v22-1-0);
@@ -575,13 +575,13 @@
575
575
  color:var(--magritte-color-component-input-text-label-v22-1-0);
576
576
  transform:translateY(calc(var(--elevated-placeholder-gap) - var(--magritte-typography-label-2-regular-line-height-v22-1-0) / 2));
577
577
  }
578
- .magritte-min-height-48___jGf5Z_2-3-1 .magritte-textarea-label-elevated___0lxOI_2-3-1{
578
+ .magritte-min-height-48___jGf5Z_2-3-3 .magritte-textarea-label-elevated___0lxOI_2-3-3{
579
579
  --elevated-placeholder-gap:3px;
580
580
  }
581
- .magritte-min-height-56___2yI39_2-3-1 .magritte-textarea-label-elevated___0lxOI_2-3-1{
581
+ .magritte-min-height-56___2yI39_2-3-3 .magritte-textarea-label-elevated___0lxOI_2-3-3{
582
582
  --elevated-placeholder-gap:3px;
583
583
  }
584
- .magritte-textarea-limit___IjPJy_2-3-1{
584
+ .magritte-textarea-limit___IjPJy_2-3-3{
585
585
  position:absolute;
586
586
  bottom:10px;
587
587
  right:28px;
@@ -591,7 +591,7 @@
591
591
  pointer-events:none;
592
592
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v22-1-0);
593
593
  }
594
- .magritte-textarea-grip___iL7lq_2-3-1{
594
+ .magritte-textarea-grip___iL7lq_2-3-3{
595
595
  position:absolute;
596
596
  pointer-events:none;
597
597
  display:inline-flex;
@@ -600,25 +600,25 @@
600
600
  border-bottom-right-radius:12px;
601
601
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v22-1-0);
602
602
  }
603
- .magritte-textarea-grip-icon___YK-9w_2-3-1{
603
+ .magritte-textarea-grip-icon___YK-9w_2-3-3{
604
604
  display:inline-flex;
605
605
  z-index:1;
606
606
  }
607
607
  @media (prefers-reduced-motion: no-preference){
608
- .magritte-textarea-limit-enter___CygGz_2-3-1{
608
+ .magritte-textarea-limit-enter___CygGz_2-3-3{
609
609
  opacity:0;
610
610
  }
611
- .magritte-textarea-limit-exit___RMp-R_2-3-1,
612
- .magritte-textarea-limit-enter-active___8vN-t_2-3-1{
611
+ .magritte-textarea-limit-exit___RMp-R_2-3-3,
612
+ .magritte-textarea-limit-enter-active___8vN-t_2-3-3{
613
613
  opacity:1;
614
614
  }
615
- .magritte-textarea-limit-enter-active___8vN-t_2-3-1{
615
+ .magritte-textarea-limit-enter-active___8vN-t_2-3-3{
616
616
  transition-property:opacity;
617
617
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v22-1-0);
618
618
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v22-1-0);
619
619
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v22-1-0);
620
620
  }
621
- .magritte-textarea-limit-exit-active___a5kBr_2-3-1{
621
+ .magritte-textarea-limit-exit-active___a5kBr_2-3-3{
622
622
  opacity:0;
623
623
  transition-property:opacity;
624
624
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v22-1-0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "2.3.1",
3
+ "version": "2.3.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,11 +23,11 @@
23
23
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.8",
24
24
  "@hh.ru/magritte-common-use-translation": "1.0.1",
25
25
  "@hh.ru/magritte-design-tokens": "22.1.0",
26
- "@hh.ru/magritte-ui-bottom-sheet": "8.1.4",
26
+ "@hh.ru/magritte-ui-bottom-sheet": "8.1.6",
27
27
  "@hh.ru/magritte-ui-breakpoint": "6.0.0",
28
28
  "@hh.ru/magritte-ui-form-helper": "2.0.1",
29
- "@hh.ru/magritte-ui-icon": "12.1.0",
30
- "@hh.ru/magritte-ui-input": "9.0.3",
29
+ "@hh.ru/magritte-ui-icon": "12.2.0",
30
+ "@hh.ru/magritte-ui-input": "9.0.4",
31
31
  "@hh.ru/magritte-ui-typography": "4.1.0"
32
32
  },
33
33
  "peerDependencies": {
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "84be7fb81c268510672bdaa32f856319f7022df8"
41
+ "gitHead": "47439eecca7941fc790be441ba065be7824490bf"
42
42
  }