@hh.ru/magritte-ui-textarea 2.0.73 → 2.0.74

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 +4 -4
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-73","textarea-focused":"magritte-textarea-focused___eiGyC_2-0-73","textareaFocused":"magritte-textarea-focused___eiGyC_2-0-73","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-0-73","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-0-73","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-0-73","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-0-73","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-73","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-73","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-0-73","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-0-73","textarea-native":"magritte-textarea-native___w-czf_2-0-73","textareaNative":"magritte-textarea-native___w-czf_2-0-73","textarea-label":"magritte-textarea-label___sgTIH_2-0-73","textareaLabel":"magritte-textarea-label___sgTIH_2-0-73","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-0-73","textareaElevated":"magritte-textarea-elevated___S0jk-_2-0-73","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-0-73","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-0-73","textarea-limit":"magritte-textarea-limit___IjPJy_2-0-73","textareaLimit":"magritte-textarea-limit___IjPJy_2-0-73","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-0-73","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-0-73","textarea-limited":"magritte-textarea-limited___cU1Rg_2-0-73","textareaLimited":"magritte-textarea-limited___cU1Rg_2-0-73","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-0-73","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-0-73","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-73","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-73","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-73","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-73","textarea-without-label":"magritte-textarea-without-label___WhBIw_2-0-73","textareaWithoutLabel":"magritte-textarea-without-label___WhBIw_2-0-73","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-0-73","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-0-73","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-0-73","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-0-73","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-0-73","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-0-73","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-0-73","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-0-73","textarea-grip":"magritte-textarea-grip___iL7lq_2-0-73","textareaGrip":"magritte-textarea-grip___iL7lq_2-0-73","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-0-73","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-0-73","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-0-73","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-0-73","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-0-73","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-0-73","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-0-73","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-0-73","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-0-73","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-0-73"};
15
+ var styles = {"textarea":"magritte-textarea___ugvor_2-0-74","textarea-focused":"magritte-textarea-focused___eiGyC_2-0-74","textareaFocused":"magritte-textarea-focused___eiGyC_2-0-74","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-0-74","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-0-74","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-0-74","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-0-74","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-74","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-0-74","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-0-74","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-0-74","textarea-native":"magritte-textarea-native___w-czf_2-0-74","textareaNative":"magritte-textarea-native___w-czf_2-0-74","textarea-label":"magritte-textarea-label___sgTIH_2-0-74","textareaLabel":"magritte-textarea-label___sgTIH_2-0-74","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-0-74","textareaElevated":"magritte-textarea-elevated___S0jk-_2-0-74","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-0-74","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-0-74","textarea-limit":"magritte-textarea-limit___IjPJy_2-0-74","textareaLimit":"magritte-textarea-limit___IjPJy_2-0-74","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-0-74","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-0-74","textarea-limited":"magritte-textarea-limited___cU1Rg_2-0-74","textareaLimited":"magritte-textarea-limited___cU1Rg_2-0-74","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-0-74","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-0-74","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-74","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-0-74","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-74","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-0-74","textarea-without-label":"magritte-textarea-without-label___WhBIw_2-0-74","textareaWithoutLabel":"magritte-textarea-without-label___WhBIw_2-0-74","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-0-74","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-0-74","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-0-74","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-0-74","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-0-74","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-0-74","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-0-74","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-0-74","textarea-grip":"magritte-textarea-grip___iL7lq_2-0-74","textareaGrip":"magritte-textarea-grip___iL7lq_2-0-74","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-0-74","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-0-74","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-0-74","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-0-74","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-0-74","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-0-74","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-0-74","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-0-74","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-0-74","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-0-74"};
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-v21-1-0:#ff4d3a;
101
101
  --magritte-color-component-input-icon-grip-v21-1-0:#535353;
102
102
  }
103
- .magritte-textarea___ugvor_2-0-73{
103
+ .magritte-textarea___ugvor_2-0-74{
104
104
  display:inline-flex;
105
105
  flex-flow:column;
106
106
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-1-0);
107
107
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-1-0);
108
108
  }
