@hh.ru/magritte-ui-textarea 2.1.28 → 2.1.30

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 +114 -114
  3. package/package.json +8 -8
package/TextArea.js CHANGED
@@ -13,7 +13,7 @@ import { useInputAriaProps } from '@hh.ru/magritte-ui-input/useInputAriaProps';
13
13
  import { useFocus } from './useFocus.js';
14
14
  import { Text } from '@hh.ru/magritte-ui-typography';
15
15
 
16
- var styles = {"textarea":"magritte-textarea___ugvor_2-1-28","textarea-focused":"magritte-textarea-focused___eiGyC_2-1-28","textareaFocused":"magritte-textarea-focused___eiGyC_2-1-28","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-1-28","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-1-28","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-1-28","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-1-28","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-28","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-28","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-1-28","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-1-28","native-element":"magritte-native-element___a0RAE_2-1-28","nativeElement":"magritte-native-element___a0RAE_2-1-28","textarea-label":"magritte-textarea-label___sgTIH_2-1-28","textareaLabel":"magritte-textarea-label___sgTIH_2-1-28","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-1-28","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-1-28","textarea-limit":"magritte-textarea-limit___IjPJy_2-1-28","textareaLimit":"magritte-textarea-limit___IjPJy_2-1-28","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-1-28","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-1-28","min-height-48":"magritte-min-height-48___jGf5Z_2-1-28","minHeight48":"magritte-min-height-48___jGf5Z_2-1-28","min-height-56":"magritte-min-height-56___2yI39_2-1-28","minHeight56":"magritte-min-height-56___2yI39_2-1-28","min-height-default":"magritte-min-height-default___zwRcq_2-1-28","minHeightDefault":"magritte-min-height-default___zwRcq_2-1-28","textarea-limited":"magritte-textarea-limited___cU1Rg_2-1-28","textareaLimited":"magritte-textarea-limited___cU1Rg_2-1-28","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-1-28","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-1-28","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-28","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-28","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-28","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-28","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-1-28","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-1-28","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-1-28","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-1-28","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-1-28","textareaElevated":"magritte-textarea-elevated___S0jk-_2-1-28","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-1-28","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-1-28","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-1-28","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-1-28","textarea-grip":"magritte-textarea-grip___iL7lq_2-1-28","textareaGrip":"magritte-textarea-grip___iL7lq_2-1-28","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-1-28","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-1-28","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-1-28","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-1-28","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-1-28","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-1-28","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-1-28","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-1-28","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-1-28","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-1-28"};
16
+ var styles = {"textarea":"magritte-textarea___ugvor_2-1-30","textarea-focused":"magritte-textarea-focused___eiGyC_2-1-30","textareaFocused":"magritte-textarea-focused___eiGyC_2-1-30","textarea-invalid":"magritte-textarea-invalid___iKOPh_2-1-30","textareaInvalid":"magritte-textarea-invalid___iKOPh_2-1-30","textarea-disabled":"magritte-textarea-disabled___XN0cg_2-1-30","textareaDisabled":"magritte-textarea-disabled___XN0cg_2-1-30","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-30","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_2-1-30","textarea-position-container":"magritte-textarea-position-container___cEpbv_2-1-30","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_2-1-30","native-element":"magritte-native-element___a0RAE_2-1-30","nativeElement":"magritte-native-element___a0RAE_2-1-30","textarea-label":"magritte-textarea-label___sgTIH_2-1-30","textareaLabel":"magritte-textarea-label___sgTIH_2-1-30","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_2-1-30","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_2-1-30","textarea-limit":"magritte-textarea-limit___IjPJy_2-1-30","textareaLimit":"magritte-textarea-limit___IjPJy_2-1-30","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_2-1-30","textareaLimitError":"magritte-textarea-limit-error___vLvZU_2-1-30","min-height-48":"magritte-min-height-48___jGf5Z_2-1-30","minHeight48":"magritte-min-height-48___jGf5Z_2-1-30","min-height-56":"magritte-min-height-56___2yI39_2-1-30","minHeight56":"magritte-min-height-56___2yI39_2-1-30","min-height-default":"magritte-min-height-default___zwRcq_2-1-30","minHeightDefault":"magritte-min-height-default___zwRcq_2-1-30","textarea-limited":"magritte-textarea-limited___cU1Rg_2-1-30","textareaLimited":"magritte-textarea-limited___cU1Rg_2-1-30","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_2-1-30","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_2-1-30","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-30","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_2-1-30","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-30","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_2-1-30","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_2-1-30","textareaWrapper":"magritte-textarea-wrapper___yD7G6_2-1-30","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_2-1-30","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_2-1-30","textarea-elevated":"magritte-textarea-elevated___S0jk-_2-1-30","textareaElevated":"magritte-textarea-elevated___S0jk-_2-1-30","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_2-1-30","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_2-1-30","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_2-1-30","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_2-1-30","textarea-grip":"magritte-textarea-grip___iL7lq_2-1-30","textareaGrip":"magritte-textarea-grip___iL7lq_2-1-30","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_2-1-30","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_2-1-30","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_2-1-30","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_2-1-30","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_2-1-30","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_2-1-30","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_2-1-30","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_2-1-30","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_2-1-30","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_2-1-30"};
17
17
 
