@hh.ru/magritte-ui-textarea 3.3.15 → 3.3.17

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 +110 -112
  3. package/package.json +3 -3
package/TextArea.js CHANGED
@@ -19,7 +19,7 @@ import './types.js';
19
19
  import './TextAreaGrowLimiter.js';
20
20
  import '@hh.ru/magritte-common-func-utils';
21
21
 
22
- var styles = {"textarea":"magritte-textarea___ugvor_3-3-15","textarea-elevated":"magritte-textarea-elevated___S0jk-_3-3-15","textareaElevated":"magritte-textarea-elevated___S0jk-_3-3-15","textarea-small":"magritte-textarea-small___Q-tsg_3-3-15","textareaSmall":"magritte-textarea-small___Q-tsg_3-3-15","textarea-medium":"magritte-textarea-medium___GNzAm_3-3-15","textareaMedium":"magritte-textarea-medium___GNzAm_3-3-15","textarea-large":"magritte-textarea-large___ugT-5_3-3-15","textareaLarge":"magritte-textarea-large___ugT-5_3-3-15","has-grip":"magritte-has-grip___ATMYQ_3-3-15","hasGrip":"magritte-has-grip___ATMYQ_3-3-15","textarea-limited":"magritte-textarea-limited___cU1Rg_3-3-15","textareaLimited":"magritte-textarea-limited___cU1Rg_3-3-15","maxed-height":"magritte-maxed-height___v1wYG_3-3-15","maxedHeight":"magritte-maxed-height___v1wYG_3-3-15","textarea-focused":"magritte-textarea-focused___eiGyC_3-3-15","textareaFocused":"magritte-textarea-focused___eiGyC_3-3-15","textarea-invalid":"magritte-textarea-invalid___iKOPh_3-3-15","textareaInvalid":"magritte-textarea-invalid___iKOPh_3-3-15","textarea-disabled":"magritte-textarea-disabled___XN0cg_3-3-15","textareaDisabled":"magritte-textarea-disabled___XN0cg_3-3-15","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-3-15","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-3-15","textarea-position-container":"magritte-textarea-position-container___cEpbv_3-3-15","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_3-3-15","native-element":"magritte-native-element___a0RAE_3-3-15","nativeElement":"magritte-native-element___a0RAE_3-3-15","textarea-label":"magritte-textarea-label___sgTIH_3-3-15","textareaLabel":"magritte-textarea-label___sgTIH_3-3-15","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_3-3-15","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_3-3-15","textarea-limit":"magritte-textarea-limit___IjPJy_3-3-15","textareaLimit":"magritte-textarea-limit___IjPJy_3-3-15","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_3-3-15","textareaLimitError":"magritte-textarea-limit-error___vLvZU_3-3-15","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_3-3-15","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_3-3-15","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-3-15","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-3-15","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-3-15","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-3-15","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_3-3-15","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_3-3-15","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_3-3-15","textareaWrapper":"magritte-textarea-wrapper___yD7G6_3-3-15","value-clone-wrapper":"magritte-value-clone-wrapper___2ZZvS_3-3-15","valueCloneWrapper":"magritte-value-clone-wrapper___2ZZvS_3-3-15","value-clone-container":"magritte-value-clone-container___PVM97_3-3-15","valueCloneContainer":"magritte-value-clone-container___PVM97_3-3-15","side-padding":"magritte-side-padding___O-HUP_3-3-15","sidePadding":"magritte-side-padding___O-HUP_3-3-15","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_3-3-15","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_3-3-15","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_3-3-15","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_3-3-15","label-no-wrap":"magritte-label-no-wrap___RxZ3A_3-3-15","labelNoWrap":"magritte-label-no-wrap___RxZ3A_3-3-15","textarea-grip":"magritte-textarea-grip___iL7lq_3-3-15","textareaGrip":"magritte-textarea-grip___iL7lq_3-3-15","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_3-3-15","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_3-3-15","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_3-3-15","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_3-3-15","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_3-3-15","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_3-3-15","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_3-3-15","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_3-3-15","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_3-3-15","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_3-3-15"};
22
+ var styles = {"textarea":"magritte-textarea___ugvor_3-3-17","textarea-elevated":"magritte-textarea-elevated___S0jk-_3-3-17","textareaElevated":"magritte-textarea-elevated___S0jk-_3-3-17","textarea-small":"magritte-textarea-small___Q-tsg_3-3-17","textareaSmall":"magritte-textarea-small___Q-tsg_3-3-17","textarea-medium":"magritte-textarea-medium___GNzAm_3-3-17","textareaMedium":"magritte-textarea-medium___GNzAm_3-3-17","textarea-large":"magritte-textarea-large___ugT-5_3-3-17","textareaLarge":"magritte-textarea-large___ugT-5_3-3-17","has-grip":"magritte-has-grip___ATMYQ_3-3-17","hasGrip":"magritte-has-grip___ATMYQ_3-3-17","textarea-limited":"magritte-textarea-limited___cU1Rg_3-3-17","textareaLimited":"magritte-textarea-limited___cU1Rg_3-3-17","maxed-height":"magritte-maxed-height___v1wYG_3-3-17","maxedHeight":"magritte-maxed-height___v1wYG_3-3-17","textarea-focused":"magritte-textarea-focused___eiGyC_3-3-17","textareaFocused":"magritte-textarea-focused___eiGyC_3-3-17","textarea-invalid":"magritte-textarea-invalid___iKOPh_3-3-17","textareaInvalid":"magritte-textarea-invalid___iKOPh_3-3-17","textarea-disabled":"magritte-textarea-disabled___XN0cg_3-3-17","textareaDisabled":"magritte-textarea-disabled___XN0cg_3-3-17","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-3-17","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-3-17","textarea-position-container":"magritte-textarea-position-container___cEpbv_3-3-17","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_3-3-17","native-element":"magritte-native-element___a0RAE_3-3-17","nativeElement":"magritte-native-element___a0RAE_3-3-17","textarea-label":"magritte-textarea-label___sgTIH_3-3-17","textareaLabel":"magritte-textarea-label___sgTIH_3-3-17","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_3-3-17","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_3-3-17","textarea-limit":"magritte-textarea-limit___IjPJy_3-3-17","textareaLimit":"magritte-textarea-limit___IjPJy_3-3-17","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_3-3-17","textareaLimitError":"magritte-textarea-limit-error___vLvZU_3-3-17","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_3-3-17","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_3-3-17","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-3-17","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-3-17","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-3-17","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-3-17","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_3-3-17","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_3-3-17","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_3-3-17","textareaWrapper":"magritte-textarea-wrapper___yD7G6_3-3-17","value-clone-wrapper":"magritte-value-clone-wrapper___2ZZvS_3-3-17","valueCloneWrapper":"magritte-value-clone-wrapper___2ZZvS_3-3-17","value-clone-container":"magritte-value-clone-container___PVM97_3-3-17","valueCloneContainer":"magritte-value-clone-container___PVM97_3-3-17","side-padding":"magritte-side-padding___O-HUP_3-3-17","sidePadding":"magritte-side-padding___O-HUP_3-3-17","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_3-3-17","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_3-3-17","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_3-3-17","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_3-3-17","label-no-wrap":"magritte-label-no-wrap___RxZ3A_3-3-17","labelNoWrap":"magritte-label-no-wrap___RxZ3A_3-3-17","textarea-grip":"magritte-textarea-grip___iL7lq_3-3-17","textareaGrip":"magritte-textarea-grip___iL7lq_3-3-17","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_3-3-17","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_3-3-17","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_3-3-17","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_3-3-17","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_3-3-17","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_3-3-17","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_3-3-17","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_3-3-17","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_3-3-17","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_3-3-17"};
23
23
 
