@hh.ru/magritte-ui-textarea 2.1.4 → 2.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/TextArea.js +1 -1
  2. package/index.css +116 -116
  3. package/package.json +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-1-4","textarea-focused":"magritte-textarea-focused___eiGyC_2-1-4","textareaFocused":"magritte-textarea-focused___eiGyC_2-1-4","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-1-4","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-1-4","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-1-4","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-1-4","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-4","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-4","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-1-4","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-1-4","native-element":"magritte-native-element___a0RAE_2-1-4","nativeElement":"magritte-native-element___a0RAE_2-1-4","textarea-label":"magritte-textarea-label___sgTIH_2-1-4","textareaLabel":"magritte-textarea-label___sgTIH_2-1-4","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-1-4","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-1-4","textarea-limit":"magritte-textarea-limit___IjPJy_2-1-4","textareaLimit":"magritte-textarea-limit___IjPJy_2-1-4","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-1-4","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-1-4","min-height-48":"magritte-min-height-48___jGf5Z_2-1-4","minHeight48":"magritte-min-height-48___jGf5Z_2-1-4","min-height-56":"magritte-min-height-56___2yI39_2-1-4","minHeight56":"magritte-min-height-56___2yI39_2-1-4","min-height-default":"magritte-min-height-default___zwRcq_2-1-4","minHeightDefault":"magritte-min-height-default___zwRcq_2-1-4","textarea-limited":"magritte-textarea-limited___cU1Rg_2-1-4","textareaLimited":"magritte-textarea-limited___cU1Rg_2-1-4","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-1-4","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-1-4","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-4","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-4","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-4","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-4","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-1-4","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-1-4","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-1-4","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-1-4","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-1-4","textareaElevated":"magritte-textarea-elevated___S0jk-_2-1-4","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-1-4","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-1-4","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-1-4","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-1-4","textarea-grip":"magritte-textarea-grip___iL7lq_2-1-4","textareaGrip":"magritte-textarea-grip___iL7lq_2-1-4","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-1-4","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-1-4","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-1-4","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-1-4","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-1-4","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-1-4","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-1-4","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-1-4","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-1-4","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-1-4"};
15
+ var styles = {"textarea":"magritte-textarea___ugvor_2-1-5","textarea-focused":"magritte-textarea-focused___eiGyC_2-1-5","textareaFocused":"magritte-textarea-focused___eiGyC_2-1-5","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-1-5","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-1-5","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-1-5","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-1-5","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-5","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-5","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-1-5","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-1-5","native-element":"magritte-native-element___a0RAE_2-1-5","nativeElement":"magritte-native-element___a0RAE_2-1-5","textarea-label":"magritte-textarea-label___sgTIH_2-1-5","textareaLabel":"magritte-textarea-label___sgTIH_2-1-5","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-1-5","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-1-5","textarea-limit":"magritte-textarea-limit___IjPJy_2-1-5","textareaLimit":"magritte-textarea-limit___IjPJy_2-1-5","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-1-5","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-1-5","min-height-48":"magritte-min-height-48___jGf5Z_2-1-5","minHeight48":"magritte-min-height-48___jGf5Z_2-1-5","min-height-56":"magritte-min-height-56___2yI39_2-1-5","minHeight56":"magritte-min-height-56___2yI39_2-1-5","min-height-default":"magritte-min-height-default___zwRcq_2-1-5","minHeightDefault":"magritte-min-height-default___zwRcq_2-1-5","textarea-limited":"magritte-textarea-limited___cU1Rg_2-1-5","textareaLimited":"magritte-textarea-limited___cU1Rg_2-1-5","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-1-5","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-1-5","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-5","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-5","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-5","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-5","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-1-5","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-1-5","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-1-5","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-1-5","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-1-5","textareaElevated":"magritte-textarea-elevated___S0jk-_2-1-5","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-1-5","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-1-5","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-1-5","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-1-5","textarea-grip":"magritte-textarea-grip___iL7lq_2-1-5","textareaGrip":"magritte-textarea-grip___iL7lq_2-1-5","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-1-5","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-1-5","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-1-5","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-1-5","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-1-5","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-1-5","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-1-5","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-1-5","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-1-5","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-1-5"};
16
16
 