18
18
  const MIN_HEIGHT_WITH_VISIBLE_LIMIT = 112;
19
19
  const findFlexContainer = (element) => {
package/index.css CHANGED
@@ -100,227 +100,227 @@
100
100
  --magritte-color-component-input-text-state-description-invalid-v21-4-6:#ff4d3a;
101
101
  --magritte-color-component-input-icon-grip-v21-4-6:#535353;
102
102
  }
103
- .magritte-textarea___ugvor_2-1-28{
103
+ .magritte-textarea___ugvor_2-1-30{
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-4-6);
107
107
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-4-6);
108
108
  }
109
109
  @media (min-width: 1020px){
110
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover{
110
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover{
111
111
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-4-6);
112
112
  }
113
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after{
113
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::after{
114
114
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-6);
115
115
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-6);
116
116
  border-width:1px;
117
117
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-6);
118
118
  }
119
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-position-container___cEpbv_2-1-28{
119
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-position-container___cEpbv_2-1-30{
120
120
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-6);
121
121
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-6);
122
122
  }
123
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-native-element___a0RAE_2-1-28{
123
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-native-element___a0RAE_2-1-30{
124
124
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-4-6);
125
125
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-4-6);
126
126
  opacity:1;
127
127
  }
128
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-label___sgTIH_2-1-28{
128
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-label___sgTIH_2-1-30{
129
129
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-4-6);
130
130
  }
131
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-label-elevated___0lxOI_2-1-28{
131
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-label-elevated___0lxOI_2-1-30{
132
132
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-4-6);
133
133
  }
134
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-limit___IjPJy_2-1-28{
134
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-limit___IjPJy_2-1-30{
135
135
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-6);
136
136
  }
137
- body.magritte-old-layout .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-limit___IjPJy_2-1-28{
137
+ body.magritte-old-layout .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-limit___IjPJy_2-1-30{
138
138
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v21-4-6);
139
139
  }
140
140
  }
141
141
  @media (min-width: 1024px){
142
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover{
142
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover{
143
143
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-4-6);
144
144
  }
145
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after{
145
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::after{
146
146
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-6);
147
147
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-6);
148
148
  border-width:1px;
149
149
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-6);
150
150
  }
151
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-position-container___cEpbv_2-1-28{
151
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-position-container___cEpbv_2-1-30{
152
152
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-4-6);
153
153
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-6);
154
154
  }
155
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-native-element___a0RAE_2-1-28{
155
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-native-element___a0RAE_2-1-30{
156
156
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-4-6);
157
157
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-4-6);
158
158
  opacity:1;
159
159
  }
160
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-label___sgTIH_2-1-28{
160
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-label___sgTIH_2-1-30{
161
161
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-4-6);
162
162
  }
163
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-label-elevated___0lxOI_2-1-28{
163
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-label-elevated___0lxOI_2-1-30{
164
164
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-4-6);
165
165
  }
166
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-limit___IjPJy_2-1-28{
166
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-limit___IjPJy_2-1-30{
167
167
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-4-6);
168
168
  }
169
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-28:not(.magritte-textarea-focused___eiGyC_2-1-28):not(.magritte-textarea-invalid___iKOPh_2-1-28):not(.magritte-textarea-disabled___XN0cg_2-1-28):hover .magritte-textarea-limit___IjPJy_2-1-28{
169
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_2-1-30:not(.magritte-textarea-focused___eiGyC_2-1-30):not(.magritte-textarea-invalid___iKOPh_2-1-30):not(.magritte-textarea-disabled___XN0cg_2-1-30):hover .magritte-textarea-limit___IjPJy_2-1-30{
170
170
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v21-4-6);
171
171
  }