24
24
  const ZERO_WIDTH_SPACE = '\u200B';
25
25
  const TextAreaComponent = ({ onChange, onFocus, onBlur, onValidate, value, placeholder, disabled = false, elevatePlaceholder = false, invalid = false, invalidLimit = false, maxLength, description, errorMessage, resize = 'none', layout = 'fixed', size = 'large', minHeight: _minHeight, maxHeight, 'aria-describedby': ariaDescribedBy, ...restProps }, ref) => {
package/index.css CHANGED
@@ -84,7 +84,7 @@
84
84
  .magritte-zp-day-theme{
85
85
  --magritte-color-component-input-stroke-state-field-focused-v24-6-0:#7195AF;
86
86
  }
87
- .magritte-textarea___ugvor_3-3-15{
87
+ .magritte-textarea___ugvor_3-3-17{
88
88
  display:inline-flex;
89
89
  flex-flow:column;
90
90
  --magritte-ui-textarea-vertical-offset:0px;
@@ -92,229 +92,229 @@
92
92
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-6-0);
93
93
  --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-6-0);
94
94
  }
95
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-elevated___S0jk-_3-3-15{
95
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-elevated___S0jk-_3-3-17{
96
96
  --magritte-ui-textarea-vertical-offset:calc(18px * 0.5);
97
97
  }
98
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-small___Q-tsg_3-3-15{
98
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-small___Q-tsg_3-3-17{
99
99
  --magritte-ui-textarea-vertical-padding:10px;
100
100
  }
101
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-medium___GNzAm_3-3-15{
101
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-medium___GNzAm_3-3-17{
102
102
  --magritte-ui-textarea-vertical-padding:12px;
103
103
  }
104
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-large___ugT-5_3-3-15{
104
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-large___ugT-5_3-3-17{
105
105
  --magritte-ui-textarea-vertical-padding:16px;
106
106
  }
107
- .magritte-textarea___ugvor_3-3-15.magritte-has-grip___ATMYQ_3-3-15{
107
+ .magritte-textarea___ugvor_3-3-17.magritte-has-grip___ATMYQ_3-3-17{
108
108
  --magritte-ui-textarea-additional-bottom-padding:18px;
109
109
  }
110
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-limited___cU1Rg_3-3-15{
110
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-limited___cU1Rg_3-3-17{
111
111
  --magritte-ui-textarea-additional-bottom-padding:20px + 8px;
112
112
  }
113
- .magritte-textarea___ugvor_3-3-15.magritte-maxed-height___v1wYG_3-3-15.magritte-textarea-elevated___S0jk-_3-3-15{
113
+ .magritte-textarea___ugvor_3-3-17.magritte-maxed-height___v1wYG_3-3-17.magritte-textarea-elevated___S0jk-_3-3-17{
114
114
  --magritte-ui-textarea-bottom-padding:calc(12px + var(--magritte-ui-textarea-vertical-offset));
115
115
  }
116
116
  @media (min-width: 1020px){
117
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover{
117
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover{
118
118
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v24-6-0);
119
119
  }
120
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
120
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
121
121
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v24-6-0);
122
122
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v24-6-0);
123
123
  border-width:1px;
124
124
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-6-0);
125
125
  }
126
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-position-container___cEpbv_3-3-15{
126
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-position-container___cEpbv_3-3-17{
127
127
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-6-0);
128
128
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-6-0);
129
129
  }
130
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-native-element___a0RAE_3-3-15{
130
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-native-element___a0RAE_3-3-17{
131
131
  color:var(--magritte-color-component-input-text-state-content-hovered-v24-6-0);
132
132
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v24-6-0);
133
133
  opacity:1;
134
134
  }
135
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-label___sgTIH_3-3-15{
135
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-label___sgTIH_3-3-17{
136
136
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-6-0);
137
137
  }
138
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-label-elevated___0lxOI_3-3-15{
138
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-label-elevated___0lxOI_3-3-17{
139
139
  color:var(--magritte-color-component-input-text-state-label-hovered-v24-6-0);
140
140
  }
141
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-limit___IjPJy_3-3-15{
141
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-limit___IjPJy_3-3-17{
142
142
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-6-0);
143
143
  }
144
- body.magritte-old-layout .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-limit___IjPJy_3-3-15{
144
+ body.magritte-old-layout .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-limit___IjPJy_3-3-17{
145
145
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v24-6-0);
146
146
  }
147
147
  }
148
148
  @media (min-width: 1024px){
149
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover{
149
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover{
150
150
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v24-6-0);
151
151
  }
152
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
152
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
153
153
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v24-6-0);
154
154
  border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v24-6-0);
155
155
  border-width:1px;
156
156
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-6-0);
157
157
  }