109
109
  @media (min-width: 1020px){
110
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover{
110
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover{
111
111
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-1-0);
112
112
  }
113
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after{
113
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::after{
114
114
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-1-0);
115
115
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-1-0);
116
116
  border-width:1px;
117
117
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-1-0);
118
118
  }
119
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-position-container___cEpbv_2-0-73{
119
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-position-container___cEpbv_2-0-74{
120
120
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-1-0);
121
121
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-1-0);
122
122
  }
123
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-native___w-czf_2-0-73{
123
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-native___w-czf_2-0-74{
124
124
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-1-0);
125
125
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-1-0);
126
126
  opacity:1;
127
127
  }
128
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-label___sgTIH_2-0-73{
128
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-label___sgTIH_2-0-74{
129
129
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-1-0);
130
130
  }
131
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-elevated___S0jk-_2-0-73 .magritte-textarea-label-elevated___0lxOI_2-0-73{
131
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-elevated___S0jk-_2-0-74 .magritte-textarea-label-elevated___0lxOI_2-0-74{
132
132
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-1-0);
133
133
  }
134
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-limit___IjPJy_2-0-73{
134
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-limit___IjPJy_2-0-74{
135
135
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-1-0);
136
136
  }
137
- body.magritte-old-layout .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-limit___IjPJy_2-0-73{
137
+ body.magritte-old-layout .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-limit___IjPJy_2-0-74{
138
138
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v21-1-0);
139
139
  }
140
140
  }
141
141
  @media (min-width: 1024px){
142
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover{
142
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover{
143
143
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-1-0);
144
144
  }
145
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after{
145
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::after{
146
146
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-1-0);
147
147
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-1-0);
148
148
  border-width:1px;
149
149
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-1-0);
150
150
  }
151
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-position-container___cEpbv_2-0-73{
151
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-position-container___cEpbv_2-0-74{
152
152
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-1-0);
153
153
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-1-0);
154
154
  }
155
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-native___w-czf_2-0-73{
155
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-native___w-czf_2-0-74{
156
156
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-1-0);
157
157
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-1-0);
158
158
  opacity:1;
159
159
  }
160
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-label___sgTIH_2-0-73{
160
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-label___sgTIH_2-0-74{
161
161
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-1-0);
162
162
  }
163
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-elevated___S0jk-_2-0-73 .magritte-textarea-label-elevated___0lxOI_2-0-73{
163
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-elevated___S0jk-_2-0-74 .magritte-textarea-label-elevated___0lxOI_2-0-74{
164
164
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-1-0);
165
165
  }
166
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-limit___IjPJy_2-0-73{
166
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-limit___IjPJy_2-0-74{
167
167
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-1-0);
168
168
  }
169
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-73:not(.magritte-textarea-focused___eiGyC_2-0-73):not(.magritte-textarea-invalid___iKOPh_2-0-73):not(.magritte-textarea-disabled___XN0cg_2-0-73):hover .magritte-textarea-limit___IjPJy_2-0-73{
169
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-0-74:not(.magritte-textarea-focused___eiGyC_2-0-74):not(.magritte-textarea-invalid___iKOPh_2-0-74):not(.magritte-textarea-disabled___XN0cg_2-0-74):hover .magritte-textarea-limit___IjPJy_2-0-74{
170
170
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v21-1-0);
171
171
  }
172
172
  }
173
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73{
173
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74{
174
174
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v21-1-0);
175
175
  }
176
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after{
176
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::after{
177
177
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v21-1-0);
178
178
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v21-1-0);
179
179
  border-width:2px;
180
180
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-1-0);
181
181
  }
182
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73 .magritte-textarea-position-container___cEpbv_2-0-73{
182
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74 .magritte-textarea-position-container___cEpbv_2-0-74{
183
183
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v21-1-0);
184
184
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-1-0);
185
185
  }
186
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
186
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
187
187
  color:var(--magritte-color-component-input-text-state-content-focused-v21-1-0);