172
172
  }
173
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28{
173
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30{
174
174
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v21-4-6);
175
175
  }
176
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after{
176
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::after{
177
177
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v21-4-6);
178
178
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v21-4-6);
179
179
  border-width:2px;
180
180
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-4-6);
181
181
  }
182
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
182
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
183
183
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v21-4-6);
184
184
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-4-6);
185
185
  }
186
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28 .magritte-native-element___a0RAE_2-1-28{
186
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30 .magritte-native-element___a0RAE_2-1-30{
187
187
  color:var(--magritte-color-component-input-text-state-content-focused-v21-4-6);
188
188
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v21-4-6);
189
189
  opacity:1;
190
190
  }
191
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28 .magritte-textarea-label___sgTIH_2-1-28{
191
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30 .magritte-textarea-label___sgTIH_2-1-30{
192
192
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-4-6);
193
193
  }
194
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28 .magritte-textarea-label-elevated___0lxOI_2-1-28{
194
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30 .magritte-textarea-label-elevated___0lxOI_2-1-30{
195
195
  color:var(--magritte-color-component-input-text-state-label-focused-v21-4-6);
196
196
  }
197
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
197
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
198
198
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-4-6);
199
199
  }
200
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
200
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
201
201
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v21-4-6);
202
202
  }
203
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28,
204
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28{
203
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30,
204
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30{
205
205
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-4-6);
206
206
  }
207
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after,
208
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after{
207
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::after,
208
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::after{
209
209
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-6);
210
210
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-6);
211
211
  border-width:2px;
212
212
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-6);
213
213
  }
214
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28,
215
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
214
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30,
215
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
216
216
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-6);
217
217
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-6);
218
218
  }
219
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-native-element___a0RAE_2-1-28,
220
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-native-element___a0RAE_2-1-28{
219
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-native-element___a0RAE_2-1-30,
220
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-native-element___a0RAE_2-1-30{
221
221
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-4-6);
222
222
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-4-6);
223
223
  opacity:1;
224
224
  }
225
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-textarea-label___sgTIH_2-1-28,
226
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-label___sgTIH_2-1-28{
225
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-textarea-label___sgTIH_2-1-30,
226
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-label___sgTIH_2-1-30{
227
227
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-4-6);
228
228
  }
229
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-textarea-label-elevated___0lxOI_2-1-28,
230
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-label-elevated___0lxOI_2-1-28{
229
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-textarea-label-elevated___0lxOI_2-1-30,
230
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-label-elevated___0lxOI_2-1-30{
231
231
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-4-6);
232
232
  }
233
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28,
234
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
233
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30,
234
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
235
235
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-6);
236
236
  }
237
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-focused___eiGyC_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
237
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-focused___eiGyC_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
238
238
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v21-4-6);
239
239
  }
240
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28{
240
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30{
241
241
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-4-6);
242
242
  }
243
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after{
243
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::after{
244
244
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-6);
245
245
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-6);
246
246
  border-width:1px;
247
247
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-6);
248
248
  }
249
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
249
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
250
250
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v21-4-6);
251
251
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-6);
252
252
  }
253
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-native-element___a0RAE_2-1-28{
253
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-native-element___a0RAE_2-1-30{
254
254
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-4-6);
255
255
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-4-6);
256
256
  opacity:1;
257
257
  }
258
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-label___sgTIH_2-1-28{
258
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-label___sgTIH_2-1-30{
259
259
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-4-6);
260
260
  }
261
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-label-elevated___0lxOI_2-1-28{
261
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-label-elevated___0lxOI_2-1-30{
262
262
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-4-6);
263
263
  }
264
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
264
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
265
265
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-4-6);
266
266
  }
267
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-limit-error___vLvZU_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
267
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-limit-error___vLvZU_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
268
268
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v21-4-6);
269
269
  }
270
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28{
270
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30{
271
271
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v21-4-6);
272
272
  }
273
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after{
273
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::after{
274
274
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v21-4-6);
275
275
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v21-4-6);
276
276
  border-width:1px;
277
277
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-4-6);
278
278
  }
279
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
279
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
280
280
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v21-4-6);
281
281
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-4-6);
282
282
  }