17
17
  const MIN_HEIGHT_WITH_VISIBLE_LIMIT = 112;
18
18
  const TextAreaComponent = ({ onChange, onFocus, onBlur, onValidate, value, placeholder, disabled = false, elevatePlaceholder = false, invalid = false, invalidLimit = false, maxLength, description, errorMessage, resize = 'none', layout = 'fixed', minHeight, ...restProps }, ref) => {
package/index.css CHANGED
@@ -100,227 +100,227 @@
100
100
  --magritte-color-component-input-text-state-description-invalid-v21-2-0:#ff4d3a;
101
101
  --magritte-color-component-input-icon-grip-v21-2-0:#535353;
102
102
  }
103
- .magritte-textarea___ugvor_2-1-4{
103
+ .magritte-textarea___ugvor_2-1-5{
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-2-0);
107
107
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-2-0);
108
108
  }
109
109
  @media (min-width: 1020px){
110
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover{
110
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover{
111
111
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-2-0);
112
112
  }
113
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after{
113
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::after{
114
114
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-2-0);
115
115
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-2-0);
116
116
  border-width:1px;
117
117
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-2-0);
118
118
  }
119
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-position-container___cEpbv_2-1-4{
119
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-position-container___cEpbv_2-1-5{
120
120
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-2-0);
121
121
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-2-0);
122
122
  }
123
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-native-element___a0RAE_2-1-4{
123
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-native-element___a0RAE_2-1-5{
124
124
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-2-0);
125
125
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-2-0);
126
126
  opacity:1;
127
127
  }
128
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-label___sgTIH_2-1-4{
128
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-label___sgTIH_2-1-5{
129
129
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-2-0);
130
130
  }
131
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-label-elevated___0lxOI_2-1-4{
131
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-label-elevated___0lxOI_2-1-5{
132
132
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-2-0);
133
133
  }
134
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-limit___IjPJy_2-1-4{
134
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-limit___IjPJy_2-1-5{
135
135
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-2-0);
136
136
  }
137
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-limit___IjPJy_2-1-4{
137
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-limit___IjPJy_2-1-5{
138
138
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v21-2-0);
139
139
  }
140
140
  }
141
141
  @media (min-width: 1024px){
142
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover{
142
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover{
143
143
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-2-0);
144
144
  }
145
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after{
145
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::after{
146
146
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-2-0);
147
147
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-2-0);
148
148
  border-width:1px;
149
149
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-2-0);
150
150
  }
151
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-position-container___cEpbv_2-1-4{
151
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-position-container___cEpbv_2-1-5{
152
152
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-2-0);
153
153
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-2-0);
154
154
  }
155
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-native-element___a0RAE_2-1-4{
155
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-native-element___a0RAE_2-1-5{
156
156
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-2-0);
157
157
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-2-0);
158
158
  opacity:1;
159
159
  }
160
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-label___sgTIH_2-1-4{
160
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-label___sgTIH_2-1-5{
161
161
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-2-0);
162
162
  }
163
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-label-elevated___0lxOI_2-1-4{
163
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-label-elevated___0lxOI_2-1-5{
164
164
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-2-0);
165
165
  }
166
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-limit___IjPJy_2-1-4{
166
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-limit___IjPJy_2-1-5{
167
167
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-2-0);
168
168
  }
169
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-4:not(.magritte-textarea-focused___eiGyC_2-1-4):not(.magritte-textarea-invalid___iKOPh_2-1-4):not(.magritte-textarea-disabled___XN0cg_2-1-4):hover .magritte-textarea-limit___IjPJy_2-1-4{
169
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-5:not(.magritte-textarea-focused___eiGyC_2-1-5):not(.magritte-textarea-invalid___iKOPh_2-1-5):not(.magritte-textarea-disabled___XN0cg_2-1-5):hover .magritte-textarea-limit___IjPJy_2-1-5{
170
170
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v21-2-0);
171
171
  }