188
188
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v21-1-0);
189
189
  opacity:1;
190
190
  }
191
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73 .magritte-textarea-label___sgTIH_2-0-73{
191
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74 .magritte-textarea-label___sgTIH_2-0-74{
192
192
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-1-0);
193
193
  }
194
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73 .magritte-textarea-elevated___S0jk-_2-0-73 .magritte-textarea-label-elevated___0lxOI_2-0-73{
194
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74 .magritte-textarea-elevated___S0jk-_2-0-74 .magritte-textarea-label-elevated___0lxOI_2-0-74{
195
195
  color:var(--magritte-color-component-input-text-state-label-focused-v21-1-0);
196
196
  }
197
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
197
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
198
198
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-1-0);
199
199
  }
200
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
200
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
201
201
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v21-1-0);
202
202
  }
203
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73,
204
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73{
203
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74,
204
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74{
205
205
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-1-0);
206
206
  }
207
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after,
208
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after{
207
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::after,
208
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::after{
209
209
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-1-0);
210
210
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-1-0);
211
211
  border-width:2px;
212
212
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-1-0);
213
213
  }
214
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-position-container___cEpbv_2-0-73,
215
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-position-container___cEpbv_2-0-73{
214
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-position-container___cEpbv_2-0-74,
215
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-position-container___cEpbv_2-0-74{
216
216
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v21-1-0);
217
217
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-1-0);
218
218
  }
219
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-native___w-czf_2-0-73,
220
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
219
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-native___w-czf_2-0-74,
220
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
221
221
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-1-0);
222
222
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-1-0);
223
223
  opacity:1;
224
224
  }
225
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-label___sgTIH_2-0-73,
226
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-label___sgTIH_2-0-73{
225
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-label___sgTIH_2-0-74,
226
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-label___sgTIH_2-0-74{
227
227
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-1-0);
228
228
  }
229
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-elevated___S0jk-_2-0-73 .magritte-textarea-label-elevated___0lxOI_2-0-73,
230
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-elevated___S0jk-_2-0-73 .magritte-textarea-label-elevated___0lxOI_2-0-73{
229
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-elevated___S0jk-_2-0-74 .magritte-textarea-label-elevated___0lxOI_2-0-74,
230
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-elevated___S0jk-_2-0-74 .magritte-textarea-label-elevated___0lxOI_2-0-74{
231
231
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-1-0);
232
232
  }
233
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73,
234
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
233
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74,
234
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
235
235
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-1-0);
236
236
  }
237
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-focused___eiGyC_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
237
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-focused___eiGyC_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
238
238
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v21-1-0);
239
239
  }
240
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73{
240
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74{
241
241
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-1-0);
242
242
  }
243
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after{
243
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::after{
244
244
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-1-0);
245
245
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-1-0);
246
246
  border-width:1px;
247
247
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-1-0);
248
248
  }
249
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-position-container___cEpbv_2-0-73{
249
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-position-container___cEpbv_2-0-74{
250
250
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v21-1-0);
251
251
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-1-0);
252
252
  }
253
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
253
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
254
254
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-1-0);
255
255
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-1-0);
256
256
  opacity:1;
257
257
  }
258
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-label___sgTIH_2-0-73{
258
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-label___sgTIH_2-0-74{
259
259
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-1-0);
260
260
  }
261
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-elevated___S0jk-_2-0-73 .magritte-textarea-label-elevated___0lxOI_2-0-73{
261
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-elevated___S0jk-_2-0-74 .magritte-textarea-label-elevated___0lxOI_2-0-74{
262
262
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-1-0);
263
263
  }
264
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
264
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
265
265
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-1-0);
266
266
  }
267
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-limit-error___vLvZU_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
267
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-limit-error___vLvZU_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
268
268
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v21-1-0);
269
269
  }
270
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73{
270
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74{
271
271
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v21-1-0);
272
272
  }
273
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after{
273
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::after{
274
274
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v21-1-0);
275
275
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v21-1-0);
276
276
  border-width:1px;