158
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-position-container___cEpbv_3-3-15{
158
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-position-container___cEpbv_3-3-17{
159
159
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v24-6-0);
160
160
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-6-0);
161
161
  }
162
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-native-element___a0RAE_3-3-15{
162
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-native-element___a0RAE_3-3-17{
163
163
  color:var(--magritte-color-component-input-text-state-content-hovered-v24-6-0);
164
164
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v24-6-0);
165
165
  opacity:1;
166
166
  }
167
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-label___sgTIH_3-3-15{
167
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-label___sgTIH_3-3-17{
168
168
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v24-6-0);
169
169
  }
170
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-label-elevated___0lxOI_3-3-15{
170
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-label-elevated___0lxOI_3-3-17{
171
171
  color:var(--magritte-color-component-input-text-state-label-hovered-v24-6-0);
172
172
  }
173
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-limit___IjPJy_3-3-15{
173
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-limit___IjPJy_3-3-17{
174
174
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v24-6-0);
175
175
  }
176
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-15:not(.magritte-textarea-focused___eiGyC_3-3-15):not(.magritte-textarea-invalid___iKOPh_3-3-15):not(.magritte-textarea-disabled___XN0cg_3-3-15):hover .magritte-textarea-limit___IjPJy_3-3-15{
176
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-3-17:not(.magritte-textarea-focused___eiGyC_3-3-17):not(.magritte-textarea-invalid___iKOPh_3-3-17):not(.magritte-textarea-disabled___XN0cg_3-3-17):hover .magritte-textarea-limit___IjPJy_3-3-17{
177
177
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v24-6-0);
178
178
  }
179
179
  }
