@hh.ru/magritte-ui-textarea 2.0.62 → 2.0.63

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 +99 -99
  3. package/package.json +6 -6
package/Textarea.js CHANGED
@@ -12,7 +12,7 @@ import { useInputAriaProps } from '@hh.ru/magritte-ui-input/useInputAriaProps';
12
12
  import { useFocus } from './useFocus.js';
13
13
  import { Text } from '@hh.ru/magritte-ui-typography';
14
14
 
15
- var styles = {"textarea":"magritte-textarea___ugvor_2-0-62","textarea-focused":"magritte-textarea-focused___eiGyC_2-0-62","textareaFocused":"magritte-textarea-focused___eiGyC_2-0-62","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-0-62","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-0-62","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-0-62","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-0-62","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-62","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-62","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-0-62","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-0-62","textarea-native":"magritte-textarea-native___w-czf_2-0-62","textareaNative":"magritte-textarea-native___w-czf_2-0-62","textarea-label":"magritte-textarea-label___sgTIH_2-0-62","textareaLabel":"magritte-textarea-label___sgTIH_2-0-62","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-0-62","textareaElevated":"magritte-textarea-elevated___S0jk-_2-0-62","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-0-62","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-0-62","textarea-limit":"magritte-textarea-limit___IjPJy_2-0-62","textareaLimit":"magritte-textarea-limit___IjPJy_2-0-62","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-0-62","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-0-62","textarea-limited":"magritte-textarea-limited___cU1Rg_2-0-62","textareaLimited":"magritte-textarea-limited___cU1Rg_2-0-62","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-0-62","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-0-62","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-62","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-62","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-62","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-62","textarea-without-label":"magritte-textarea-without-label___WhBIw_2-0-62","textareaWithoutLabel":"magritte-textarea-without-label___WhBIw_2-0-62","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-0-62","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-0-62","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-0-62","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-0-62","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-0-62","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-0-62","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-0-62","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-0-62","textarea-grip":"magritte-textarea-grip___iL7lq_2-0-62","textareaGrip":"magritte-textarea-grip___iL7lq_2-0-62","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-0-62","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-0-62","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-0-62","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-0-62","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-0-62","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-0-62","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-0-62","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-0-62","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-0-62","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-0-62"};
15
+ var styles = {"textarea":"magritte-textarea___ugvor_2-0-63","textarea-focused":"magritte-textarea-focused___eiGyC_2-0-63","textareaFocused":"magritte-textarea-focused___eiGyC_2-0-63","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-0-63","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-0-63","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-0-63","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-0-63","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-63","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-63","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-0-63","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-0-63","textarea-native":"magritte-textarea-native___w-czf_2-0-63","textareaNative":"magritte-textarea-native___w-czf_2-0-63","textarea-label":"magritte-textarea-label___sgTIH_2-0-63","textareaLabel":"magritte-textarea-label___sgTIH_2-0-63","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-0-63","textareaElevated":"magritte-textarea-elevated___S0jk-_2-0-63","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-0-63","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-0-63","textarea-limit":"magritte-textarea-limit___IjPJy_2-0-63","textareaLimit":"magritte-textarea-limit___IjPJy_2-0-63","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-0-63","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-0-63","textarea-limited":"magritte-textarea-limited___cU1Rg_2-0-63","textareaLimited":"magritte-textarea-limited___cU1Rg_2-0-63","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-0-63","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-0-63","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-63","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-63","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-63","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-63","textarea-without-label":"magritte-textarea-without-label___WhBIw_2-0-63","textareaWithoutLabel":"magritte-textarea-without-label___WhBIw_2-0-63","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-0-63","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-0-63","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-0-63","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-0-63","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-0-63","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-0-63","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-0-63","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-0-63","textarea-grip":"magritte-textarea-grip___iL7lq_2-0-63","textareaGrip":"magritte-textarea-grip___iL7lq_2-0-63","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-0-63","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-0-63","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-0-63","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-0-63","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-0-63","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-0-63","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-0-63","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-0-63","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-0-63","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-0-63"};
16
16
 