277
277
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-1-0);
278
278
  }
279
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-position-container___cEpbv_2-0-73{
279
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-position-container___cEpbv_2-0-74{
280
280
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v21-1-0);
281
281
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-1-0);
282
282
  }
283
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
283
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
284
284
  color:var(--magritte-color-component-input-text-state-content-disabled-v21-1-0);
285
285
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v21-1-0);
286
286
  opacity:1;
287
287
  }
288
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-label___sgTIH_2-0-73{
288
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-label___sgTIH_2-0-74{
289
289
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v21-1-0);
290
290
  }
291
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-elevated___S0jk-_2-0-73 .magritte-textarea-label-elevated___0lxOI_2-0-73{
291
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-elevated___S0jk-_2-0-74 .magritte-textarea-label-elevated___0lxOI_2-0-74{
292
292
  color:var(--magritte-color-component-input-text-state-label-disabled-v21-1-0);
293
293
  }
294
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
294
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
295
295
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-1-0);
296
296
  }
297
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-limit___IjPJy_2-0-73{
297
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-limit___IjPJy_2-0-74{
298
298
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v21-1-0);
299
299
  }
300
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-position-container___cEpbv_2-0-73,
301
- .magritte-textarea___ugvor_2-0-73.magritte-textarea-disabled___XN0cg_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
300
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-position-container___cEpbv_2-0-74,
301
+ .magritte-textarea___ugvor_2-0-74.magritte-textarea-disabled___XN0cg_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
302
302
  cursor:not-allowed;
303
303
  }