172
172
  }
173
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4{
173
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5{
174
174
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v21-2-0);
175
175
  }
176
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after{
176
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::after{
177
177
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v21-2-0);
178
178
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v21-2-0);
179
179
  border-width:2px;
180
180
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-2-0);
181
181
  }
182
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
182
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
183
183
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v21-2-0);
184
184
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-2-0);
185
185
  }
186
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4 .magritte-native-element___a0RAE_2-1-4{
186
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5 .magritte-native-element___a0RAE_2-1-5{
187
187
  color:var(--magritte-color-component-input-text-state-content-focused-v21-2-0);
188
188
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v21-2-0);
189
189
  opacity:1;
190
190
  }
191
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4 .magritte-textarea-label___sgTIH_2-1-4{
191
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5 .magritte-textarea-label___sgTIH_2-1-5{
192
192
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-2-0);
193
193
  }
194
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4 .magritte-textarea-label-elevated___0lxOI_2-1-4{
194
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5 .magritte-textarea-label-elevated___0lxOI_2-1-5{
195
195
  color:var(--magritte-color-component-input-text-state-label-focused-v21-2-0);
196
196
  }
197
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
197
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
198
198
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-2-0);
199
199
  }
200
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
200
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
201
201
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v21-2-0);
202
202
  }
203
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4,
204
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4{
203
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5,
204
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5{
205
205
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-2-0);
206
206
  }
207
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after,
208
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after{
207
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::after,
208
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::after{
209
209
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-2-0);
210
210
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-2-0);
211
211
  border-width:2px;
212
212
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-2-0);
213
213
  }
214
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4,
215
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
214
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5,
215
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
216
216
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v21-2-0);
217
217
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-2-0);
218
218
  }
219
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-native-element___a0RAE_2-1-4,
220
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-native-element___a0RAE_2-1-4{
219
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-native-element___a0RAE_2-1-5,
220
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-native-element___a0RAE_2-1-5{
221
221
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-2-0);
222
222
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-2-0);
223
223
  opacity:1;
224
224
  }
225
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-textarea-label___sgTIH_2-1-4,
226
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-label___sgTIH_2-1-4{
225
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-textarea-label___sgTIH_2-1-5,
226
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-label___sgTIH_2-1-5{
227
227
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-2-0);
228
228
  }
229
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-textarea-label-elevated___0lxOI_2-1-4,
230
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-label-elevated___0lxOI_2-1-4{
229
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-textarea-label-elevated___0lxOI_2-1-5,
230
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-label-elevated___0lxOI_2-1-5{
231
231
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-2-0);
232
232
  }
233
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4,
234
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
233
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5,
234
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
235
235
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-2-0);
236
236
  }
237
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-focused___eiGyC_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
237
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-focused___eiGyC_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
238
238
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v21-2-0);
239
239
  }
240
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4{
240
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5{
241
241
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-2-0);
242
242
  }
243
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after{
243
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::after{
244
244
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-2-0);
245
245
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-2-0);
246
246
  border-width:1px;
247
247
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-2-0);
248
248
  }
249
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
249
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
250
250
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v21-2-0);
251
251
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-2-0);
252
252
  }
253
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-native-element___a0RAE_2-1-4{
253
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-native-element___a0RAE_2-1-5{
254
254
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-2-0);
255
255
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-2-0);
256
256
  opacity:1;
257
257
  }
258
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-label___sgTIH_2-1-4{
258
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-label___sgTIH_2-1-5{
259
259
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-2-0);
260
260
  }
261
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-label-elevated___0lxOI_2-1-4{
261
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-label-elevated___0lxOI_2-1-5{
262
262
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-2-0);
263
263
  }