17
17
  const TextAreaComponent = ({ onChange, onFocus, onBlur, onValidate, value, placeholder, disabled = false, elevatePlaceholder = false, invalid = false, invalidLimit = false, maxLength, description, errorMessage, resize = 'none', layout = 'fixed', ...restProps }, ref) => {
18
18
  const { isXS, isS } = useBreakpoint();
package/index.css CHANGED
@@ -100,227 +100,227 @@
100
100
  --magritte-color-component-input-text-state-description-invalid-v19-1-2:#ff4d3a;
101
101
  --magritte-color-component-input-icon-grip-v19-1-2:#535353;
102
102
  }
103
- .magritte-textarea___ugvor_2-0-62{
103
+ .magritte-textarea___ugvor_2-0-63{
104
104
  display:inline-flex;
105
105
  flex-flow:column;
106
106
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-2);
107
107
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v19-1-2);
108
108
  }
109
109
  @media (min-width: 1020px){
110
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover{
110
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover{
111
111
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v19-1-2);
112
112
  }
113
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after{
113
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after{
114
114
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-2);
115
115
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-2);
116
116
  border-width:1px;
117
117
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-2);
118
118
  }
119
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-position-container___cEpbv_2-0-62{
119
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-position-container___cEpbv_2-0-63{
120
120
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-2);
121
121
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-2);
122
122
  }
123
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-native___w-czf_2-0-62{
123
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-native___w-czf_2-0-63{
124
124
  color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-2);
125
125
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-2);
126
126
  opacity:1;
127
127
  }
128
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-label___sgTIH_2-0-62{
128
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-label___sgTIH_2-0-63{
129
129
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-2);
130
130
  }
131
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-elevated___S0jk-_2-0-62 .magritte-textarea-label-elevated___0lxOI_2-0-62{
131
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-elevated___S0jk-_2-0-63 .magritte-textarea-label-elevated___0lxOI_2-0-63{
132
132
  color:var(--magritte-color-component-input-text-state-label-hovered-v19-1-2);
133
133
  }
134
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-limit___IjPJy_2-0-62{
134
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-limit___IjPJy_2-0-63{
135
135
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-2);
136
136
  }
137
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-limit___IjPJy_2-0-62{
137
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-limit___IjPJy_2-0-63{
138
138
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v19-1-2);
139
139
  }
140
140
  }
141
141
  @media (min-width: 1024px){
142
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover{
142
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover{
143
143
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v19-1-2);
144
144
  }
145
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after{
145
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after{
146
146
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-2);
147
147
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-2);
148
148
  border-width:1px;
149
149
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-2);
150
150
  }
151
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-position-container___cEpbv_2-0-62{
151
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-position-container___cEpbv_2-0-63{
152
152
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v19-1-2);
153
153
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-2);
154
154
  }
155
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-native___w-czf_2-0-62{
155
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-native___w-czf_2-0-63{
156
156
  color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-2);
157
157
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v19-1-2);
158
158
  opacity:1;
159
159
  }
160
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-label___sgTIH_2-0-62{
160
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-label___sgTIH_2-0-63{
161
161
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v19-1-2);
162
162
  }
163
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-elevated___S0jk-_2-0-62 .magritte-textarea-label-elevated___0lxOI_2-0-62{
163
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-elevated___S0jk-_2-0-63 .magritte-textarea-label-elevated___0lxOI_2-0-63{
164
164
  color:var(--magritte-color-component-input-text-state-label-hovered-v19-1-2);
165
165
  }
166
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-limit___IjPJy_2-0-62{
166
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-limit___IjPJy_2-0-63{
167
167
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v19-1-2);
168
168
  }
169
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-62:not(.magritte-textarea-focused___eiGyC_2-0-62):not(.magritte-textarea-invalid___iKOPh_2-0-62):not(.magritte-textarea-disabled___XN0cg_2-0-62):hover .magritte-textarea-limit___IjPJy_2-0-62{
169
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-63:not(.magritte-textarea-focused___eiGyC_2-0-63):not(.magritte-textarea-invalid___iKOPh_2-0-63):not(.magritte-textarea-disabled___XN0cg_2-0-63):hover .magritte-textarea-limit___IjPJy_2-0-63{
170
170
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v19-1-2);
171
171
  }
172
172
  }