180
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15{
180
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17{
181
181
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v24-6-0);
182
182
  }
183
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
183
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
184
184
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v24-6-0);
185
185
  border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v24-6-0);
186
186
  border-width:2px;
187
187
  background-color:var(--magritte-color-component-input-background-state-field-focused-v24-6-0);
188
188
  }
189
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15{
189
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17{
190
190
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v24-6-0);
191
191
  background-color:var(--magritte-color-component-input-background-state-field-focused-v24-6-0);
192
192
  }
193
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15 .magritte-native-element___a0RAE_3-3-15{
193
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17 .magritte-native-element___a0RAE_3-3-17{
194
194
  color:var(--magritte-color-component-input-text-state-content-focused-v24-6-0);
195
195
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v24-6-0);
196
196
  opacity:1;
197
197
  }
198
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15 .magritte-textarea-label___sgTIH_3-3-15{
198
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17 .magritte-textarea-label___sgTIH_3-3-17{
199
199
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v24-6-0);
200
200
  }
201
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15 .magritte-textarea-label-elevated___0lxOI_3-3-15{
201
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17 .magritte-textarea-label-elevated___0lxOI_3-3-17{
202
202
  color:var(--magritte-color-component-input-text-state-label-focused-v24-6-0);
203
203
  }
204
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
204
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
205
205
  background-color:var(--magritte-color-component-input-background-state-field-focused-v24-6-0);
206
206
  }
207
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
207
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
208
208
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v24-6-0);
209
209
  }
210
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15,
211
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15{
210
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17,
211
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17{
212
212
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v24-6-0);
213
213
  }
214
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after,
215
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
214
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after,
215
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
216
216
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v24-6-0);
217
217
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v24-6-0);
218
218
  border-width:2px;
219
219
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-6-0);
220
220
  }
221
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15,
222
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15{
221
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17,
222
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17{
223
223
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v24-6-0);
224
224
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-6-0);
225
225
  }
226
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-native-element___a0RAE_3-3-15,
227
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-native-element___a0RAE_3-3-15{
226
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-native-element___a0RAE_3-3-17,
227
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-native-element___a0RAE_3-3-17{
228
228
  color:var(--magritte-color-component-input-text-state-content-invalid-v24-6-0);
229
229
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v24-6-0);
230
230
  opacity:1;
231
231
  }
232
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-label___sgTIH_3-3-15,
233
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-label___sgTIH_3-3-15{
232
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-label___sgTIH_3-3-17,
233
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-label___sgTIH_3-3-17{
234
234
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v24-6-0);
235
235
  }
236
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-label-elevated___0lxOI_3-3-15,
237
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-label-elevated___0lxOI_3-3-15{
236
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-label-elevated___0lxOI_3-3-17,
237
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-label-elevated___0lxOI_3-3-17{
238
238
  color:var(--magritte-color-component-input-text-state-label-invalid-v24-6-0);
239
239
  }
240
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15,
241
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
240
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17,
241
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
242
242
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-6-0);
243
243
  }
244
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-focused___eiGyC_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
244
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-focused___eiGyC_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
245
245
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v24-6-0);
246
246
  }