283
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-native-element___a0RAE_2-1-28{
283
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-native-element___a0RAE_2-1-30{
284
284
  color:var(--magritte-color-component-input-text-state-content-disabled-v21-4-6);
285
285
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v21-4-6);
286
286
  opacity:1;
287
287
  }
288
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-textarea-label___sgTIH_2-1-28{
288
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-textarea-label___sgTIH_2-1-30{
289
289
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v21-4-6);
290
290
  }
291
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-textarea-label-elevated___0lxOI_2-1-28{
291
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-textarea-label-elevated___0lxOI_2-1-30{
292
292
  color:var(--magritte-color-component-input-text-state-label-disabled-v21-4-6);
293
293
  }
294
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
294
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
295
295
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-4-6);
296
296
  }
297
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-textarea-limit___IjPJy_2-1-28{
297
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-textarea-limit___IjPJy_2-1-30{
298
298
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v21-4-6);
299
299
  }
300
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28,
301
- .magritte-textarea___ugvor_2-1-28.magritte-textarea-disabled___XN0cg_2-1-28 .magritte-native-element___a0RAE_2-1-28{
300
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30,
301
+ .magritte-textarea___ugvor_2-1-30.magritte-textarea-disabled___XN0cg_2-1-30 .magritte-native-element___a0RAE_2-1-30{
302
302
  cursor:not-allowed;
303
303
  }
304
304
  @media (prefers-reduced-motion){
305
- .magritte-textarea___ugvor_2-1-28{
305
+ .magritte-textarea___ugvor_2-1-30{
306
306
  --animation-100-duration:1ms;
307
307
  --animation-300-duration:1ms;
308
308
  }
309
309
  }
310
- .magritte-textarea-invalid___iKOPh_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28.focus-visible{
310
+ .magritte-textarea-invalid___iKOPh_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30.focus-visible{
311
311
  outline:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-4-6) solid 4px;
312
312
  }
313
- .magritte-textarea-position-container-wrapper___4Dsui_2-1-28{
313
+ .magritte-textarea-position-container-wrapper___4Dsui_2-1-30{
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-28.focus-visible{
320
+ .magritte-textarea-position-container-wrapper___4Dsui_2-1-30.focus-visible{
321
321
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-4-6) solid 4px;
322
322
  }
323
- .magritte-textarea-position-container-wrapper___4Dsui_2-1-28::after{
323
+ .magritte-textarea-position-container-wrapper___4Dsui_2-1-30::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-4-6);
336
336
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v21-4-6);
337
337
  }
338
- .magritte-native-element___a0RAE_2-1-28{
338
+ .magritte-native-element___a0RAE_2-1-30{
339
339
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-4-6);
340
340
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-4-6);
341
341
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-4-6);
@@ -355,64 +355,64 @@
355
355
  background:none;
356
356
  appearance:none;
357
357
  }