264
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
264
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
265
265
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-2-0);
266
266
  }
267
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-limit-error___vLvZU_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
267
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-limit-error___vLvZU_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
268
268
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v21-2-0);
269
269
  }
270
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4{
270
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5{
271
271
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v21-2-0);
272
272
  }
273
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after{
273
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::after{
274
274
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v21-2-0);
275
275
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v21-2-0);
276
276
  border-width:1px;
277
277
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-2-0);
278
278
  }
279
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
279
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
280
280
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v21-2-0);
281
281
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-2-0);
282
282
  }
283
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-native-element___a0RAE_2-1-4{
283
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-native-element___a0RAE_2-1-5{
284
284
  color:var(--magritte-color-component-input-text-state-content-disabled-v21-2-0);
285
285
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v21-2-0);
286
286
  opacity:1;
287
287
  }
288
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-textarea-label___sgTIH_2-1-4{
288
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-textarea-label___sgTIH_2-1-5{
289
289
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v21-2-0);
290
290
  }
291
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-textarea-label-elevated___0lxOI_2-1-4{
291
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-textarea-label-elevated___0lxOI_2-1-5{
292
292
  color:var(--magritte-color-component-input-text-state-label-disabled-v21-2-0);
293
293
  }
294
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
294
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
295
295
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-2-0);
296
296
  }
297
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-textarea-limit___IjPJy_2-1-4{
297
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-textarea-limit___IjPJy_2-1-5{
298
298
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v21-2-0);
299
299
  }
300
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4,
301
- .magritte-textarea___ugvor_2-1-4.magritte-textarea-disabled___XN0cg_2-1-4 .magritte-native-element___a0RAE_2-1-4{
300
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5,
301
+ .magritte-textarea___ugvor_2-1-5.magritte-textarea-disabled___XN0cg_2-1-5 .magritte-native-element___a0RAE_2-1-5{
302
302
  cursor:not-allowed;
303
303
  }
304
304
  @media (prefers-reduced-motion){
305
- .magritte-textarea___ugvor_2-1-4{
305
+ .magritte-textarea___ugvor_2-1-5{
306
306
  --animation-100-duration:1ms;
307
307
  --animation-300-duration:1ms;
308
308
  }
309
309
  }
310
- .magritte-textarea-invalid___iKOPh_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4.focus-visible{
310
+ .magritte-textarea-invalid___iKOPh_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5.focus-visible{
311
311
  outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-2-0) solid 4px;
312
312
  }
313
- .magritte-textarea-position-container-wrapper___4Dsui_2-1-4{
313
+ .magritte-textarea-position-container-wrapper___4Dsui_2-1-5{
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-1-4.focus-visible{
320
+ .magritte-textarea-position-container-wrapper___4Dsui_2-1-5.focus-visible{
321
321
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-2-0) solid 4px;
322
322
  }
323
- .magritte-textarea-position-container-wrapper___4Dsui_2-1-4::after{
323
+ .magritte-textarea-position-container-wrapper___4Dsui_2-1-5::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-2-0);
336
336
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v21-2-0);
337
337
  }
338
- .magritte-native-element___a0RAE_2-1-4{
338
+ .magritte-native-element___a0RAE_2-1-5{
339
339
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-2-0);
340
340
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-2-0);
341
341
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-2-0);
@@ -349,70 +349,70 @@
349
349
  width:100%;
350
350
  padding:0 14px 0 16px;
351
351
  color:var(--magritte-color-component-input-text-content-v21-2-0);
352
- caret-color:var(--magritte-color-text-primary-v21-2-0);
352
+ caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v21-2-0));
353
353
  position:relative;
354
354
  resize:none;
355
355
  background:none;
356
356
  appearance:none;
357
357
  }