247
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15{
247
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17{
248
248
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v24-6-0);
249
249
  }
250
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
250
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
251
251
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v24-6-0);
252
252
  border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v24-6-0);
253
253
  border-width:1px;
254
254
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-6-0);
255
255
  }
256
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15{
256
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17{
257
257
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v24-6-0);
258
258
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-6-0);
259
259
  }
260
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-native-element___a0RAE_3-3-15{
260
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-native-element___a0RAE_3-3-17{
261
261
  color:var(--magritte-color-component-input-text-state-content-invalid-v24-6-0);
262
262
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v24-6-0);
263
263
  opacity:1;
264
264
  }
265
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-label___sgTIH_3-3-15{
265
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-label___sgTIH_3-3-17{
266
266
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v24-6-0);
267
267
  }
268
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-label-elevated___0lxOI_3-3-15{
268
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-label-elevated___0lxOI_3-3-17{
269
269
  color:var(--magritte-color-component-input-text-state-label-invalid-v24-6-0);
270
270
  }
271
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
271
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
272
272
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v24-6-0);
273
273
  }
274
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
274
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
275
275
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v24-6-0);
276
276
  }
277
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15{
277
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17{
278
278
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v24-6-0);
279
279
  }
280
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
280
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
281
281
  border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v24-6-0);
282
282
  border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v24-6-0);
283
283
  border-width:1px;
284
284
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v24-6-0);
285
285
  }
286
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15{
286
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17{
287
287
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v24-6-0);
288
288
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v24-6-0);
289
289
  }
290
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-native-element___a0RAE_3-3-15{
290
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-native-element___a0RAE_3-3-17{
291
291
  color:var(--magritte-color-component-input-text-state-content-disabled-v24-6-0);
292
292
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v24-6-0);
293
293
  opacity:1;
294
294
  }
295
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-textarea-label___sgTIH_3-3-15{
295
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-textarea-label___sgTIH_3-3-17{
296
296
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v24-6-0);
297
297
  }
298
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-textarea-label-elevated___0lxOI_3-3-15{
298
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-textarea-label-elevated___0lxOI_3-3-17{
299
299
  color:var(--magritte-color-component-input-text-state-label-disabled-v24-6-0);
300
300
  }
301
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
301
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
302
302
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v24-6-0);
303
303
  }
304
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-textarea-limit___IjPJy_3-3-15{
304
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-textarea-limit___IjPJy_3-3-17{
305
305
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v24-6-0);
306
306
  }