358
- .magritte-native-element___a0RAE_2-1-28:focus{
358
+ .magritte-native-element___a0RAE_2-1-30:focus{
359
359
  outline:none;
360
360
  }
361
- .magritte-min-height-48___jGf5Z_2-1-28 .magritte-native-element___a0RAE_2-1-28{
361
+ .magritte-min-height-48___jGf5Z_2-1-30 .magritte-native-element___a0RAE_2-1-30{
362
362
  min-height:calc(36px - var(--magritte-typography-label-4-regular-line-height-v21-4-6));
363
363
  }
364
- .magritte-min-height-56___2yI39_2-1-28 .magritte-native-element___a0RAE_2-1-28{
364
+ .magritte-min-height-56___2yI39_2-1-30 .magritte-native-element___a0RAE_2-1-30{
365
365
  min-height:calc(40px - var(--magritte-typography-label-4-regular-line-height-v21-4-6));
366
366
  }
367
- .magritte-min-height-default___zwRcq_2-1-28 .magritte-native-element___a0RAE_2-1-28{
367
+ .magritte-min-height-default___zwRcq_2-1-30 .magritte-native-element___a0RAE_2-1-30{
368
368
  min-height:calc(78px - var(--magritte-typography-label-4-regular-line-height-v21-4-6));
369
369
  }
370
- .magritte-textarea-limited___cU1Rg_2-1-28.magritte-min-height-48___jGf5Z_2-1-28 .magritte-native-element___a0RAE_2-1-28{
370
+ .magritte-textarea-limited___cU1Rg_2-1-30.magritte-min-height-48___jGf5Z_2-1-30 .magritte-native-element___a0RAE_2-1-30{
371
371
  min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v21-4-6));
372
372
  }
373
- .magritte-textarea-limited___cU1Rg_2-1-28.magritte-min-height-56___2yI39_2-1-28 .magritte-native-element___a0RAE_2-1-28{
373
+ .magritte-textarea-limited___cU1Rg_2-1-30.magritte-min-height-56___2yI39_2-1-30 .magritte-native-element___a0RAE_2-1-30{
374
374
  min-height:calc(22px - var(--magritte-typography-label-4-regular-line-height-v21-4-6));
375
375
  }
376
- .magritte-textarea-limited___cU1Rg_2-1-28.magritte-min-height-default___zwRcq_2-1-28 .magritte-native-element___a0RAE_2-1-28{
376
+ .magritte-textarea-limited___cU1Rg_2-1-30.magritte-min-height-default___zwRcq_2-1-30 .magritte-native-element___a0RAE_2-1-30{
377
377
  min-height:calc(64px - var(--magritte-typography-label-4-regular-line-height-v21-4-6));
378
378
  }
379
- .magritte-textarea-layout-fill-both___ERS-q_2-1-28,
380
- .magritte-textarea-layout-fill-vertical___HmNtp_2-1-28,
381
- .magritte-textarea-layout-fill-horizontal___imBH2_2-1-28{
379
+ .magritte-textarea-layout-fill-both___ERS-q_2-1-30,
380
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-1-30,
381
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-1-30{
382
382
  flex-direction:column;
383
383
  }
384
- .magritte-textarea-layout-fill-both___ERS-q_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28,
385
- .magritte-textarea-layout-fill-vertical___HmNtp_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28,
386
- .magritte-textarea-layout-fill-horizontal___imBH2_2-1-28 .magritte-textarea-position-container-wrapper___4Dsui_2-1-28{
384
+ .magritte-textarea-layout-fill-both___ERS-q_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30,
385
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30,
386
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-1-30 .magritte-textarea-position-container-wrapper___4Dsui_2-1-30{
387
387
  flex:1;
388
388
  }
389
- .magritte-textarea-layout-fill-both___ERS-q_2-1-28{
389
+ .magritte-textarea-layout-fill-both___ERS-q_2-1-30{
390
390
  width:100%;
391
391
  height:100%;
392
392
  }
393
- .magritte-textarea-layout-fill-vertical___HmNtp_2-1-28{
393
+ .magritte-textarea-layout-fill-vertical___HmNtp_2-1-30{
394
394
  height:100%;
395
395
  }
396
- .magritte-textarea-layout-fill-horizontal___imBH2_2-1-28{
396
+ .magritte-textarea-layout-fill-horizontal___imBH2_2-1-30{
397
397
  width:100%;
398
398
  }
399
- .magritte-textarea-wrapper___yD7G6_2-1-28{
399
+ .magritte-textarea-wrapper___yD7G6_2-1-30{
400
400
  display:inline-flex;
401
401
  width:100%;
402
402
  }
403
- .magritte-textarea-layout-hug___tdCMY_2-1-28{
403
+ .magritte-textarea-layout-hug___tdCMY_2-1-30{
404
404
  width:100%;
405
405
  }
406
- .magritte-textarea-layout-hug___tdCMY_2-1-28 .magritte-textarea-wrapper___yD7G6_2-1-28{
406
+ .magritte-textarea-layout-hug___tdCMY_2-1-30 .magritte-textarea-wrapper___yD7G6_2-1-30{
407
407
  display:grid;
408
408
  }
409
- .magritte-textarea-layout-hug___tdCMY_2-1-28 .magritte-textarea-wrapper___yD7G6_2-1-28::after,
410
- .magritte-textarea-layout-hug___tdCMY_2-1-28 .magritte-textarea-wrapper___yD7G6_2-1-28 .magritte-native-element___a0RAE_2-1-28{
409
+ .magritte-textarea-layout-hug___tdCMY_2-1-30 .magritte-textarea-wrapper___yD7G6_2-1-30::after,
410
+ .magritte-textarea-layout-hug___tdCMY_2-1-30 .magritte-textarea-wrapper___yD7G6_2-1-30 .magritte-native-element___a0RAE_2-1-30{
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-28 .magritte-textarea-wrapper___yD7G6_2-1-28::after{
415
+ .magritte-textarea-layout-hug___tdCMY_2-1-30 .magritte-textarea-wrapper___yD7G6_2-1-30::after{
416
416
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-4-6);
417
417
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-4-6);
418
418
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-4-6);
@@ -431,7 +431,7 @@
431
431
  white-space:pre-wrap;
432
432
  visibility:hidden;
433
433
  }
434
- .magritte-textarea-position-container___cEpbv_2-1-28{
434
+ .magritte-textarea-position-container___cEpbv_2-1-30{
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-4-6);
445
445
  }
446
- .magritte-textarea-position-container___cEpbv_2-1-28::-webkit-resizer{
446
+ .magritte-textarea-position-container___cEpbv_2-1-30::-webkit-resizer{
447
447
  display:none;
448
448
  }
449
- .magritte-textarea-elevated___S0jk-_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
449
+ .magritte-textarea-elevated___S0jk-_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
450
450
  padding-top:calc(var(--magritte-typography-label-4-regular-line-height-v21-4-6) + 18px);
451
451
  }
452
- .magritte-textarea-limited___cU1Rg_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
452
+ .magritte-textarea-limited___cU1Rg_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
453
453
  padding-bottom:30px;
454
454
  }
455
- .magritte-min-height-48___jGf5Z_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
455
+ .magritte-min-height-48___jGf5Z_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
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-28 .magritte-textarea-position-container___cEpbv_2-1-28{
460
+ .magritte-min-height-56___2yI39_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
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-28 .magritte-textarea-position-container___cEpbv_2-1-28{
465
+ .magritte-min-height-default___zwRcq_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
466
466
  min-height:112px;
467
467
  }
468
- .magritte-textarea-elevated___S0jk-_2-1-28.magritte-min-height-48___jGf5Z_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
468
+ .magritte-textarea-elevated___S0jk-_2-1-30.magritte-min-height-48___jGf5Z_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
469
469
  padding-top:22px;
470
470
  padding-bottom:4px;
471
471
  }
472
- .magritte-textarea-elevated___S0jk-_2-1-28.magritte-min-height-56___2yI39_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
472
+ .magritte-textarea-elevated___S0jk-_2-1-30.magritte-min-height-56___2yI39_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
473
473
  padding-top:26px;
474
474
  padding-bottom:8px;
475
475
  }
476
- .magritte-textarea-limited___cU1Rg_2-1-28.magritte-min-height-48___jGf5Z_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
476
+ .magritte-textarea-limited___cU1Rg_2-1-30.magritte-min-height-48___jGf5Z_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
477
477
  padding-bottom:26px;
478
478
  }
479
- .magritte-textarea-limited___cU1Rg_2-1-28.magritte-min-height-56___2yI39_2-1-28 .magritte-textarea-position-container___cEpbv_2-1-28{
479
+ .magritte-textarea-limited___cU1Rg_2-1-30.magritte-min-height-56___2yI39_2-1-30 .magritte-textarea-position-container___cEpbv_2-1-30{
480
480
  padding-bottom:30px;
481
481
  }
482
- .magritte-textarea-animation-timeout___zudbr_2-1-28,
483
- .magritte-textarea-position-container___cEpbv_2-1-28{
482
+ .magritte-textarea-animation-timeout___zudbr_2-1-30,
483
+ .magritte-textarea-position-container___cEpbv_2-1-30{
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-4-6);
487
487
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-4-6);
488
488
  }
489
- .magritte-textarea-rigging-container___-1S6i_2-1-28{
489
+ .magritte-textarea-rigging-container___-1S6i_2-1-30{
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-28{
496
+ .magritte-textarea-label___sgTIH_2-1-30{
497
497
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-4-6);
498
498
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-4-6);
499
499
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-4-6);
@@ -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-4-6);
515
515
  }
516
- .magritte-min-height-48___jGf5Z_2-1-28 .magritte-textarea-label___sgTIH_2-1-28{
516
+ .magritte-min-height-48___jGf5Z_2-1-30 .magritte-textarea-label___sgTIH_2-1-30{
517
517
  padding-top:12px;
518
518
  }
519
- .magritte-min-height-56___2yI39_2-1-28 .magritte-textarea-label___sgTIH_2-1-28{
519
+ .magritte-min-height-56___2yI39_2-1-30 .magritte-textarea-label___sgTIH_2-1-30{
520
520
  padding-top:16px;
521
521
  }
522
- .magritte-textarea-label-elevated___0lxOI_2-1-28{
522
+ .magritte-textarea-label-elevated___0lxOI_2-1-30{
523
523
  font-family:var(--magritte-typography-label-4-regular-font-family-v21-4-6);
524
524
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v21-4-6);
525
525
  line-height:var(--magritte-typography-label-4-regular-line-height-v21-4-6);
@@ -532,13 +532,13 @@
532
532
  color:var(--magritte-color-component-input-text-label-v21-4-6);
533
533
  transform:translateY(calc(var(--elevated-placeholder-gap) - var(--magritte-typography-label-2-regular-line-height-v21-4-6) / 2));
534
534
  }
535
- .magritte-min-height-48___jGf5Z_2-1-28 .magritte-textarea-label-elevated___0lxOI_2-1-28{
535
+ .magritte-min-height-48___jGf5Z_2-1-30 .magritte-textarea-label-elevated___0lxOI_2-1-30{
536
536
  --elevated-placeholder-gap:3px;
537
537
  }
538
- .magritte-min-height-56___2yI39_2-1-28 .magritte-textarea-label-elevated___0lxOI_2-1-28{
538
+ .magritte-min-height-56___2yI39_2-1-30 .magritte-textarea-label-elevated___0lxOI_2-1-30{
539
539
  --elevated-placeholder-gap:3px;
540
540
  }
541
- .magritte-textarea-limit___IjPJy_2-1-28{
541
+ .magritte-textarea-limit___IjPJy_2-1-30{
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-4-6);
550
550
  }
551
- .magritte-textarea-grip___iL7lq_2-1-28{
551
+ .magritte-textarea-grip___iL7lq_2-1-30{
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-4-6);
559
559
  }
560
- .magritte-textarea-grip-icon___YK-9w_2-1-28{
560
+ .magritte-textarea-grip-icon___YK-9w_2-1-30{
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-28{
565
+ .magritte-textarea-limit-enter___CygGz_2-1-30{
566
566
  opacity:0;
567
567
  }
568
- .magritte-textarea-limit-exit___RMp-R_2-1-28,
569
- .magritte-textarea-limit-enter-active___8vN-t_2-1-28{
568
+ .magritte-textarea-limit-exit___RMp-R_2-1-30,
569
+ .magritte-textarea-limit-enter-active___8vN-t_2-1-30{
570
570
  opacity:1;
571
571
  }
572
- .magritte-textarea-limit-enter-active___8vN-t_2-1-28{
572
+ .magritte-textarea-limit-enter-active___8vN-t_2-1-30{
573
573
  transition-property:opacity;
574
574
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-4-6);
575
575
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v21-4-6);
576
576
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v21-4-6);
577
577
  }
578
- .magritte-textarea-limit-exit-active___a5kBr_2-1-28{
578
+ .magritte-textarea-limit-exit-active___a5kBr_2-1-30{
579
579
  opacity:0;
580
580
  transition-property:opacity;
581
581
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-4-6);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "2.1.28",
3
+ "version": "2.1.30",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,12 +21,12 @@
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-use-disabled": "1.0.12",
23
23
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.7",
24
- "@hh.ru/magritte-ui-bottom-sheet": "7.2.5",
25
- "@hh.ru/magritte-ui-breakpoint": "5.0.2",
26
- "@hh.ru/magritte-ui-form-helper": "1.0.34",
27
- "@hh.ru/magritte-ui-icon": "11.0.5",
28
- "@hh.ru/magritte-ui-input": "7.2.11",
29
- "@hh.ru/magritte-ui-typography": "3.0.39"
24
+ "@hh.ru/magritte-ui-bottom-sheet": "7.2.7",
25
+ "@hh.ru/magritte-ui-breakpoint": "5.0.3",
26
+ "@hh.ru/magritte-ui-form-helper": "1.0.36",
27
+ "@hh.ru/magritte-ui-icon": "11.0.7",
28
+ "@hh.ru/magritte-ui-input": "7.2.13",
29
+ "@hh.ru/magritte-ui-typography": "3.0.41"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "classnames": ">=2.3.2",
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "262c3a6147cbd372187e5f86c28d93f7c462b502"
39
+ "gitHead": "4b44281857c0e75b982168349a52d404045c2b52"
40
40
  }