358
- .magritte-native-element___a0RAE_2-1-4:focus{
358
+ .magritte-native-element___a0RAE_2-1-5:focus{
359
359
  outline:none;
360
360
  }
361
- .magritte-min-height-48___jGf5Z_2-1-4 .magritte-native-element___a0RAE_2-1-4{
361
+ .magritte-min-height-48___jGf5Z_2-1-5 .magritte-native-element___a0RAE_2-1-5{
362
362
  min-height:calc(36px - var(--magritte-typography-label-4-regular-line-height-v21-2-0));
363
363
  }
364
- .magritte-min-height-56___2yI39_2-1-4 .magritte-native-element___a0RAE_2-1-4{
364
+ .magritte-min-height-56___2yI39_2-1-5 .magritte-native-element___a0RAE_2-1-5{
365
365
  min-height:calc(40px - var(--magritte-typography-label-4-regular-line-height-v21-2-0));
366
366
  }
367
- .magritte-min-height-default___zwRcq_2-1-4 .magritte-native-element___a0RAE_2-1-4{
367
+ .magritte-min-height-default___zwRcq_2-1-5 .magritte-native-element___a0RAE_2-1-5{
368
368
  min-height:calc(78px - var(--magritte-typography-label-4-regular-line-height-v21-2-0));
369
369
  }
370
- .magritte-textarea-limited___cU1Rg_2-1-4.magritte-min-height-48___jGf5Z_2-1-4 .magritte-native-element___a0RAE_2-1-4{
370
+ .magritte-textarea-limited___cU1Rg_2-1-5.magritte-min-height-48___jGf5Z_2-1-5 .magritte-native-element___a0RAE_2-1-5{
371
371
  min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v21-2-0));
372
372
  }
373
- .magritte-textarea-limited___cU1Rg_2-1-4.magritte-min-height-56___2yI39_2-1-4 .magritte-native-element___a0RAE_2-1-4{
373
+ .magritte-textarea-limited___cU1Rg_2-1-5.magritte-min-height-56___2yI39_2-1-5 .magritte-native-element___a0RAE_2-1-5{
374
374
  min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v21-2-0));
375
375
  }
376
- .magritte-textarea-limited___cU1Rg_2-1-4.magritte-min-height-default___zwRcq_2-1-4 .magritte-native-element___a0RAE_2-1-4{
376
+ .magritte-textarea-limited___cU1Rg_2-1-5.magritte-min-height-default___zwRcq_2-1-5 .magritte-native-element___a0RAE_2-1-5{
377
377
  min-height:calc(64px - var(--magritte-typography-label-4-regular-line-height-v21-2-0));
378
378
  }
379
- .magritte-textarea-layout-fill-both___ERS-q_2-1-4,
380
- .magritte-textarea-layout-fill-vertical___HmNtp_2-1-4,
381
- .magritte-textarea-layout-fill-horizontal___imBH2_2-1-4{
379
+ .magritte-textarea-layout-fill-both___ERS-q_2-1-5,
380
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-1-5,
381
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-1-5{
382
382
  flex-direction:column;
383
383
  }
384
- .magritte-textarea-layout-fill-both___ERS-q_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4,
385
- .magritte-textarea-layout-fill-vertical___HmNtp_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4,
386
- .magritte-textarea-layout-fill-horizontal___imBH2_2-1-4 .magritte-textarea-position-container-wrapper___4Dsui_2-1-4{
384
+ .magritte-textarea-layout-fill-both___ERS-q_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5,
385
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5,
386
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-1-5 .magritte-textarea-position-container-wrapper___4Dsui_2-1-5{
387
387
  flex:1;
388
388
  }
389
- .magritte-textarea-layout-fill-both___ERS-q_2-1-4{
389
+ .magritte-textarea-layout-fill-both___ERS-q_2-1-5{
390
390
  width:100%;
391
391
  height:100%;
392
392
  }
393
- .magritte-textarea-layout-fill-vertical___HmNtp_2-1-4{
393
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-1-5{
394
394
  height:100%;
395
395
  }
396
- .magritte-textarea-layout-fill-horizontal___imBH2_2-1-4{
396
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-1-5{
397
397
  width:100%;
398
398
  }
399
- .magritte-textarea-wrapper___yD7G6_2-1-4{
399
+ .magritte-textarea-wrapper___yD7G6_2-1-5{
400
400
  display:inline-flex;
401
401
  width:100%;
402
402
  }
403
- .magritte-textarea-layout-hug___tdCMY_2-1-4{
403
+ .magritte-textarea-layout-hug___tdCMY_2-1-5{
404
404
  width:100%;
405
405
  }
406
- .magritte-textarea-layout-hug___tdCMY_2-1-4 .magritte-textarea-wrapper___yD7G6_2-1-4{
406
+ .magritte-textarea-layout-hug___tdCMY_2-1-5 .magritte-textarea-wrapper___yD7G6_2-1-5{
407
407
  display:grid;
408
408
  }
409
- .magritte-textarea-layout-hug___tdCMY_2-1-4 .magritte-textarea-wrapper___yD7G6_2-1-4::after,
410
- .magritte-textarea-layout-hug___tdCMY_2-1-4 .magritte-textarea-wrapper___yD7G6_2-1-4 .magritte-native-element___a0RAE_2-1-4{
409
+ .magritte-textarea-layout-hug___tdCMY_2-1-5 .magritte-textarea-wrapper___yD7G6_2-1-5::after,
410
+ .magritte-textarea-layout-hug___tdCMY_2-1-5 .magritte-textarea-wrapper___yD7G6_2-1-5 .magritte-native-element___a0RAE_2-1-5{
411
411
  grid-area:1 / 1 / 2 / 2;
412
412
  overflow:hidden;
413
413
  width:auto;
414
414
  }
415
- .magritte-textarea-layout-hug___tdCMY_2-1-4 .magritte-textarea-wrapper___yD7G6_2-1-4::after{
415
+ .magritte-textarea-layout-hug___tdCMY_2-1-5 .magritte-textarea-wrapper___yD7G6_2-1-5::after{
416
416
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-2-0);
417
417
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-2-0);
418
418
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-2-0);
@@ -426,12 +426,12 @@
426
426
  width:100%;
427
427
  padding:0 14px 0 16px;
428
428
  color:var(--magritte-color-component-input-text-content-v21-2-0);
429
- caret-color:var(--magritte-color-text-primary-v21-2-0);
429
+ caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v21-2-0));
430
430
  content:attr(data-replicated-value) ' ';
431
431
  white-space:pre-wrap;
432
432
  visibility:hidden;
433
433
  }
434
- .magritte-textarea-position-container___cEpbv_2-1-4{
434
+ .magritte-textarea-position-container___cEpbv_2-1-5{
435
435
  display:inline-flex;
436
436
  overflow:hidden;
437
437
  position:relative;
@@ -443,57 +443,57 @@
443
443
  box-sizing:border-box;
444
444
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v21-2-0);
445
445
  }
446
- .magritte-textarea-position-container___cEpbv_2-1-4::-webkit-resizer{
446
+ .magritte-textarea-position-container___cEpbv_2-1-5::-webkit-resizer{
447
447
  display:none;
448
448
  }
449
- .magritte-textarea-elevated___S0jk-_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
449
+ .magritte-textarea-elevated___S0jk-_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
450
450
  padding-top:calc(var(--magritte-typography-label-4-regular-line-height-v21-2-0) + 18px);
451
451
  }
452
- .magritte-textarea-limited___cU1Rg_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
452
+ .magritte-textarea-limited___cU1Rg_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
453
453
  padding-bottom:30px;
454
454
  }
455
- .magritte-min-height-48___jGf5Z_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
455
+ .magritte-min-height-48___jGf5Z_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
456
456
  padding-top:12px;
457
457
  padding-bottom:12px;
458
458
  min-height:48px;
459
459
  }
460
- .magritte-min-height-56___2yI39_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
460
+ .magritte-min-height-56___2yI39_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
461
461
  padding-top:16px;
462
462
  padding-bottom:16px;
463
463
  min-height:56px;
464
464
  }
465
- .magritte-min-height-default___zwRcq_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
465
+ .magritte-min-height-default___zwRcq_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
466
466
  min-height:112px;
467
467
  }
468
- .magritte-textarea-elevated___S0jk-_2-1-4.magritte-min-height-48___jGf5Z_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
468
+ .magritte-textarea-elevated___S0jk-_2-1-5.magritte-min-height-48___jGf5Z_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
469
469
  padding-top:22px;
470
470
  padding-bottom:4px;
471
471
  }
472
- .magritte-textarea-elevated___S0jk-_2-1-4.magritte-min-height-56___2yI39_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
472
+ .magritte-textarea-elevated___S0jk-_2-1-5.magritte-min-height-56___2yI39_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
473
473
  padding-top:26px;
474
474
  padding-bottom:8px;
475
475
  }
476
- .magritte-textarea-limited___cU1Rg_2-1-4.magritte-min-height-48___jGf5Z_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
476
+ .magritte-textarea-limited___cU1Rg_2-1-5.magritte-min-height-48___jGf5Z_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
477
477
  padding-bottom:26px;
478
478
  }
479
- .magritte-textarea-limited___cU1Rg_2-1-4.magritte-min-height-56___2yI39_2-1-4 .magritte-textarea-position-container___cEpbv_2-1-4{
479
+ .magritte-textarea-limited___cU1Rg_2-1-5.magritte-min-height-56___2yI39_2-1-5 .magritte-textarea-position-container___cEpbv_2-1-5{
480
480
  padding-bottom:30px;
481
481
  }
482
- .magritte-textarea-animation-timeout___zudbr_2-1-4,
483
- .magritte-textarea-position-container___cEpbv_2-1-4{
482
+ .magritte-textarea-animation-timeout___zudbr_2-1-5,
483
+ .magritte-textarea-position-container___cEpbv_2-1-5{
484
484
  transition-property:transform, color, font-size, letter-spacing;
485
485
  transition-duration:var(--animation-100-duration);
486
486
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-2-0);
487
487
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-2-0);
488
488
  }
489
- .magritte-textarea-rigging-container___-1S6i_2-1-4{
489
+ .magritte-textarea-rigging-container___-1S6i_2-1-5{
490
490
  position:absolute;
491
491
  pointer-events:none;
492
492
  left:16px;
493
493
  right:16px;
494
494
  top:0;
495
495
  }
496
- .magritte-textarea-label___sgTIH_2-1-4{
496
+ .magritte-textarea-label___sgTIH_2-1-5{
497
497
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-2-0);
498
498
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-2-0);
499
499
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-2-0);
@@ -513,13 +513,13 @@
513
513
  transition-duration:var(--animation-100-duration);
514
514
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v21-2-0);
515
515
  }