173
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62{
173
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63{
174
174
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v19-1-2);
175
175
  }
176
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after{
176
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after{
177
177
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v19-1-2);
178
178
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v19-1-2);
179
179
  border-width:2px;
180
180
  background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-2);
181
181
  }
182
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62 .magritte-textarea-position-container___cEpbv_2-0-62{
182
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63 .magritte-textarea-position-container___cEpbv_2-0-63{
183
183
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v19-1-2);
184
184
  background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-2);
185
185
  }
186
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
186
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
187
187
  color:var(--magritte-color-component-input-text-state-content-focused-v19-1-2);
188
188
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v19-1-2);
189
189
  opacity:1;
190
190
  }
191
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62 .magritte-textarea-label___sgTIH_2-0-62{
191
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63 .magritte-textarea-label___sgTIH_2-0-63{
192
192
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v19-1-2);
193
193
  }
194
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62 .magritte-textarea-elevated___S0jk-_2-0-62 .magritte-textarea-label-elevated___0lxOI_2-0-62{
194
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63 .magritte-textarea-elevated___S0jk-_2-0-63 .magritte-textarea-label-elevated___0lxOI_2-0-63{
195
195
  color:var(--magritte-color-component-input-text-state-label-focused-v19-1-2);
196
196
  }
197
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
197
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
198
198
  background-color:var(--magritte-color-component-input-background-state-field-focused-v19-1-2);
199
199
  }
200
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
200
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
201
201
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v19-1-2);
202
202
  }
203
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62,
204
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62{
203
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63,
204
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63{
205
205
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v19-1-2);
206
206
  }
207
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after,
208
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after{
207
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after,
208
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after{
209
209
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-2);
210
210
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-2);
211
211
  border-width:2px;
212
212
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-2);
213
213
  }
214
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-position-container___cEpbv_2-0-62,
215
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-position-container___cEpbv_2-0-62{
214
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-position-container___cEpbv_2-0-63,
215
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-position-container___cEpbv_2-0-63{
216
216
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-2);
217
217
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-2);
218
218
  }
219
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-native___w-czf_2-0-62,
220
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
219
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-native___w-czf_2-0-63,
220
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
221
221
  color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-2);
222
222
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-2);
223
223
  opacity:1;
224
224
  }
225
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-label___sgTIH_2-0-62,
226
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-label___sgTIH_2-0-62{
225
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-label___sgTIH_2-0-63,
226
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-label___sgTIH_2-0-63{
227
227
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-2);
228
228
  }
229
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-elevated___S0jk-_2-0-62 .magritte-textarea-label-elevated___0lxOI_2-0-62,
230
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-elevated___S0jk-_2-0-62 .magritte-textarea-label-elevated___0lxOI_2-0-62{
229
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-elevated___S0jk-_2-0-63 .magritte-textarea-label-elevated___0lxOI_2-0-63,
230
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-elevated___S0jk-_2-0-63 .magritte-textarea-label-elevated___0lxOI_2-0-63{
231
231
  color:var(--magritte-color-component-input-text-state-label-invalid-v19-1-2);
232
232
  }
233
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62,
234
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
233
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63,
234
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
235
235
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-2);
236
236
  }
237
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-focused___eiGyC_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
237
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-focused___eiGyC_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
238
238
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v19-1-2);
239
239
  }
240
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62{
240
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63{
241
241
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v19-1-2);
242
242
  }
243
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after{
243
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after{
244
244
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-2);
245
245
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-2);
246
246
  border-width:1px;
247
247
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-2);
248
248
  }