304
304
  @media (prefers-reduced-motion){
305
- .magritte-textarea___ugvor_2-0-73{
305
+ .magritte-textarea___ugvor_2-0-74{
306
306
  --animation-100-duration:1ms;
307
307
  --animation-300-duration:1ms;
308
308
  }
309
309
  }
310
- .magritte-textarea-invalid___iKOPh_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73.focus-visible{
310
+ .magritte-textarea-invalid___iKOPh_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74.focus-visible{
311
311
  outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-1-0) solid 4px;
312
312
  }
313
- .magritte-textarea-position-container-wrapper___4Dsui_2-0-73{
313
+ .magritte-textarea-position-container-wrapper___4Dsui_2-0-74{
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-73.focus-visible{
320
+ .magritte-textarea-position-container-wrapper___4Dsui_2-0-74.focus-visible{
321
321
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-1-0) solid 4px;
322
322
  }
323
- .magritte-textarea-position-container-wrapper___4Dsui_2-0-73::after{
323
+ .magritte-textarea-position-container-wrapper___4Dsui_2-0-74::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-v21-1-0);
336
336
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v21-1-0);
337
337
  }
338
- .magritte-textarea-native___w-czf_2-0-73{
338
+ .magritte-textarea-native___w-czf_2-0-74{
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-73:focus{
360
+ .magritte-textarea-native___w-czf_2-0-74:focus{
361
361
  outline:none;
362
362
  }
363
- .magritte-textarea-limited___cU1Rg_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
363
+ .magritte-textarea-limited___cU1Rg_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
364
364
  min-height:calc(72px - var(--magritte-typography-label-4-regular-line-height-v21-1-0));
365
365
  }
366
- .magritte-textarea-limited___cU1Rg_2-0-73 .magritte-textarea-position-container___cEpbv_2-0-73{
366
+ .magritte-textarea-limited___cU1Rg_2-0-74 .magritte-textarea-position-container___cEpbv_2-0-74{
367
367
  padding-bottom:30px;
368
368
  }
369
- .magritte-textarea-layout-fill-both___ERS-q_2-0-73,
370
- .magritte-textarea-layout-fill-vertical___HmNtp_2-0-73,
371
- .magritte-textarea-layout-fill-horizontal___imBH2_2-0-73{
369
+ .magritte-textarea-layout-fill-both___ERS-q_2-0-74,
370
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-0-74,
371
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-0-74{
372
372
  flex-direction:column;
373
373
  }
374
- .magritte-textarea-layout-fill-both___ERS-q_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73,
375
- .magritte-textarea-layout-fill-vertical___HmNtp_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73,
376
- .magritte-textarea-layout-fill-horizontal___imBH2_2-0-73 .magritte-textarea-position-container-wrapper___4Dsui_2-0-73{
374
+ .magritte-textarea-layout-fill-both___ERS-q_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74,
375
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74,
376
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-0-74 .magritte-textarea-position-container-wrapper___4Dsui_2-0-74{
377
377
  flex:1;
378
378
  }
379
- .magritte-textarea-layout-fill-both___ERS-q_2-0-73{
379
+ .magritte-textarea-layout-fill-both___ERS-q_2-0-74{
380
380
  width:100%;
381
381
  height:100%;
382
382
  }
383
- .magritte-textarea-layout-fill-vertical___HmNtp_2-0-73{
383
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-0-74{
384
384
  height:100%;
385
385
  }
386
- .magritte-textarea-layout-fill-horizontal___imBH2_2-0-73{
386
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-0-74{
387
387
  width:100%;
388
388
  }
389
- .magritte-textarea-without-label___WhBIw_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
389
+ .magritte-textarea-without-label___WhBIw_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
390
390
  margin-top:-18px;
391
391
  min-height:calc(104px - var(--magritte-typography-label-4-regular-line-height-v21-1-0));
392
392
  }
393
- .magritte-textarea-without-label___WhBIw_2-0-73.magritte-textarea-limited___cU1Rg_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
393
+ .magritte-textarea-without-label___WhBIw_2-0-74.magritte-textarea-limited___cU1Rg_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
394
394
  min-height:calc(90px - var(--magritte-typography-label-4-regular-line-height-v21-1-0));
395
395
  }
396
- .magritte-textarea-wrapper___yD7G6_2-0-73{
396
+ .magritte-textarea-wrapper___yD7G6_2-0-74{
397
397
  display:inline-flex;
398
398
  width:100%;
399
399
  }
400
- .magritte-textarea-layout-hug___tdCMY_2-0-73{
400
+ .magritte-textarea-layout-hug___tdCMY_2-0-74{
401
401
  width:100%;
402
402
  }
403
- .magritte-textarea-layout-hug___tdCMY_2-0-73 .magritte-textarea-wrapper___yD7G6_2-0-73{
403
+ .magritte-textarea-layout-hug___tdCMY_2-0-74 .magritte-textarea-wrapper___yD7G6_2-0-74{
404
404
  display:grid;
405
405
  }
406
- .magritte-textarea-layout-hug___tdCMY_2-0-73 .magritte-textarea-wrapper___yD7G6_2-0-73::after,
407
- .magritte-textarea-layout-hug___tdCMY_2-0-73 .magritte-textarea-wrapper___yD7G6_2-0-73 .magritte-textarea-native___w-czf_2-0-73{
406
+ .magritte-textarea-layout-hug___tdCMY_2-0-74 .magritte-textarea-wrapper___yD7G6_2-0-74::after,
407
+ .magritte-textarea-layout-hug___tdCMY_2-0-74 .magritte-textarea-wrapper___yD7G6_2-0-74 .magritte-textarea-native___w-czf_2-0-74{
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-73 .magritte-textarea-wrapper___yD7G6_2-0-73::after{
412
+ .magritte-textarea-layout-hug___tdCMY_2-0-74 .magritte-textarea-wrapper___yD7G6_2-0-74::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-73{
432
+ .magritte-textarea-position-container___cEpbv_2-0-74{
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-v21-1-0);
446
446
  }
447
- .magritte-textarea-position-container___cEpbv_2-0-73::-webkit-resizer{
447
+ .magritte-textarea-position-container___cEpbv_2-0-74::-webkit-resizer{
448
448
  display:none;
449
449
  }
450
- .magritte-textarea-animation-timeout___zudbr_2-0-73,
451
- .magritte-textarea-position-container___cEpbv_2-0-73{
450
+ .magritte-textarea-animation-timeout___zudbr_2-0-74,
451
+ .magritte-textarea-position-container___cEpbv_2-0-74{
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-v21-1-0);
455
455
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-1-0);
456
456
  }
457
- .magritte-textarea-rigging-container___-1S6i_2-0-73{
457
+ .magritte-textarea-rigging-container___-1S6i_2-0-74{
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-73{
464
+ .magritte-textarea-label___sgTIH_2-0-74{
465
465
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-1-0);
466
466
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-1-0);
467
467
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-1-0);
@@ -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-v21-1-0);
483
483
  }
484
- .magritte-textarea-limit___IjPJy_2-0-73{
484
+ .magritte-textarea-limit___IjPJy_2-0-74{
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-v21-1-0);
493
493
  }
494
- .magritte-textarea-grip___iL7lq_2-0-73{
494
+ .magritte-textarea-grip___iL7lq_2-0-74{
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-v21-1-0);
502
502
  }
503
- .magritte-textarea-grip-icon___YK-9w_2-0-73{
503
+ .magritte-textarea-grip-icon___YK-9w_2-0-74{
504
504
  display:inline-flex;
505
505
  z-index:1;
506
506
  }
507
- .magritte-textarea-label-elevated___0lxOI_2-0-73{
507
+ .magritte-textarea-label-elevated___0lxOI_2-0-74{
508
508
  font-family:var(--magritte-typography-label-4-regular-font-family-v21-1-0);
509
509
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v21-1-0);
510
510
  line-height:var(--magritte-typography-label-4-regular-line-height-v21-1-0);
@@ -517,20 +517,20 @@
517
517
  transform:translateY(calc((var(--magritte-typography-label-4-regular-line-height-v21-1-0) / 2) - ((var(--magritte-typography-label-4-regular-line-height-v21-1-0) + var(--magritte-typography-label-2-regular-line-height-v21-1-0)) / 2) + 8px));
518
518
  }
519
519
  @media (prefers-reduced-motion: no-preference){
520
- .magritte-textarea-limit-enter___CygGz_2-0-73{
520
+ .magritte-textarea-limit-enter___CygGz_2-0-74{
521
521
  opacity:0;
522
522
  }
523
- .magritte-textarea-limit-exit___RMp-R_2-0-73,
524
- .magritte-textarea-limit-enter-active___8vN-t_2-0-73{
523
+ .magritte-textarea-limit-exit___RMp-R_2-0-74,
524
+ .magritte-textarea-limit-enter-active___8vN-t_2-0-74{
525
525
  opacity:1;
526
526
  }
527
- .magritte-textarea-limit-enter-active___8vN-t_2-0-73{
527
+ .magritte-textarea-limit-enter-active___8vN-t_2-0-74{
528
528
  transition-property:opacity;
529
529
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-1-0);
530
530
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-1-0);
531
531
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-1-0);
532
532
  }
533
- .magritte-textarea-limit-exit-active___a5kBr_2-0-73{
533
+ .magritte-textarea-limit-exit-active___a5kBr_2-0-74{
534
534
  opacity:0;
535
535
  transition-property:opacity;
536
536
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-1-0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "2.0.73",
3
+ "version": "2.0.74",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,8 +24,8 @@
24
24
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
25
25
  "@hh.ru/magritte-ui-breakpoint": "5.0.0",
26
26
  "@hh.ru/magritte-ui-form-helper": "1.0.22",
27
- "@hh.ru/magritte-ui-icon": "7.9.12",
28
- "@hh.ru/magritte-ui-input": "7.1.6",
27
+ "@hh.ru/magritte-ui-icon": "8.0.0",
28
+ "@hh.ru/magritte-ui-input": "7.1.7",
29
29
  "@hh.ru/magritte-ui-typography": "3.0.27"
30
30
  },
31
31
  "peerDependencies": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "6ae3dbd40e749f4dfd123c76295ec05afc2c79e0"
39
+ "gitHead": "5a3accceadfd9bc888444495c335995ecf4ea677"
40
40
  }