516
- .magritte-min-height-48___jGf5Z_2-1-4 .magritte-textarea-label___sgTIH_2-1-4{
516
+ .magritte-min-height-48___jGf5Z_2-1-5 .magritte-textarea-label___sgTIH_2-1-5{
517
517
  padding-top:12px;
518
518
  }
519
- .magritte-min-height-56___2yI39_2-1-4 .magritte-textarea-label___sgTIH_2-1-4{
519
+ .magritte-min-height-56___2yI39_2-1-5 .magritte-textarea-label___sgTIH_2-1-5{
520
520
  padding-top:16px;
521
521
  }
522
- .magritte-textarea-label-elevated___0lxOI_2-1-4{
522
+ .magritte-textarea-label-elevated___0lxOI_2-1-5{
523
523
  font-family:var(--magritte-typography-label-4-regular-font-family-v21-2-0);
524
524
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v21-2-0);
525
525
  line-height:var(--magritte-typography-label-4-regular-line-height-v21-2-0);
@@ -532,13 +532,13 @@
532
532
  color:var(--magritte-color-component-input-text-label-v21-2-0);
533
533
  transform:translateY(calc(var(--elevated-placeholder-gap) - var(--magritte-typography-label-2-regular-line-height-v21-2-0) / 2));
534
534
  }
535
- .magritte-min-height-48___jGf5Z_2-1-4 .magritte-textarea-label-elevated___0lxOI_2-1-4{
535
+ .magritte-min-height-48___jGf5Z_2-1-5 .magritte-textarea-label-elevated___0lxOI_2-1-5{
536
536
  --elevated-placeholder-gap:3px;
537
537
  }
538
- .magritte-min-height-56___2yI39_2-1-4 .magritte-textarea-label-elevated___0lxOI_2-1-4{
538
+ .magritte-min-height-56___2yI39_2-1-5 .magritte-textarea-label-elevated___0lxOI_2-1-5{
539
539
  --elevated-placeholder-gap:3px;
540
540
  }
541
- .magritte-textarea-limit___IjPJy_2-1-4{
541
+ .magritte-textarea-limit___IjPJy_2-1-5{
542
542
  position:absolute;
543
543
  bottom:10px;
544
544
  right:28px;
@@ -548,7 +548,7 @@
548
548
  pointer-events:none;
549
549
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v21-2-0);
550
550
  }
551
- .magritte-textarea-grip___iL7lq_2-1-4{
551
+ .magritte-textarea-grip___iL7lq_2-1-5{
552
552
  position:absolute;
553
553
  pointer-events:none;
554
554
  display:inline-flex;
@@ -557,25 +557,25 @@
557
557
  border-bottom-right-radius:12px;
558
558
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v21-2-0);
559
559
  }
560
- .magritte-textarea-grip-icon___YK-9w_2-1-4{
560
+ .magritte-textarea-grip-icon___YK-9w_2-1-5{
561
561
  display:inline-flex;
562
562
  z-index:1;
563
563
  }
564
564
  @media (prefers-reduced-motion: no-preference){
565
- .magritte-textarea-limit-enter___CygGz_2-1-4{
565
+ .magritte-textarea-limit-enter___CygGz_2-1-5{
566
566
  opacity:0;
567
567
  }
568
- .magritte-textarea-limit-exit___RMp-R_2-1-4,
569
- .magritte-textarea-limit-enter-active___8vN-t_2-1-4{
568
+ .magritte-textarea-limit-exit___RMp-R_2-1-5,
569
+ .magritte-textarea-limit-enter-active___8vN-t_2-1-5{
570
570
  opacity:1;
571
571
  }
572
- .magritte-textarea-limit-enter-active___8vN-t_2-1-4{
572
+ .magritte-textarea-limit-enter-active___8vN-t_2-1-5{
573
573
  transition-property:opacity;
574
574
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-2-0);
575
575
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-2-0);
576
576
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-2-0);
577
577
  }
578
- .magritte-textarea-limit-exit-active___a5kBr_2-1-4{
578
+ .magritte-textarea-limit-exit-active___a5kBr_2-1-5{
579
579
  opacity:0;
580
580
  transition-property:opacity;
581
581
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-2-0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "2.1.4",
3
+ "version": "2.1.5",
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.23",
27
- "@hh.ru/magritte-ui-icon": "8.0.1",
28
- "@hh.ru/magritte-ui-input": "7.1.11",
27
+ "@hh.ru/magritte-ui-icon": "8.0.2",
28
+ "@hh.ru/magritte-ui-input": "7.1.12",
29
29
  "@hh.ru/magritte-ui-typography": "3.0.28"
30
30
  },
31
31
  "peerDependencies": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "4cea99b0c3be38206bb6f5e6945fa298c8b3dcd1"
39
+ "gitHead": "199227110bed4857511f22c1154eff84ad8040ab"
40
40
  }