249
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-position-container___cEpbv_2-0-62{
249
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-position-container___cEpbv_2-0-63{
250
250
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v19-1-2);
251
251
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-2);
252
252
  }
253
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
253
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
254
254
  color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-2);
255
255
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v19-1-2);
256
256
  opacity:1;
257
257
  }
258
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-label___sgTIH_2-0-62{
258
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-label___sgTIH_2-0-63{
259
259
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v19-1-2);
260
260
  }
261
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-elevated___S0jk-_2-0-62 .magritte-textarea-label-elevated___0lxOI_2-0-62{
261
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-elevated___S0jk-_2-0-63 .magritte-textarea-label-elevated___0lxOI_2-0-63{
262
262
  color:var(--magritte-color-component-input-text-state-label-invalid-v19-1-2);
263
263
  }
264
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
264
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
265
265
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v19-1-2);
266
266
  }
267
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-limit-error___vLvZU_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
267
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-limit-error___vLvZU_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
268
268
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v19-1-2);
269
269
  }
270
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62{
270
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63{
271
271
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v19-1-2);
272
272
  }
273
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after{
273
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after{
274
274
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-2);
275
275
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-2);
276
276
  border-width:1px;
277
277
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-2);
278
278
  }
279
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-position-container___cEpbv_2-0-62{
279
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-position-container___cEpbv_2-0-63{
280
280
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v19-1-2);
281
281
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-2);
282
282
  }
283
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
283
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
284
284
  color:var(--magritte-color-component-input-text-state-content-disabled-v19-1-2);
285
285
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v19-1-2);
286
286
  opacity:1;
287
287
  }
288
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-label___sgTIH_2-0-62{
288
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-label___sgTIH_2-0-63{
289
289
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v19-1-2);
290
290
  }
291
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-elevated___S0jk-_2-0-62 .magritte-textarea-label-elevated___0lxOI_2-0-62{
291
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-elevated___S0jk-_2-0-63 .magritte-textarea-label-elevated___0lxOI_2-0-63{
292
292
  color:var(--magritte-color-component-input-text-state-label-disabled-v19-1-2);
293
293
  }
294
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
294
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
295
295
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v19-1-2);
296
296
  }
297
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-limit___IjPJy_2-0-62{
297
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-limit___IjPJy_2-0-63{
298
298
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v19-1-2);
299
299
  }
300
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-position-container___cEpbv_2-0-62,
301
- .magritte-textarea___ugvor_2-0-62.magritte-textarea-disabled___XN0cg_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
300
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-position-container___cEpbv_2-0-63,
301
+ .magritte-textarea___ugvor_2-0-63.magritte-textarea-disabled___XN0cg_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
302
302
  cursor:not-allowed;
303
303
  }