307
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15,
308
- .magritte-textarea___ugvor_3-3-15.magritte-textarea-disabled___XN0cg_3-3-15 .magritte-native-element___a0RAE_3-3-15{
307
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17,
308
+ .magritte-textarea___ugvor_3-3-17.magritte-textarea-disabled___XN0cg_3-3-17 .magritte-native-element___a0RAE_3-3-17{
309
309
  cursor:not-allowed;
310
310
  }
311
311
  @media (prefers-reduced-motion){
312
- .magritte-textarea___ugvor_3-3-15{
312
+ .magritte-textarea___ugvor_3-3-17{
313
313
  --animation-100-duration:1ms;
314
314
  --animation-300-duration:1ms;
315
315
  }
316
316
  }
317
- .magritte-textarea-position-container-wrapper___4Dsui_3-3-15{
317
+ .magritte-textarea-position-container-wrapper___4Dsui_3-3-17{
318
318
  display:inline-flex;
319
319
  position:relative;
320
320
  overflow:hidden;
@@ -322,14 +322,14 @@
322
322
  border-radius:12px;
323
323
  --magritte-ui-scrollbar-border-radius:12px;
324
324
  }
325
- .magritte-textarea-position-container-wrapper___4Dsui_3-3-15.focus-visible{
325
+ .magritte-textarea-position-container-wrapper___4Dsui_3-3-17.focus-visible{
326
326
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v24-6-0) solid 4px;
327
327
  }
328
- .magritte-textarea-invalid___iKOPh_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15.focus-visible,
329
- .magritte-textarea-limit-error___vLvZU_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15.focus-visible{
328
+ .magritte-textarea-invalid___iKOPh_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17.focus-visible,
329
+ .magritte-textarea-limit-error___vLvZU_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17.focus-visible{
330
330
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v24-6-0);
331
331
  }
332
- .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
332
+ .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
333
333
  display:none;
334
334
  pointer-events:none;
335
335
  user-select:none;
@@ -344,10 +344,10 @@
344
344
  border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v24-6-0);
345
345
  border-right:1px solid var(--magritte-color-component-input-stroke-field-v24-6-0);
346
346
  }
347
- .magritte-has-grip___ATMYQ_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15::after{
347
+ .magritte-has-grip___ATMYQ_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17::after{
348
348
  display:block;
349
349
  }
350
- .magritte-native-element___a0RAE_3-3-15{
350
+ .magritte-native-element___a0RAE_3-3-17{
351
351
  box-sizing:border-box;
352
352
  border:0;
353
353
  width:100%;
@@ -357,7 +357,6 @@
357
357
  transform:translateY(var(--magritte-ui-textarea-vertical-offset));
358
358
  border-bottom:calc(var(--magritte-ui-textarea-additional-bottom-padding) - var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding)) + var(--magritte-ui-textarea-vertical-offset)) solid transparent;
359
359
  overflow:auto;
360
- overscroll-behavior:none;
361
360
  scrollbar-width:none;
362
361
  font-family:"hh sans";
363
362
  font-weight:400;
@@ -376,11 +375,11 @@
376
375
  background:none;
377
376
  appearance:none;
378
377
  }
379
- .magritte-native-element___a0RAE_3-3-15::-webkit-scrollbar{
378
+ .magritte-native-element___a0RAE_3-3-17::-webkit-scrollbar{
380
379
  display:none;
381
380
  }
382
- .magritte-textarea-medium___GNzAm_3-3-15 .magritte-native-element___a0RAE_3-3-15,
383
- .magritte-textarea-large___ugT-5_3-3-15 .magritte-native-element___a0RAE_3-3-15{
381
+ .magritte-textarea-medium___GNzAm_3-3-17 .magritte-native-element___a0RAE_3-3-17,
382
+ .magritte-textarea-large___ugT-5_3-3-17 .magritte-native-element___a0RAE_3-3-17{
384
383
  font-family:"hh sans";
385
384
  font-weight:400;
386
385
  line-height:22px;
@@ -390,45 +389,45 @@
390
389
  text-transform:none;
391
390
  text-decoration:none;
392
391
  }
393
- .magritte-native-element___a0RAE_3-3-15:focus{
392
+ .magritte-native-element___a0RAE_3-3-17:focus{
394
393
  outline:none;
395
394
  }
396
- .magritte-textarea-layout-fill-both___ERS-q_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15,
397
- .magritte-textarea-layout-fill-vertical___HmNtp_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15,
398
- .magritte-textarea-layout-fill-horizontal___imBH2_3-3-15 .magritte-textarea-position-container-wrapper___4Dsui_3-3-15{
395
+ .magritte-textarea-layout-fill-both___ERS-q_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17,
396
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17,
397
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-3-17 .magritte-textarea-position-container-wrapper___4Dsui_3-3-17{
399
398
  flex:1;
400
399
  }
401
- .magritte-textarea-layout-fill-both___ERS-q_3-3-15{
400
+ .magritte-textarea-layout-fill-both___ERS-q_3-3-17{
402
401
  width:100%;
403
402
  height:100%;
404
403
  }
405
- .magritte-textarea-layout-fill-vertical___HmNtp_3-3-15{
404
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-3-17{
406
405
  height:100%;
407
406
  }
408
- .magritte-textarea-layout-fill-horizontal___imBH2_3-3-15,
409
- .magritte-textarea-layout-hug___tdCMY_3-3-15{
407
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-3-17,
408
+ .magritte-textarea-layout-hug___tdCMY_3-3-17{
410
409
  width:100%;
411
410
  }
412
411
  @media (min-width: 1020px){
413
- body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15{
412
+ body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17{
414
413
  max-height:var(--magritte-textarea-max-height, auto);
415
414
  }
416
415
  }
417
416
  @media (min-width: 1024px){
418
- body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-3-15 .magritte-textarea-position-container___cEpbv_3-3-15{
417
+ body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-3-17 .magritte-textarea-position-container___cEpbv_3-3-17{
419
418
  max-height:var(--magritte-textarea-max-height, auto);
420
419
  }
421
420
  }
422
- .magritte-textarea-wrapper___yD7G6_3-3-15{
421
+ .magritte-textarea-wrapper___yD7G6_3-3-17{
423
422
  display:grid;
424
423
  width:100%;
425
424
  }
426
- .magritte-value-clone-wrapper___2ZZvS_3-3-15{
425
+ .magritte-value-clone-wrapper___2ZZvS_3-3-17{
427
426
  grid-area:1 / 1 / 2 / 2;
428
427
  min-height:0;
429
428
  overflow:hidden;
430
429
  }
431
- .magritte-value-clone-container___PVM97_3-3-15{
430
+ .magritte-value-clone-container___PVM97_3-3-17{
432
431
  margin:0;
433
432
  box-sizing:border-box;
434
433
  border:0;
@@ -439,7 +438,6 @@
439
438
  transform:translateY(var(--magritte-ui-textarea-vertical-offset));
440
439
  border-bottom:calc(var(--magritte-ui-textarea-additional-bottom-padding) - var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding)) + var(--magritte-ui-textarea-vertical-offset)) solid transparent;
441
440
  overflow:auto;
442
- overscroll-behavior:none;
443
441
  scrollbar-width:none;
444
442
  font-family:"hh sans";
445
443
  font-weight:400;
@@ -457,11 +455,11 @@
457
455
  visibility:hidden;
458
456
  pointer-events:none;
459
457
  }
460
- .magritte-value-clone-container___PVM97_3-3-15::-webkit-scrollbar{
458
+ .magritte-value-clone-container___PVM97_3-3-17::-webkit-scrollbar{
461
459
  display:none;
462
460
  }
463
- .magritte-textarea-medium___GNzAm_3-3-15 .magritte-value-clone-container___PVM97_3-3-15,
464
- .magritte-textarea-large___ugT-5_3-3-15 .magritte-value-clone-container___PVM97_3-3-15{
461
+ .magritte-textarea-medium___GNzAm_3-3-17 .magritte-value-clone-container___PVM97_3-3-17,
462
+ .magritte-textarea-large___ugT-5_3-3-17 .magritte-value-clone-container___PVM97_3-3-17{
465
463
  font-family:"hh sans";
466
464
  font-weight:400;
467
465
  line-height:22px;
@@ -471,16 +469,16 @@
471
469
  text-transform:none;
472
470
  text-decoration:none;
473
471
  }
474
- .magritte-textarea-small___Q-tsg_3-3-15 .magritte-side-padding___O-HUP_3-3-15{
472
+ .magritte-textarea-small___Q-tsg_3-3-17 .magritte-side-padding___O-HUP_3-3-17{
475
473
  padding:0 calc(12px - 2px);
476
474
  }
477
- .magritte-textarea-medium___GNzAm_3-3-15 .magritte-side-padding___O-HUP_3-3-15{
475
+ .magritte-textarea-medium___GNzAm_3-3-17 .magritte-side-padding___O-HUP_3-3-17{
478
476
  padding:0 calc(16px - 2px);
479
477
  }
480
- .magritte-textarea-large___ugT-5_3-3-15 .magritte-side-padding___O-HUP_3-3-15{
478
+ .magritte-textarea-large___ugT-5_3-3-17 .magritte-side-padding___O-HUP_3-3-17{
481
479
  padding:0 calc(16px - 2px);
482
480
  }
483
- .magritte-textarea-position-container___cEpbv_3-3-15{
481
+ .magritte-textarea-position-container___cEpbv_3-3-17{
484
482
  display:inline-flex;
485
483
  overflow:hidden;
486
484
  position:relative;
@@ -492,19 +490,19 @@
492
490
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v24-6-0);
493
491
  padding:var(--magritte-ui-textarea-vertical-padding) 2px var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding));
494
492
  }
495
- .magritte-textarea-animation-timeout___zudbr_3-3-15,
496
- .magritte-textarea-position-container___cEpbv_3-3-15{
493
+ .magritte-textarea-animation-timeout___zudbr_3-3-17,
494
+ .magritte-textarea-position-container___cEpbv_3-3-17{
497
495
  transition-property:transform, color, font-size, letter-spacing;
498
496
  transition-duration:var(--animation-100-duration);
499
497
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-6-0);
500
498
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-6-0);
501
499
  }
502
- .magritte-textarea-rigging-container___-1S6i_3-3-15{
500
+ .magritte-textarea-rigging-container___-1S6i_3-3-17{
503
501
  position:relative;
504
502
  pointer-events:none;
505
503
  grid-area:1 / 1 / 2 / 2;
506
504
  }
507
- .magritte-textarea-label___sgTIH_3-3-15{
505
+ .magritte-textarea-label___sgTIH_3-3-17{
508
506
  font-family:"hh sans";
509
507
  font-weight:400;
510
508
  line-height:22px;
@@ -522,10 +520,10 @@
522
520
  transition-duration:var(--animation-100-duration);
523
521
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v24-6-0);
524
522
  }
525
- .magritte-label-no-wrap___RxZ3A_3-3-15{
523
+ .magritte-label-no-wrap___RxZ3A_3-3-17{
526
524
  white-space:nowrap;
527
525
  }
528
- .magritte-textarea-label-elevated___0lxOI_3-3-15{
526
+ .magritte-textarea-label-elevated___0lxOI_3-3-17{
529
527
  font-family:"hh sans";
530
528
  font-weight:400;
531
529
  line-height:18px;
@@ -537,7 +535,7 @@
537
535
  color:var(--magritte-color-component-input-text-label-v24-6-0);
538
536
  transform:translateY(calc(18px * -0.5));
539
537
  }
540
- .magritte-textarea-limit___IjPJy_3-3-15{
538
+ .magritte-textarea-limit___IjPJy_3-3-17{
541
539
  position:absolute;
542
540
  bottom:8px;
543
541
  right:12px;
@@ -548,7 +546,7 @@
548
546
  z-index:1;
549
547
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v24-6-0);
550
548
  }
551
- .magritte-textarea-grip___iL7lq_3-3-15{
549
+ .magritte-textarea-grip___iL7lq_3-3-17{
552
550
  position:absolute;
553
551
  pointer-events:none;
554
552
  display:inline-flex;
@@ -557,25 +555,25 @@
557
555
  border-bottom-right-radius:12px;
558
556
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v24-6-0);
559
557
  }
560
- .magritte-textarea-grip-icon___YK-9w_3-3-15{
558
+ .magritte-textarea-grip-icon___YK-9w_3-3-17{
561
559
  display:inline-flex;
562
560
  z-index:1;
563
561
  }
564
562
  @media (prefers-reduced-motion: no-preference){
565
- .magritte-textarea-limit-enter___CygGz_3-3-15{
563
+ .magritte-textarea-limit-enter___CygGz_3-3-17{
566
564
  opacity:0;
567
565
  }
568
- .magritte-textarea-limit-exit___RMp-R_3-3-15,
569
- .magritte-textarea-limit-enter-active___8vN-t_3-3-15{
566
+ .magritte-textarea-limit-exit___RMp-R_3-3-17,
567
+ .magritte-textarea-limit-enter-active___8vN-t_3-3-17{
570
568
  opacity:1;
571
569
  }
572
- .magritte-textarea-limit-enter-active___8vN-t_3-3-15{
570
+ .magritte-textarea-limit-enter-active___8vN-t_3-3-17{
573
571
  transition-property:opacity;
574
572
  transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-6-0);
575
573
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-6-0);
576
574
  --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v24-6-0);
577
575
  }
578
- .magritte-textarea-limit-exit-active___a5kBr_3-3-15{
576
+ .magritte-textarea-limit-exit-active___a5kBr_3-3-17{
579
577
  opacity:0;
580
578
  transition-property:opacity;
581
579
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v24-6-0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "3.3.15",
3
+ "version": "3.3.17",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -27,7 +27,7 @@
27
27
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
28
28
  "@hh.ru/magritte-ui-form-helper": "2.1.7",
29
29
  "@hh.ru/magritte-ui-icon": "14.2.1",
30
- "@hh.ru/magritte-ui-input": "9.4.15",
30
+ "@hh.ru/magritte-ui-input": "9.4.16",
31
31
  "@hh.ru/magritte-ui-scrollbar": "1.0.22",
32
32
  "@hh.ru/magritte-ui-typography": "5.1.0"
33
33
  },
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "ace8e156de2c5d2d5a3c2a7f1a66a49ca5a04817"
42
+ "gitHead": "2da057f9cb198f4dede98e884e676f41e15e8a43"
43
43
  }