304
304
  @media (prefers-reduced-motion){
305
- .magritte-textarea___ugvor_2-0-62{
305
+ .magritte-textarea___ugvor_2-0-63{
306
306
  --animation-100-duration:1ms;
307
307
  --animation-300-duration:1ms;
308
308
  }
309
309
  }
310
- .magritte-textarea-invalid___iKOPh_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62.focus-visible{
310
+ .magritte-textarea-invalid___iKOPh_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63.focus-visible{
311
311
  outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v19-1-2) solid 4px;
312
312
  }
313
- .magritte-textarea-position-container-wrapper___4Dsui_2-0-62{
313
+ .magritte-textarea-position-container-wrapper___4Dsui_2-0-63{
314
314
  display:inline-flex;
315
315
  position:relative;
316
316
  overflow:hidden;
317
317
  width:100%;
318
318
  border-radius:12px;
319
319
  }
320
- .magritte-textarea-position-container-wrapper___4Dsui_2-0-62.focus-visible{
320
+ .magritte-textarea-position-container-wrapper___4Dsui_2-0-63.focus-visible{
321
321
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v19-1-2) solid 4px;
322
322
  }
323
- .magritte-textarea-position-container-wrapper___4Dsui_2-0-62::after{
323
+ .magritte-textarea-position-container-wrapper___4Dsui_2-0-63::after{
324
324
  display:block;
325
325
  pointer-events:none;
326
326
  user-select:none;
@@ -335,7 +335,7 @@
335
335
  border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v19-1-2);
336
336
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v19-1-2);
337
337
  }
338
- .magritte-textarea-native___w-czf_2-0-62{
338
+ .magritte-textarea-native___w-czf_2-0-63{
339
339
  box-sizing:border-box;
340
340
  border:0;
341
341
  width:100%;
@@ -357,59 +357,59 @@
357
357
  background:none;
358
358
  appearance:none;
359
359
  }
360
- .magritte-textarea-native___w-czf_2-0-62:focus{
360
+ .magritte-textarea-native___w-czf_2-0-63:focus{
361
361
  outline:none;
362
362
  }
363
- .magritte-textarea-limited___cU1Rg_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
363
+ .magritte-textarea-limited___cU1Rg_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
364
364
  min-height:calc(72px - var(--magritte-typography-label-4-regular-line-height-v19-1-2));
365
365
  }
366
- .magritte-textarea-limited___cU1Rg_2-0-62 .magritte-textarea-position-container___cEpbv_2-0-62{
366
+ .magritte-textarea-limited___cU1Rg_2-0-63 .magritte-textarea-position-container___cEpbv_2-0-63{
367
367
  padding-bottom:30px;
368
368
  }
369
- .magritte-textarea-layout-fill-both___ERS-q_2-0-62,
370
- .magritte-textarea-layout-fill-vertical___HmNtp_2-0-62,
371
- .magritte-textarea-layout-fill-horizontal___imBH2_2-0-62{
369
+ .magritte-textarea-layout-fill-both___ERS-q_2-0-63,
370
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-0-63,
371
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-0-63{
372
372
  flex-direction:column;
373
373
  }
374
- .magritte-textarea-layout-fill-both___ERS-q_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62,
375
- .magritte-textarea-layout-fill-vertical___HmNtp_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62,
376
- .magritte-textarea-layout-fill-horizontal___imBH2_2-0-62 .magritte-textarea-position-container-wrapper___4Dsui_2-0-62{
374
+ .magritte-textarea-layout-fill-both___ERS-q_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63,
375
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63,
376
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-0-63 .magritte-textarea-position-container-wrapper___4Dsui_2-0-63{
377
377
  flex:1;
378
378
  }
379
- .magritte-textarea-layout-fill-both___ERS-q_2-0-62{
379
+ .magritte-textarea-layout-fill-both___ERS-q_2-0-63{
380
380
  width:100%;
381
381
  height:100%;
382
382
  }
383
- .magritte-textarea-layout-fill-vertical___HmNtp_2-0-62{
383
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-0-63{
384
384
  height:100%;
385
385
  }
386
- .magritte-textarea-layout-fill-horizontal___imBH2_2-0-62{
386
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-0-63{
387
387
  width:100%;
388
388
  }
389
- .magritte-textarea-without-label___WhBIw_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
389
+ .magritte-textarea-without-label___WhBIw_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
390
390
  margin-top:-18px;
391
391
  min-height:calc(104px - var(--magritte-typography-label-4-regular-line-height-v19-1-2));
392
392
  }
393
- .magritte-textarea-without-label___WhBIw_2-0-62.magritte-textarea-limited___cU1Rg_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
393
+ .magritte-textarea-without-label___WhBIw_2-0-63.magritte-textarea-limited___cU1Rg_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
394
394
  min-height:calc(90px - var(--magritte-typography-label-4-regular-line-height-v19-1-2));
395
395
  }
396
- .magritte-textarea-wrapper___yD7G6_2-0-62{
396
+ .magritte-textarea-wrapper___yD7G6_2-0-63{
397
397
  display:inline-flex;
398
398
  width:100%;
399
399
  }
400
- .magritte-textarea-layout-hug___tdCMY_2-0-62{
400
+ .magritte-textarea-layout-hug___tdCMY_2-0-63{
401
401
  width:100%;
402
402
  }
403
- .magritte-textarea-layout-hug___tdCMY_2-0-62 .magritte-textarea-wrapper___yD7G6_2-0-62{
403
+ .magritte-textarea-layout-hug___tdCMY_2-0-63 .magritte-textarea-wrapper___yD7G6_2-0-63{
404
404
  display:grid;
405
405
  }
406
- .magritte-textarea-layout-hug___tdCMY_2-0-62 .magritte-textarea-wrapper___yD7G6_2-0-62::after,
407
- .magritte-textarea-layout-hug___tdCMY_2-0-62 .magritte-textarea-wrapper___yD7G6_2-0-62 .magritte-textarea-native___w-czf_2-0-62{
406
+ .magritte-textarea-layout-hug___tdCMY_2-0-63 .magritte-textarea-wrapper___yD7G6_2-0-63::after,
407
+ .magritte-textarea-layout-hug___tdCMY_2-0-63 .magritte-textarea-wrapper___yD7G6_2-0-63 .magritte-textarea-native___w-czf_2-0-63{
408
408
  grid-area:1 / 1 / 2 / 2;
409
409
  overflow:hidden;
410
410
  width:auto;
411
411
  }
412
- .magritte-textarea-layout-hug___tdCMY_2-0-62 .magritte-textarea-wrapper___yD7G6_2-0-62::after{
412
+ .magritte-textarea-layout-hug___tdCMY_2-0-63 .magritte-textarea-wrapper___yD7G6_2-0-63::after{
413
413
  box-sizing:border-box;
414
414
  border:0;
415
415
  width:100%;
@@ -429,7 +429,7 @@
429
429
  white-space:pre-wrap;
430
430
  visibility:hidden;
431
431
  }
432
- .magritte-textarea-position-container___cEpbv_2-0-62{
432
+ .magritte-textarea-position-container___cEpbv_2-0-63{
433
433
  display:inline-flex;
434
434
  overflow:hidden;
435
435
  position:relative;
@@ -444,24 +444,24 @@
444
444
  box-sizing:border-box;
445
445
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v19-1-2);
446
446
  }
447
- .magritte-textarea-position-container___cEpbv_2-0-62::-webkit-resizer{
447
+ .magritte-textarea-position-container___cEpbv_2-0-63::-webkit-resizer{
448
448
  display:none;
449
449
  }
450
- .magritte-textarea-animation-timeout___zudbr_2-0-62,
451
- .magritte-textarea-position-container___cEpbv_2-0-62{
450
+ .magritte-textarea-animation-timeout___zudbr_2-0-63,
451
+ .magritte-textarea-position-container___cEpbv_2-0-63{
452
452
  transition-property:transform, color, font-size, letter-spacing;
453
453
  transition-duration:var(--animation-100-duration);
454
454
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-2);
455
455
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-2);
456
456
  }
457
- .magritte-textarea-rigging-container___-1S6i_2-0-62{
457
+ .magritte-textarea-rigging-container___-1S6i_2-0-63{
458
458
  position:absolute;
459
459
  pointer-events:none;
460
460
  left:16px;
461
461
  right:16px;
462
462
  top:0;
463
463
  }
464
- .magritte-textarea-label___sgTIH_2-0-62{
464
+ .magritte-textarea-label___sgTIH_2-0-63{
465
465
  font-family:var(--magritte-typography-label-2-regular-font-family-v19-1-2);
466
466
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v19-1-2);
467
467
  line-height:var(--magritte-typography-label-2-regular-line-height-v19-1-2);
@@ -481,7 +481,7 @@
481
481
  transition-duration:var(--animation-100-duration);
482
482
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v19-1-2);
483
483
  }
484
- .magritte-textarea-limit___IjPJy_2-0-62{
484
+ .magritte-textarea-limit___IjPJy_2-0-63{
485
485
  position:absolute;
486
486
  bottom:10px;
487
487
  right:28px;
@@ -491,7 +491,7 @@
491
491
  pointer-events:none;
492
492
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v19-1-2);
493
493
  }
494
- .magritte-textarea-grip___iL7lq_2-0-62{
494
+ .magritte-textarea-grip___iL7lq_2-0-63{
495
495
  position:absolute;
496
496
  pointer-events:none;
497
497
  display:inline-flex;
@@ -500,11 +500,11 @@
500
500
  border-bottom-right-radius:12px;
501
501
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v19-1-2);
502
502
  }
503
- .magritte-textarea-grip-icon___YK-9w_2-0-62{
503
+ .magritte-textarea-grip-icon___YK-9w_2-0-63{
504
504
  display:inline-flex;
505
505
  z-index:1;
506
506
  }
507
- .magritte-textarea-label-elevated___0lxOI_2-0-62{
507
+ .magritte-textarea-label-elevated___0lxOI_2-0-63{
508
508
  font-family:var(--magritte-typography-label-4-regular-font-family-v19-1-2);
509
509
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v19-1-2);
510
510
  line-height:var(--magritte-typography-label-4-regular-line-height-v19-1-2);
@@ -517,20 +517,20 @@
517
517
  transform:translateY(calc((var(--magritte-typography-label-4-regular-line-height-v19-1-2) / 2) - ((var(--magritte-typography-label-4-regular-line-height-v19-1-2) + var(--magritte-typography-label-2-regular-line-height-v19-1-2)) / 2) + 8px));
518
518
  }
519
519
  @media (prefers-reduced-motion: no-preference){
520
- .magritte-textarea-limit-enter___CygGz_2-0-62{
520
+ .magritte-textarea-limit-enter___CygGz_2-0-63{
521
521
  opacity:0;
522
522
  }
523
- .magritte-textarea-limit-exit___RMp-R_2-0-62,
524
- .magritte-textarea-limit-enter-active___8vN-t_2-0-62{
523
+ .magritte-textarea-limit-exit___RMp-R_2-0-63,
524
+ .magritte-textarea-limit-enter-active___8vN-t_2-0-63{
525
525
  opacity:1;
526
526
  }
527
- .magritte-textarea-limit-enter-active___8vN-t_2-0-62{
527
+ .magritte-textarea-limit-enter-active___8vN-t_2-0-63{
528
528
  transition-property:opacity;
529
529
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v19-1-2);
530
530
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v19-1-2);
531
531
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v19-1-2);
532
532
  }
533
- .magritte-textarea-limit-exit-active___a5kBr_2-0-62{
533
+ .magritte-textarea-limit-exit-active___a5kBr_2-0-63{
534
534
  opacity:0;
535
535
  transition-property:opacity;
536
536
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v19-1-2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "2.0.62",
3
+ "version": "2.0.63",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,10 +23,10 @@
23
23
  "@hh.ru/magritte-common-use-disabled": "1.0.9",
24
24
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.4",
25
25
  "@hh.ru/magritte-ui-breakpoint": "4.1.0",
26
- "@hh.ru/magritte-ui-form-helper": "1.0.13",
27
- "@hh.ru/magritte-ui-icon": "7.9.3",
28
- "@hh.ru/magritte-ui-input": "7.0.4",
29
- "@hh.ru/magritte-ui-typography": "3.0.19"
26
+ "@hh.ru/magritte-ui-form-helper": "1.0.14",
27
+ "@hh.ru/magritte-ui-icon": "7.9.4",
28
+ "@hh.ru/magritte-ui-input": "7.0.5",
29
+ "@hh.ru/magritte-ui-typography": "3.0.20"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "classnames": ">=2.3.2",
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "4adeae453af768d9a43f23cd7f9f43bb54676a3b"
39
+ "gitHead": "d65b5cdffe3fa7e332b76033a4317c2bbe7d6b68"
40
40
  }