@hh.ru/magritte-ui-textarea 3.0.2 → 3.0.4

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 +402 -402
  3. package/package.json +11 -11
package/TextArea.js CHANGED
@@ -18,7 +18,7 @@ import './TextAreaGrowLimiter.js';
18
18
  import '@hh.ru/magritte-common-func-utils';
19
19
  import './types.js';
20
20
 
21
- var styles = {"textarea":"magritte-textarea___ugvor_3-0-2","textarea-elevated":"magritte-textarea-elevated___S0jk-_3-0-2","textareaElevated":"magritte-textarea-elevated___S0jk-_3-0-2","textarea-small":"magritte-textarea-small___Q-tsg_3-0-2","textareaSmall":"magritte-textarea-small___Q-tsg_3-0-2","textarea-medium":"magritte-textarea-medium___GNzAm_3-0-2","textareaMedium":"magritte-textarea-medium___GNzAm_3-0-2","textarea-large":"magritte-textarea-large___ugT-5_3-0-2","textareaLarge":"magritte-textarea-large___ugT-5_3-0-2","has-grip":"magritte-has-grip___ATMYQ_3-0-2","hasGrip":"magritte-has-grip___ATMYQ_3-0-2","textarea-limited":"magritte-textarea-limited___cU1Rg_3-0-2","textareaLimited":"magritte-textarea-limited___cU1Rg_3-0-2","maxed-height":"magritte-maxed-height___v1wYG_3-0-2","maxedHeight":"magritte-maxed-height___v1wYG_3-0-2","textarea-focused":"magritte-textarea-focused___eiGyC_3-0-2","textareaFocused":"magritte-textarea-focused___eiGyC_3-0-2","textarea-invalid":"magritte-textarea-invalid___iKOPh_3-0-2","textareaInvalid":"magritte-textarea-invalid___iKOPh_3-0-2","textarea-disabled":"magritte-textarea-disabled___XN0cg_3-0-2","textareaDisabled":"magritte-textarea-disabled___XN0cg_3-0-2","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-2","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-2","textarea-position-container":"magritte-textarea-position-container___cEpbv_3-0-2","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_3-0-2","native-element":"magritte-native-element___a0RAE_3-0-2","nativeElement":"magritte-native-element___a0RAE_3-0-2","textarea-label":"magritte-textarea-label___sgTIH_3-0-2","textareaLabel":"magritte-textarea-label___sgTIH_3-0-2","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_3-0-2","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_3-0-2","textarea-limit":"magritte-textarea-limit___IjPJy_3-0-2","textareaLimit":"magritte-textarea-limit___IjPJy_3-0-2","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_3-0-2","textareaLimitError":"magritte-textarea-limit-error___vLvZU_3-0-2","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_3-0-2","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_3-0-2","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-2","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-2","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-2","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-2","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_3-0-2","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_3-0-2","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_3-0-2","textareaWrapper":"magritte-textarea-wrapper___yD7G6_3-0-2","value-clone-wrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-2","valueCloneWrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-2","value-clone-container":"magritte-value-clone-container___PVM97_3-0-2","valueCloneContainer":"magritte-value-clone-container___PVM97_3-0-2","side-padding":"magritte-side-padding___O-HUP_3-0-2","sidePadding":"magritte-side-padding___O-HUP_3-0-2","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_3-0-2","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_3-0-2","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_3-0-2","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_3-0-2","label-no-wrap":"magritte-label-no-wrap___RxZ3A_3-0-2","labelNoWrap":"magritte-label-no-wrap___RxZ3A_3-0-2","textarea-grip":"magritte-textarea-grip___iL7lq_3-0-2","textareaGrip":"magritte-textarea-grip___iL7lq_3-0-2","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_3-0-2","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_3-0-2","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_3-0-2","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_3-0-2","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_3-0-2","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_3-0-2","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_3-0-2","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_3-0-2","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_3-0-2","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_3-0-2"};
21
+ var styles = {"textarea":"magritte-textarea___ugvor_3-0-4","textarea-elevated":"magritte-textarea-elevated___S0jk-_3-0-4","textareaElevated":"magritte-textarea-elevated___S0jk-_3-0-4","textarea-small":"magritte-textarea-small___Q-tsg_3-0-4","textareaSmall":"magritte-textarea-small___Q-tsg_3-0-4","textarea-medium":"magritte-textarea-medium___GNzAm_3-0-4","textareaMedium":"magritte-textarea-medium___GNzAm_3-0-4","textarea-large":"magritte-textarea-large___ugT-5_3-0-4","textareaLarge":"magritte-textarea-large___ugT-5_3-0-4","has-grip":"magritte-has-grip___ATMYQ_3-0-4","hasGrip":"magritte-has-grip___ATMYQ_3-0-4","textarea-limited":"magritte-textarea-limited___cU1Rg_3-0-4","textareaLimited":"magritte-textarea-limited___cU1Rg_3-0-4","maxed-height":"magritte-maxed-height___v1wYG_3-0-4","maxedHeight":"magritte-maxed-height___v1wYG_3-0-4","textarea-focused":"magritte-textarea-focused___eiGyC_3-0-4","textareaFocused":"magritte-textarea-focused___eiGyC_3-0-4","textarea-invalid":"magritte-textarea-invalid___iKOPh_3-0-4","textareaInvalid":"magritte-textarea-invalid___iKOPh_3-0-4","textarea-disabled":"magritte-textarea-disabled___XN0cg_3-0-4","textareaDisabled":"magritte-textarea-disabled___XN0cg_3-0-4","textarea-position-container-wrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-4","textareaPositionContainerWrapper":"magritte-textarea-position-container-wrapper___4Dsui_3-0-4","textarea-position-container":"magritte-textarea-position-container___cEpbv_3-0-4","textareaPositionContainer":"magritte-textarea-position-container___cEpbv_3-0-4","native-element":"magritte-native-element___a0RAE_3-0-4","nativeElement":"magritte-native-element___a0RAE_3-0-4","textarea-label":"magritte-textarea-label___sgTIH_3-0-4","textareaLabel":"magritte-textarea-label___sgTIH_3-0-4","textarea-label-elevated":"magritte-textarea-label-elevated___0lxOI_3-0-4","textareaLabelElevated":"magritte-textarea-label-elevated___0lxOI_3-0-4","textarea-limit":"magritte-textarea-limit___IjPJy_3-0-4","textareaLimit":"magritte-textarea-limit___IjPJy_3-0-4","textarea-limit-error":"magritte-textarea-limit-error___vLvZU_3-0-4","textareaLimitError":"magritte-textarea-limit-error___vLvZU_3-0-4","textarea-layout-fill-both":"magritte-textarea-layout-fill-both___ERS-q_3-0-4","textareaLayoutFillBoth":"magritte-textarea-layout-fill-both___ERS-q_3-0-4","textarea-layout-fill-vertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-4","textareaLayoutFillVertical":"magritte-textarea-layout-fill-vertical___HmNtp_3-0-4","textarea-layout-fill-horizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-4","textareaLayoutFillHorizontal":"magritte-textarea-layout-fill-horizontal___imBH2_3-0-4","textarea-layout-hug":"magritte-textarea-layout-hug___tdCMY_3-0-4","textareaLayoutHug":"magritte-textarea-layout-hug___tdCMY_3-0-4","textarea-wrapper":"magritte-textarea-wrapper___yD7G6_3-0-4","textareaWrapper":"magritte-textarea-wrapper___yD7G6_3-0-4","value-clone-wrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-4","valueCloneWrapper":"magritte-value-clone-wrapper___2ZZvS_3-0-4","value-clone-container":"magritte-value-clone-container___PVM97_3-0-4","valueCloneContainer":"magritte-value-clone-container___PVM97_3-0-4","side-padding":"magritte-side-padding___O-HUP_3-0-4","sidePadding":"magritte-side-padding___O-HUP_3-0-4","textarea-animation-timeout":"magritte-textarea-animation-timeout___zudbr_3-0-4","textareaAnimationTimeout":"magritte-textarea-animation-timeout___zudbr_3-0-4","textarea-rigging-container":"magritte-textarea-rigging-container___-1S6i_3-0-4","textareaRiggingContainer":"magritte-textarea-rigging-container___-1S6i_3-0-4","label-no-wrap":"magritte-label-no-wrap___RxZ3A_3-0-4","labelNoWrap":"magritte-label-no-wrap___RxZ3A_3-0-4","textarea-grip":"magritte-textarea-grip___iL7lq_3-0-4","textareaGrip":"magritte-textarea-grip___iL7lq_3-0-4","textarea-grip-icon":"magritte-textarea-grip-icon___YK-9w_3-0-4","textareaGripIcon":"magritte-textarea-grip-icon___YK-9w_3-0-4","textarea-limit-enter":"magritte-textarea-limit-enter___CygGz_3-0-4","textareaLimitEnter":"magritte-textarea-limit-enter___CygGz_3-0-4","textarea-limit-exit":"magritte-textarea-limit-exit___RMp-R_3-0-4","textareaLimitExit":"magritte-textarea-limit-exit___RMp-R_3-0-4","textarea-limit-enter-active":"magritte-textarea-limit-enter-active___8vN-t_3-0-4","textareaLimitEnterActive":"magritte-textarea-limit-enter-active___8vN-t_3-0-4","textarea-limit-exit-active":"magritte-textarea-limit-exit-active___a5kBr_3-0-4","textareaLimitExitActive":"magritte-textarea-limit-exit-active___a5kBr_3-0-4"};
22
22
 
23
23
  const ZERO_WIDTH_SPACE = '\u200B';
24
24
  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, ...restProps }, ref) => {
package/index.css CHANGED
@@ -1,401 +1,401 @@
1
1
  :root{
2
- --magritte-color-text-primary-v23-1-0:#000000;
3
- --magritte-color-component-input-stroke-state-field-hovered-v23-1-0:#CCD5DF;
4
- --magritte-color-component-input-stroke-state-field-focused-v23-1-0:#0070ff;
5
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-1-0:#0070ff7a;
6
- --magritte-color-component-input-stroke-state-field-invalid-v23-1-0:#ff4d3a;
7
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-1-0:#ff4d3a7a;
8
- --magritte-color-component-input-stroke-state-field-disabled-v23-1-0:#EEF1F7;
9
- --magritte-color-component-input-background-field-v23-1-0:#ffffff;
10
- --magritte-color-component-input-background-state-field-hovered-v23-1-0:#ffffff;
11
- --magritte-color-component-input-background-state-field-focused-v23-1-0:#ffffff;
12
- --magritte-color-component-input-background-state-field-invalid-v23-1-0:#ffffff;
13
- --magritte-color-component-input-background-state-field-disabled-v23-1-0:#F4F6FB;
14
- --magritte-color-component-input-stroke-field-v23-1-0:#DCE3EB;
15
- --magritte-color-component-input-text-state-content-disabled-v23-1-0:#AABBCA;
16
- --magritte-color-component-input-text-state-label-disabled-v23-1-0:#AABBCA;
17
- --magritte-color-component-input-text-state-placeholder-disabled-v23-1-0:#AABBCA;
18
- --magritte-color-component-input-text-state-limit-disabled-v23-1-0:#AABBCA;
19
- --magritte-color-component-input-text-state-description-disabled-v23-1-0:#AABBCA;
20
- --magritte-color-component-input-text-state-content-hovered-v23-1-0:#000000;
21
- --magritte-color-component-input-text-state-content-focused-v23-1-0:#000000;
22
- --magritte-color-component-input-text-state-content-invalid-v23-1-0:#000000;
23
- --magritte-color-component-input-text-state-label-hovered-v23-1-0:#768694;
24
- --magritte-color-component-input-text-state-label-focused-v23-1-0:#768694;
25
- --magritte-color-component-input-text-state-label-invalid-v23-1-0:#768694;
26
- --magritte-color-component-input-text-state-placeholder-hovered-v23-1-0:#768694;
27
- --magritte-color-component-input-text-state-limit-hovered-v23-1-0:#768694;
28
- --magritte-color-component-input-text-state-placeholder-focused-v23-1-0:#AABBCA;
29
- --magritte-color-component-input-text-state-limit-focused-v23-1-0:#768694;
30
- --magritte-color-component-input-text-state-placeholder-invalid-v23-1-0:#AABBCA;
31
- --magritte-color-component-input-text-state-limit-invalid-v23-1-0:#ff4d3a;
32
- --magritte-color-component-input-text-state-description-hovered-v23-1-0:#768694;
33
- --magritte-color-component-input-text-state-description-focused-v23-1-0:#768694;
34
- --magritte-color-component-input-text-state-description-invalid-v23-1-0:#ff4d3a;
35
- --magritte-color-component-input-icon-grip-v23-1-0:#AABBCA;
36
- --magritte-color-component-input-text-content-v23-1-0:#000000;
37
- --magritte-color-component-input-text-label-v23-1-0:#768694;
38
- --magritte-color-component-input-text-placeholder-v23-1-0:#AABBCA;
39
- --magritte-color-component-input-text-limit-v23-1-0:#AABBCA;
2
+ --magritte-color-text-primary-v23-2-1:#000000;
3
+ --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#CCD5DF;
4
+ --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#0070ff;
5
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
6
+ --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
7
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
8
+ --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#EEF1F7;
9
+ --magritte-color-component-input-background-field-v23-2-1:#ffffff;
10
+ --magritte-color-component-input-background-state-field-hovered-v23-2-1:#ffffff;
11
+ --magritte-color-component-input-background-state-field-focused-v23-2-1:#ffffff;
12
+ --magritte-color-component-input-background-state-field-invalid-v23-2-1:#ffffff;
13
+ --magritte-color-component-input-background-state-field-disabled-v23-2-1:#F4F6FB;
14
+ --magritte-color-component-input-stroke-field-v23-2-1:#DCE3EB;
15
+ --magritte-color-component-input-text-state-content-disabled-v23-2-1:#AABBCA;
16
+ --magritte-color-component-input-text-state-label-disabled-v23-2-1:#AABBCA;
17
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#AABBCA;
18
+ --magritte-color-component-input-text-state-limit-disabled-v23-2-1:#AABBCA;
19
+ --magritte-color-component-input-text-state-description-disabled-v23-2-1:#AABBCA;
20
+ --magritte-color-component-input-text-state-content-hovered-v23-2-1:#000000;
21
+ --magritte-color-component-input-text-state-content-focused-v23-2-1:#000000;
22
+ --magritte-color-component-input-text-state-content-invalid-v23-2-1:#000000;
23
+ --magritte-color-component-input-text-state-label-hovered-v23-2-1:#768694;
24
+ --magritte-color-component-input-text-state-label-focused-v23-2-1:#768694;
25
+ --magritte-color-component-input-text-state-label-invalid-v23-2-1:#768694;
26
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#768694;
27
+ --magritte-color-component-input-text-state-limit-hovered-v23-2-1:#768694;
28
+ --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#AABBCA;
29
+ --magritte-color-component-input-text-state-limit-focused-v23-2-1:#768694;
30
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#AABBCA;
31
+ --magritte-color-component-input-text-state-limit-invalid-v23-2-1:#ff4d3a;
32
+ --magritte-color-component-input-text-state-description-hovered-v23-2-1:#768694;
33
+ --magritte-color-component-input-text-state-description-focused-v23-2-1:#768694;
34
+ --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
35
+ --magritte-color-component-input-icon-grip-v23-2-1:#AABBCA;
36
+ --magritte-color-component-input-text-content-v23-2-1:#000000;
37
+ --magritte-color-component-input-text-label-v23-2-1:#768694;
38
+ --magritte-color-component-input-text-placeholder-v23-2-1:#AABBCA;
39
+ --magritte-color-component-input-text-limit-v23-2-1:#AABBCA;
40
40
  }
41
41
 
42
42
  :root{
43
- --magritte-typography-label-2-regular-font-family-v23-1-0:"hh sans";
44
- --magritte-typography-label-2-regular-font-weight-v23-1-0:400;
45
- --magritte-typography-label-2-regular-line-height-v23-1-0:22px;
46
- --magritte-typography-label-2-regular-font-size-v23-1-0:16px;
47
- --magritte-typography-label-2-regular-letter-spacing-v23-1-0:0em;
48
- --magritte-typography-label-2-regular-text-indent-v23-1-0:0px;
49
- --magritte-typography-label-2-regular-text-transform-v23-1-0:none;
50
- --magritte-typography-label-2-regular-text-decoration-v23-1-0:none;
51
- --magritte-typography-label-3-regular-font-family-v23-1-0:"hh sans";
52
- --magritte-typography-label-3-regular-font-weight-v23-1-0:400;
53
- --magritte-typography-label-3-regular-line-height-v23-1-0:20px;
54
- --magritte-typography-label-3-regular-font-size-v23-1-0:14px;
55
- --magritte-typography-label-3-regular-letter-spacing-v23-1-0:0.005em;
56
- --magritte-typography-label-3-regular-text-indent-v23-1-0:0px;
57
- --magritte-typography-label-3-regular-text-transform-v23-1-0:none;
58
- --magritte-typography-label-3-regular-text-decoration-v23-1-0:none;
59
- --magritte-typography-label-4-regular-font-family-v23-1-0:"hh sans";
60
- --magritte-typography-label-4-regular-font-weight-v23-1-0:400;
61
- --magritte-typography-label-4-regular-line-height-v23-1-0:18px;
62
- --magritte-typography-label-4-regular-font-size-v23-1-0:12px;
63
- --magritte-typography-label-4-regular-letter-spacing-v23-1-0:0.01em;
64
- --magritte-typography-label-4-regular-text-indent-v23-1-0:0px;
65
- --magritte-typography-label-4-regular-text-transform-v23-1-0:none;
66
- --magritte-typography-label-4-regular-text-decoration-v23-1-0:none;
67
- --magritte-semantic-animation-ease-in-out-100-timing-function-v23-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
68
- --magritte-semantic-animation-ease-in-out-100-duration-v23-1-0:100ms;
69
- --magritte-semantic-animation-ease-in-out-200-timing-function-v23-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
70
- --magritte-semantic-animation-ease-in-out-300-duration-v23-1-0:300ms;
43
+ --magritte-typography-label-2-regular-font-family-v23-2-1:"hh sans";
44
+ --magritte-typography-label-2-regular-font-weight-v23-2-1:400;
45
+ --magritte-typography-label-2-regular-line-height-v23-2-1:22px;
46
+ --magritte-typography-label-2-regular-font-size-v23-2-1:16px;
47
+ --magritte-typography-label-2-regular-letter-spacing-v23-2-1:0em;
48
+ --magritte-typography-label-2-regular-text-indent-v23-2-1:0px;
49
+ --magritte-typography-label-2-regular-text-transform-v23-2-1:none;
50
+ --magritte-typography-label-2-regular-text-decoration-v23-2-1:none;
51
+ --magritte-typography-label-3-regular-font-family-v23-2-1:"hh sans";
52
+ --magritte-typography-label-3-regular-font-weight-v23-2-1:400;
53
+ --magritte-typography-label-3-regular-line-height-v23-2-1:20px;
54
+ --magritte-typography-label-3-regular-font-size-v23-2-1:14px;
55
+ --magritte-typography-label-3-regular-letter-spacing-v23-2-1:0.005em;
56
+ --magritte-typography-label-3-regular-text-indent-v23-2-1:0px;
57
+ --magritte-typography-label-3-regular-text-transform-v23-2-1:none;
58
+ --magritte-typography-label-3-regular-text-decoration-v23-2-1:none;
59
+ --magritte-typography-label-4-regular-font-family-v23-2-1:"hh sans";
60
+ --magritte-typography-label-4-regular-font-weight-v23-2-1:400;
61
+ --magritte-typography-label-4-regular-line-height-v23-2-1:18px;
62
+ --magritte-typography-label-4-regular-font-size-v23-2-1:12px;
63
+ --magritte-typography-label-4-regular-letter-spacing-v23-2-1:0.01em;
64
+ --magritte-typography-label-4-regular-text-indent-v23-2-1:0px;
65
+ --magritte-typography-label-4-regular-text-transform-v23-2-1:none;
66
+ --magritte-typography-label-4-regular-text-decoration-v23-2-1:none;
67
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
68
+ --magritte-semantic-animation-ease-in-out-100-duration-v23-2-1:100ms;
69
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
70
+ --magritte-semantic-animation-ease-in-out-300-duration-v23-2-1:300ms;
71
71
  }
72
72
 
73
73
  .magritte-night-theme{
74
- --magritte-color-text-primary-v23-1-0:#ffffff;
75
- --magritte-color-component-input-stroke-state-field-hovered-v23-1-0:#3B3B3B;
76
- --magritte-color-component-input-stroke-state-field-focused-v23-1-0:#0070ff;
77
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-1-0:#0070ff7a;
78
- --magritte-color-component-input-stroke-state-field-invalid-v23-1-0:#ff4d3a;
79
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-1-0:#ff4d3a7a;
80
- --magritte-color-component-input-stroke-state-field-disabled-v23-1-0:#111;
81
- --magritte-color-component-input-background-field-v23-1-0:#111;
82
- --magritte-color-component-input-background-state-field-hovered-v23-1-0:#111;
83
- --magritte-color-component-input-background-state-field-focused-v23-1-0:#111;
84
- --magritte-color-component-input-background-state-field-invalid-v23-1-0:#111;
85
- --magritte-color-component-input-background-state-field-disabled-v23-1-0:#111;
86
- --magritte-color-component-input-stroke-field-v23-1-0:#303030;
87
- --magritte-color-component-input-text-content-v23-1-0:#ffffff;
88
- --magritte-color-component-input-text-label-v23-1-0:#919191;
89
- --magritte-color-component-input-text-placeholder-v23-1-0:#535353;
90
- --magritte-color-component-input-text-limit-v23-1-0:#535353;
91
- --magritte-color-component-input-text-state-content-disabled-v23-1-0:#474747;
92
- --magritte-color-component-input-text-state-label-disabled-v23-1-0:#474747;
93
- --magritte-color-component-input-text-state-placeholder-disabled-v23-1-0:#474747;
94
- --magritte-color-component-input-text-state-limit-disabled-v23-1-0:#474747;
95
- --magritte-color-component-input-text-state-description-disabled-v23-1-0:#535353;
96
- --magritte-color-component-input-text-state-content-hovered-v23-1-0:#ffffff;
97
- --magritte-color-component-input-text-state-content-focused-v23-1-0:#ffffff;
98
- --magritte-color-component-input-text-state-content-invalid-v23-1-0:#ffffff;
99
- --magritte-color-component-input-text-state-label-hovered-v23-1-0:#919191;
100
- --magritte-color-component-input-text-state-label-focused-v23-1-0:#919191;
101
- --magritte-color-component-input-text-state-label-invalid-v23-1-0:#919191;
102
- --magritte-color-component-input-text-state-placeholder-hovered-v23-1-0:#5E5E5E;
103
- --magritte-color-component-input-text-state-limit-hovered-v23-1-0:#535353;
104
- --magritte-color-component-input-text-state-placeholder-focused-v23-1-0:#535353;
105
- --magritte-color-component-input-text-state-limit-focused-v23-1-0:#535353;
106
- --magritte-color-component-input-text-state-placeholder-invalid-v23-1-0:#535353;
107
- --magritte-color-component-input-text-state-limit-invalid-v23-1-0:#ff4d3a;
108
- --magritte-color-component-input-text-state-description-hovered-v23-1-0:#535353;
109
- --magritte-color-component-input-text-state-description-focused-v23-1-0:#535353;
110
- --magritte-color-component-input-text-state-description-invalid-v23-1-0:#ff4d3a;
111
- --magritte-color-component-input-icon-grip-v23-1-0:#535353;
74
+ --magritte-color-text-primary-v23-2-1:#ffffff;
75
+ --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#3B3B3B;
76
+ --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#0070ff;
77
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
78
+ --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
79
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
80
+ --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#111;
81
+ --magritte-color-component-input-background-field-v23-2-1:#111;
82
+ --magritte-color-component-input-background-state-field-hovered-v23-2-1:#111;
83
+ --magritte-color-component-input-background-state-field-focused-v23-2-1:#111;
84
+ --magritte-color-component-input-background-state-field-invalid-v23-2-1:#111;
85
+ --magritte-color-component-input-background-state-field-disabled-v23-2-1:#111;
86
+ --magritte-color-component-input-stroke-field-v23-2-1:#303030;
87
+ --magritte-color-component-input-text-content-v23-2-1:#ffffff;
88
+ --magritte-color-component-input-text-label-v23-2-1:#919191;
89
+ --magritte-color-component-input-text-placeholder-v23-2-1:#535353;
90
+ --magritte-color-component-input-text-limit-v23-2-1:#535353;
91
+ --magritte-color-component-input-text-state-content-disabled-v23-2-1:#474747;
92
+ --magritte-color-component-input-text-state-label-disabled-v23-2-1:#474747;
93
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#474747;
94
+ --magritte-color-component-input-text-state-limit-disabled-v23-2-1:#474747;
95
+ --magritte-color-component-input-text-state-description-disabled-v23-2-1:#535353;
96
+ --magritte-color-component-input-text-state-content-hovered-v23-2-1:#ffffff;
97
+ --magritte-color-component-input-text-state-content-focused-v23-2-1:#ffffff;
98
+ --magritte-color-component-input-text-state-content-invalid-v23-2-1:#ffffff;
99
+ --magritte-color-component-input-text-state-label-hovered-v23-2-1:#919191;
100
+ --magritte-color-component-input-text-state-label-focused-v23-2-1:#919191;
101
+ --magritte-color-component-input-text-state-label-invalid-v23-2-1:#919191;
102
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#5E5E5E;
103
+ --magritte-color-component-input-text-state-limit-hovered-v23-2-1:#535353;
104
+ --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#535353;
105
+ --magritte-color-component-input-text-state-limit-focused-v23-2-1:#535353;
106
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#535353;
107
+ --magritte-color-component-input-text-state-limit-invalid-v23-2-1:#ff4d3a;
108
+ --magritte-color-component-input-text-state-description-hovered-v23-2-1:#535353;
109
+ --magritte-color-component-input-text-state-description-focused-v23-2-1:#535353;
110
+ --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
111
+ --magritte-color-component-input-icon-grip-v23-2-1:#535353;
112
112
  }
113
113
 
114
114
  .magritte-zp-day-theme{
115
- --magritte-color-text-primary-v23-1-0:#000000;
116
- --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-1-0:#0070ff7a;
117
- --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-1-0:#ff4d3a7a;
118
- --magritte-color-component-input-stroke-state-field-hovered-v23-1-0:#CCD5DF;
119
- --magritte-color-component-input-stroke-state-field-focused-v23-1-0:#7195AF;
120
- --magritte-color-component-input-stroke-state-field-invalid-v23-1-0:#ff4d3a;
121
- --magritte-color-component-input-stroke-state-field-disabled-v23-1-0:#EEF1F7;
122
- --magritte-color-component-input-background-field-v23-1-0:#ffffff;
123
- --magritte-color-component-input-background-state-field-hovered-v23-1-0:#ffffff;
124
- --magritte-color-component-input-background-state-field-focused-v23-1-0:#ffffff;
125
- --magritte-color-component-input-background-state-field-invalid-v23-1-0:#ffffff;
126
- --magritte-color-component-input-background-state-field-disabled-v23-1-0:#F4F6FB;
127
- --magritte-color-component-input-stroke-field-v23-1-0:#DCE3EB;
128
- --magritte-color-component-input-text-content-v23-1-0:#000000;
129
- --magritte-color-component-input-text-label-v23-1-0:#768694;
130
- --magritte-color-component-input-text-placeholder-v23-1-0:#AABBCA;
131
- --magritte-color-component-input-text-limit-v23-1-0:#AABBCA;
132
- --magritte-color-component-input-text-state-content-disabled-v23-1-0:#AABBCA;
133
- --magritte-color-component-input-text-state-label-disabled-v23-1-0:#AABBCA;
134
- --magritte-color-component-input-text-state-placeholder-disabled-v23-1-0:#AABBCA;
135
- --magritte-color-component-input-text-state-limit-disabled-v23-1-0:#AABBCA;
136
- --magritte-color-component-input-text-state-description-disabled-v23-1-0:#AABBCA;
137
- --magritte-color-component-input-text-state-content-hovered-v23-1-0:#000000;
138
- --magritte-color-component-input-text-state-content-focused-v23-1-0:#000000;
139
- --magritte-color-component-input-text-state-content-invalid-v23-1-0:#000000;
140
- --magritte-color-component-input-text-state-label-hovered-v23-1-0:#768694;
141
- --magritte-color-component-input-text-state-label-focused-v23-1-0:#768694;
142
- --magritte-color-component-input-text-state-label-invalid-v23-1-0:#768694;
143
- --magritte-color-component-input-text-state-placeholder-hovered-v23-1-0:#768694;
144
- --magritte-color-component-input-text-state-limit-hovered-v23-1-0:#768694;
145
- --magritte-color-component-input-text-state-placeholder-focused-v23-1-0:#AABBCA;
146
- --magritte-color-component-input-text-state-limit-focused-v23-1-0:#768694;
147
- --magritte-color-component-input-text-state-placeholder-invalid-v23-1-0:#AABBCA;
148
- --magritte-color-component-input-text-state-limit-invalid-v23-1-0:#ff4d3a;
149
- --magritte-color-component-input-text-state-description-hovered-v23-1-0:#768694;
150
- --magritte-color-component-input-text-state-description-focused-v23-1-0:#768694;
151
- --magritte-color-component-input-text-state-description-invalid-v23-1-0:#ff4d3a;
152
- --magritte-color-component-input-icon-grip-v23-1-0:#AABBCA;
153
- }
154
- .magritte-textarea___ugvor_3-0-2{
115
+ --magritte-color-text-primary-v23-2-1:#000000;
116
+ --magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1:#0070ff7a;
117
+ --magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1:#ff4d3a7a;
118
+ --magritte-color-component-input-stroke-state-field-hovered-v23-2-1:#CCD5DF;
119
+ --magritte-color-component-input-stroke-state-field-focused-v23-2-1:#7195AF;
120
+ --magritte-color-component-input-stroke-state-field-invalid-v23-2-1:#ff4d3a;
121
+ --magritte-color-component-input-stroke-state-field-disabled-v23-2-1:#EEF1F7;
122
+ --magritte-color-component-input-background-field-v23-2-1:#ffffff;
123
+ --magritte-color-component-input-background-state-field-hovered-v23-2-1:#ffffff;
124
+ --magritte-color-component-input-background-state-field-focused-v23-2-1:#ffffff;
125
+ --magritte-color-component-input-background-state-field-invalid-v23-2-1:#ffffff;
126
+ --magritte-color-component-input-background-state-field-disabled-v23-2-1:#F4F6FB;
127
+ --magritte-color-component-input-stroke-field-v23-2-1:#DCE3EB;
128
+ --magritte-color-component-input-text-content-v23-2-1:#000000;
129
+ --magritte-color-component-input-text-label-v23-2-1:#768694;
130
+ --magritte-color-component-input-text-placeholder-v23-2-1:#AABBCA;
131
+ --magritte-color-component-input-text-limit-v23-2-1:#AABBCA;
132
+ --magritte-color-component-input-text-state-content-disabled-v23-2-1:#AABBCA;
133
+ --magritte-color-component-input-text-state-label-disabled-v23-2-1:#AABBCA;
134
+ --magritte-color-component-input-text-state-placeholder-disabled-v23-2-1:#AABBCA;
135
+ --magritte-color-component-input-text-state-limit-disabled-v23-2-1:#AABBCA;
136
+ --magritte-color-component-input-text-state-description-disabled-v23-2-1:#AABBCA;
137
+ --magritte-color-component-input-text-state-content-hovered-v23-2-1:#000000;
138
+ --magritte-color-component-input-text-state-content-focused-v23-2-1:#000000;
139
+ --magritte-color-component-input-text-state-content-invalid-v23-2-1:#000000;
140
+ --magritte-color-component-input-text-state-label-hovered-v23-2-1:#768694;
141
+ --magritte-color-component-input-text-state-label-focused-v23-2-1:#768694;
142
+ --magritte-color-component-input-text-state-label-invalid-v23-2-1:#768694;
143
+ --magritte-color-component-input-text-state-placeholder-hovered-v23-2-1:#768694;
144
+ --magritte-color-component-input-text-state-limit-hovered-v23-2-1:#768694;
145
+ --magritte-color-component-input-text-state-placeholder-focused-v23-2-1:#AABBCA;
146
+ --magritte-color-component-input-text-state-limit-focused-v23-2-1:#768694;
147
+ --magritte-color-component-input-text-state-placeholder-invalid-v23-2-1:#AABBCA;
148
+ --magritte-color-component-input-text-state-limit-invalid-v23-2-1:#ff4d3a;
149
+ --magritte-color-component-input-text-state-description-hovered-v23-2-1:#768694;
150
+ --magritte-color-component-input-text-state-description-focused-v23-2-1:#768694;
151
+ --magritte-color-component-input-text-state-description-invalid-v23-2-1:#ff4d3a;
152
+ --magritte-color-component-input-icon-grip-v23-2-1:#AABBCA;
153
+ }
154
+ .magritte-textarea___ugvor_3-0-4{
155
155
  display:inline-flex;
156
156
  flex-flow:column;
157
157
  --magritte-ui-textarea-vertical-offset:0px;
158
158
  --magritte-ui-textarea-additional-bottom-padding:0px;
159
- --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-1-0);
160
- --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-1-0);
159
+ --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
160
+ --animation-300-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-1);
161
161
  }
162
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-elevated___S0jk-_3-0-2{
163
- --magritte-ui-textarea-vertical-offset:calc(var(--magritte-typography-label-4-regular-line-height-v23-1-0) * 0.5);
162
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-elevated___S0jk-_3-0-4{
163
+ --magritte-ui-textarea-vertical-offset:calc(var(--magritte-typography-label-4-regular-line-height-v23-2-1) * 0.5);
164
164
  }
165
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-small___Q-tsg_3-0-2{
165
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-small___Q-tsg_3-0-4{
166
166
  --magritte-ui-textarea-vertical-padding:10px;
167
167
  }
168
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-medium___GNzAm_3-0-2{
168
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-medium___GNzAm_3-0-4{
169
169
  --magritte-ui-textarea-vertical-padding:12px;
170
170
  }
171
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-large___ugT-5_3-0-2{
171
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-large___ugT-5_3-0-4{
172
172
  --magritte-ui-textarea-vertical-padding:16px;
173
173
  }
174
- .magritte-textarea___ugvor_3-0-2.magritte-has-grip___ATMYQ_3-0-2{
174
+ .magritte-textarea___ugvor_3-0-4.magritte-has-grip___ATMYQ_3-0-4{
175
175
  --magritte-ui-textarea-additional-bottom-padding:18px;
176
176
  }
177
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-limited___cU1Rg_3-0-2{
177
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-limited___cU1Rg_3-0-4{
178
178
  --magritte-ui-textarea-additional-bottom-padding:20px + 8px;
179
179
  }
180
- .magritte-textarea___ugvor_3-0-2.magritte-maxed-height___v1wYG_3-0-2.magritte-textarea-elevated___S0jk-_3-0-2{
180
+ .magritte-textarea___ugvor_3-0-4.magritte-maxed-height___v1wYG_3-0-4.magritte-textarea-elevated___S0jk-_3-0-4{
181
181
  --magritte-ui-textarea-bottom-padding:calc(12px + var(--magritte-ui-textarea-vertical-offset));
182
182
  }
183
183
  @media (min-width: 1020px){
184
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover{
185
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-1-0);
184
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover{
185
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
186
186
  }
187
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
188
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
189
- border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
187
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
188
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
189
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
190
190
  border-width:1px;
191
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
191
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
192
192
  }
193
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container___cEpbv_3-0-2{
194
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
195
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
193
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container___cEpbv_3-0-4{
194
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
195
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
196
196
  }
197
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-native-element___a0RAE_3-0-2{
198
- color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
199
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
197
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-native-element___a0RAE_3-0-4{
198
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
199
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
200
200
  opacity:1;
201
201
  }
202
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label___sgTIH_3-0-2{
203
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-1-0);
202
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label___sgTIH_3-0-4{
203
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-1);
204
204
  }
205
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label-elevated___0lxOI_3-0-2{
206
- color:var(--magritte-color-component-input-text-state-label-hovered-v23-1-0);
205
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label-elevated___0lxOI_3-0-4{
206
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-1);
207
207
  }
208
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
209
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
208
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
209
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
210
210
  }
211
- body.magritte-old-layout .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
212
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-1-0);
211
+ body.magritte-old-layout .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
212
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-2-1);
213
213
  }
214
214
  }
215
215
  @media (min-width: 1024px){
216
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover{
217
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-1-0);
216
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover{
217
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v23-2-1);
218
218
  }
219
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
220
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
221
- border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
219
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
220
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
221
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
222
222
  border-width:1px;
223
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
223
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
224
224
  }
225
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-position-container___cEpbv_3-0-2{
226
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-1-0);
227
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
225
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-position-container___cEpbv_3-0-4{
226
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v23-2-1);
227
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
228
228
  }
229
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-native-element___a0RAE_3-0-2{
230
- color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
231
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-1-0);
229
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-native-element___a0RAE_3-0-4{
230
+ color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
231
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v23-2-1);
232
232
  opacity:1;
233
233
  }
234
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label___sgTIH_3-0-2{
235
- color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-1-0);
234
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label___sgTIH_3-0-4{
235
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v23-2-1);
236
236
  }
237
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-label-elevated___0lxOI_3-0-2{
238
- color:var(--magritte-color-component-input-text-state-label-hovered-v23-1-0);
237
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-label-elevated___0lxOI_3-0-4{
238
+ color:var(--magritte-color-component-input-text-state-label-hovered-v23-2-1);
239
239
  }
240
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
241
- background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-1-0);
240
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
241
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v23-2-1);
242
242
  }
243
- body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-2:not(.magritte-textarea-focused___eiGyC_3-0-2):not(.magritte-textarea-invalid___iKOPh_3-0-2):not(.magritte-textarea-disabled___XN0cg_3-0-2):hover .magritte-textarea-limit___IjPJy_3-0-2{
244
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-1-0);
243
+ body:not(.magritte-old-layout) .magritte-textarea___ugvor_3-0-4:not(.magritte-textarea-focused___eiGyC_3-0-4):not(.magritte-textarea-invalid___iKOPh_3-0-4):not(.magritte-textarea-disabled___XN0cg_3-0-4):hover .magritte-textarea-limit___IjPJy_3-0-4{
244
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-hovered-v23-2-1);
245
245
  }
246
246
  }
247
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2{
248
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-1-0);
247
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4{
248
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v23-2-1);
249
249
  }
250
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
251
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-1-0);
252
- border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-1-0);
250
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
251
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-2-1);
252
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-focused-v23-2-1);
253
253
  border-width:2px;
254
- background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
254
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-1);
255
255
  }
256
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
257
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-1-0);
258
- background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
256
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
257
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v23-2-1);
258
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-1);
259
259
  }
260
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-native-element___a0RAE_3-0-2{
261
- color:var(--magritte-color-component-input-text-state-content-focused-v23-1-0);
262
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-1-0);
260
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-native-element___a0RAE_3-0-4{
261
+ color:var(--magritte-color-component-input-text-state-content-focused-v23-2-1);
262
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v23-2-1);
263
263
  opacity:1;
264
264
  }
265
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
266
- color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-1-0);
265
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
266
+ color:var(--magritte-color-component-input-text-state-placeholder-focused-v23-2-1);
267
267
  }
268
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
269
- color:var(--magritte-color-component-input-text-state-label-focused-v23-1-0);
268
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
269
+ color:var(--magritte-color-component-input-text-state-label-focused-v23-2-1);
270
270
  }
271
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
272
- background-color:var(--magritte-color-component-input-background-state-field-focused-v23-1-0);
271
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
272
+ background-color:var(--magritte-color-component-input-background-state-field-focused-v23-2-1);
273
273
  }
274
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
275
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v23-1-0);
274
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
275
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-focused-v23-2-1);
276
276
  }
277
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2,
278
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2{
279
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-1-0);
277
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4,
278
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4{
279
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
280
280
  }
281
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after,
282
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
283
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
284
- border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
281
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after,
282
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
283
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
284
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
285
285
  border-width:2px;
286
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
286
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
287
287
  }
288
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2,
289
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
290
- box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
291
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
288
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4,
289
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
290
+ box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
291
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
292
292
  }
293
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-native-element___a0RAE_3-0-2,
294
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-native-element___a0RAE_3-0-2{
295
- color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
296
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
293
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-native-element___a0RAE_3-0-4,
294
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-native-element___a0RAE_3-0-4{
295
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
296
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
297
297
  opacity:1;
298
298
  }
299
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-label___sgTIH_3-0-2,
300
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
301
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-1-0);
299
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-label___sgTIH_3-0-4,
300
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
301
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-1);
302
302
  }
303
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2,
304
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
305
- color:var(--magritte-color-component-input-text-state-label-invalid-v23-1-0);
303
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4,
304
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
305
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-1);
306
306
  }
307
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2,
308
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
309
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
307
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4,
308
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
309
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
310
310
  }
311
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-focused___eiGyC_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
312
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-1-0);
311
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-focused___eiGyC_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
312
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-2-1);
313
313
  }
314
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2{
315
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-1-0);
314
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4{
315
+ --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v23-2-1);
316
316
  }
317
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
318
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
319
- border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
317
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
318
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
319
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
320
320
  border-width:1px;
321
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
321
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
322
322
  }
323
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
324
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-1-0);
325
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
323
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
324
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v23-2-1);
325
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
326
326
  }
327
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-native-element___a0RAE_3-0-2{
328
- color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
329
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-1-0);
327
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-native-element___a0RAE_3-0-4{
328
+ color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
329
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v23-2-1);
330
330
  opacity:1;
331
331
  }
332
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
333
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-1-0);
332
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
333
+ color:var(--magritte-color-component-input-text-state-placeholder-invalid-v23-2-1);
334
334
  }
335
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
336
- color:var(--magritte-color-component-input-text-state-label-invalid-v23-1-0);
335
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
336
+ color:var(--magritte-color-component-input-text-state-label-invalid-v23-2-1);
337
337
  }
338
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
339
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-1-0);
338
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
339
+ background-color:var(--magritte-color-component-input-background-state-field-invalid-v23-2-1);
340
340
  }
341
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
342
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-1-0);
341
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
342
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-invalid-v23-2-1);
343
343
  }
344
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2{
345
- --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-1-0);
344
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4{
345
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v23-2-1);
346
346
  }
347
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
348
- border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-1-0);
349
- border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-1-0);
347
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
348
+ border-bottom-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-1);
349
+ border-right-color:var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-1);
350
350
  border-width:1px;
351
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-1-0);
351
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-1);
352
352
  }
353
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
354
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-1-0);
355
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-1-0);
353
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
354
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v23-2-1);
355
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-1);
356
356
  }
357
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-native-element___a0RAE_3-0-2{
358
- color:var(--magritte-color-component-input-text-state-content-disabled-v23-1-0);
359
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-1-0);
357
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-native-element___a0RAE_3-0-4{
358
+ color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-1);
359
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v23-2-1);
360
360
  opacity:1;
361
361
  }
362
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-label___sgTIH_3-0-2{
363
- color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-1-0);
362
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-label___sgTIH_3-0-4{
363
+ color:var(--magritte-color-component-input-text-state-placeholder-disabled-v23-2-1);
364
364
  }
365
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-label-elevated___0lxOI_3-0-2{
366
- color:var(--magritte-color-component-input-text-state-label-disabled-v23-1-0);
365
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-label-elevated___0lxOI_3-0-4{
366
+ color:var(--magritte-color-component-input-text-state-label-disabled-v23-2-1);
367
367
  }
368
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
369
- background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-1-0);
368
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
369
+ background-color:var(--magritte-color-component-input-background-state-field-disabled-v23-2-1);
370
370
  }
371
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-limit___IjPJy_3-0-2{
372
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v23-1-0);
371
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-limit___IjPJy_3-0-4{
372
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-limit-disabled-v23-2-1);
373
373
  }
374
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2,
375
- .magritte-textarea___ugvor_3-0-2.magritte-textarea-disabled___XN0cg_3-0-2 .magritte-native-element___a0RAE_3-0-2{
374
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4,
375
+ .magritte-textarea___ugvor_3-0-4.magritte-textarea-disabled___XN0cg_3-0-4 .magritte-native-element___a0RAE_3-0-4{
376
376
  cursor:not-allowed;
377
377
  }
378
378
  @media (prefers-reduced-motion){
379
- .magritte-textarea___ugvor_3-0-2{
379
+ .magritte-textarea___ugvor_3-0-4{
380
380
  --animation-100-duration:1ms;
381
381
  --animation-300-duration:1ms;
382
382
  }
383
383
  }
384
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-2{
384
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-4{
385
385
  display:inline-flex;
386
386
  position:relative;
387
387
  overflow:hidden;
388
388
  width:100%;
389
389
  border-radius:12px;
390
390
  }
391
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-2.focus-visible{
392
- outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-1-0) solid 4px;
391
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-4.focus-visible{
392
+ outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v23-2-1) solid 4px;
393
393
  }
394
- .magritte-textarea-invalid___iKOPh_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2.focus-visible,
395
- .magritte-textarea-limit-error___vLvZU_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2.focus-visible{
396
- outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-1-0);
394
+ .magritte-textarea-invalid___iKOPh_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4.focus-visible,
395
+ .magritte-textarea-limit-error___vLvZU_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4.focus-visible{
396
+ outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v23-2-1);
397
397
  }
398
- .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
398
+ .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
399
399
  display:none;
400
400
  pointer-events:none;
401
401
  user-select:none;
@@ -403,33 +403,33 @@
403
403
  content:'';
404
404
  width:16px;
405
405
  height:16px;
406
- background-color:var(--magritte-color-component-input-background-field-v23-1-0);
406
+ background-color:var(--magritte-color-component-input-background-field-v23-2-1);
407
407
  bottom:0;
408
408
  right:0;
409
409
  border-bottom-right-radius:12px;
410
- border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v23-1-0);
411
- border-right:1px solid var(--magritte-color-component-input-stroke-field-v23-1-0);
410
+ border-bottom:1px solid var(--magritte-color-component-input-stroke-field-v23-2-1);
411
+ border-right:1px solid var(--magritte-color-component-input-stroke-field-v23-2-1);
412
412
  }
413
- .magritte-has-grip___ATMYQ_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2::after{
413
+ .magritte-has-grip___ATMYQ_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4::after{
414
414
  display:block;
415
415
  }
416
- .magritte-native-element___a0RAE_3-0-2{
416
+ .magritte-native-element___a0RAE_3-0-4{
417
417
  box-sizing:border-box;
418
418
  border:0;
419
419
  width:100%;
420
420
  padding:0;
421
- color:var(--magritte-color-component-input-text-content-v23-1-0);
422
- caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-1-0));
421
+ color:var(--magritte-color-component-input-text-content-v23-2-1);
422
+ caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-2-1));
423
423
  transform:translateY(var(--magritte-ui-textarea-vertical-offset));
424
424
  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;
425
- font-family:var(--magritte-typography-label-3-regular-font-family-v23-1-0);
426
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-1-0);
427
- line-height:var(--magritte-typography-label-3-regular-line-height-v23-1-0);
428
- font-size:var(--magritte-typography-label-3-regular-font-size-v23-1-0);
429
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-1-0);
430
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-1-0);
431
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-1-0);
432
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-1-0);
425
+ font-family:var(--magritte-typography-label-3-regular-font-family-v23-2-1);
426
+ font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-2-1);
427
+ line-height:var(--magritte-typography-label-3-regular-line-height-v23-2-1);
428
+ font-size:var(--magritte-typography-label-3-regular-font-size-v23-2-1);
429
+ letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-2-1);
430
+ text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-2-1);
431
+ text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-2-1);
432
+ text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-2-1);
433
433
  grid-area:1 / 1 / 2 / 2;
434
434
  width:auto;
435
435
  min-height:0;
@@ -439,73 +439,73 @@
439
439
  background:none;
440
440
  appearance:none;
441
441
  }
442
- .magritte-textarea-medium___GNzAm_3-0-2 .magritte-native-element___a0RAE_3-0-2,
443
- .magritte-textarea-large___ugT-5_3-0-2 .magritte-native-element___a0RAE_3-0-2{
444
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-1-0);
445
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-1-0);
446
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-1-0);
447
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-1-0);
448
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-1-0);
449
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-1-0);
450
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-1-0);
451
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-1-0);
452
- }
453
- .magritte-native-element___a0RAE_3-0-2:focus{
442
+ .magritte-textarea-medium___GNzAm_3-0-4 .magritte-native-element___a0RAE_3-0-4,
443
+ .magritte-textarea-large___ugT-5_3-0-4 .magritte-native-element___a0RAE_3-0-4{
444
+ font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
445
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
446
+ line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
447
+ font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
448
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
449
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
450
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
451
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
452
+ }
453
+ .magritte-native-element___a0RAE_3-0-4:focus{
454
454
  outline:none;
455
455
  }
456
- .magritte-textarea-layout-fill-both___ERS-q_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2,
457
- .magritte-textarea-layout-fill-vertical___HmNtp_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2,
458
- .magritte-textarea-layout-fill-horizontal___imBH2_3-0-2 .magritte-textarea-position-container-wrapper___4Dsui_3-0-2{
456
+ .magritte-textarea-layout-fill-both___ERS-q_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4,
457
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4,
458
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-0-4 .magritte-textarea-position-container-wrapper___4Dsui_3-0-4{
459
459
  flex:1;
460
460
  }
461
- .magritte-textarea-layout-fill-both___ERS-q_3-0-2{
461
+ .magritte-textarea-layout-fill-both___ERS-q_3-0-4{
462
462
  width:100%;
463
463
  height:100%;
464
464
  }
465
- .magritte-textarea-layout-fill-vertical___HmNtp_3-0-2{
465
+ .magritte-textarea-layout-fill-vertical___HmNtp_3-0-4{
466
466
  height:100%;
467
467
  }
468
- .magritte-textarea-layout-fill-horizontal___imBH2_3-0-2,
469
- .magritte-textarea-layout-hug___tdCMY_3-0-2{
468
+ .magritte-textarea-layout-fill-horizontal___imBH2_3-0-4,
469
+ .magritte-textarea-layout-hug___tdCMY_3-0-4{
470
470
  width:100%;
471
471
  }
472
472
  @media (min-width: 1020px){
473
- body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
473
+ body.magritte-old-layout .magritte-textarea-layout-hug___tdCMY_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
474
474
  max-height:var(--magritte-textarea-max-height, auto);
475
475
  }
476
476
  }
477
477
  @media (min-width: 1024px){
478
- body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-0-2 .magritte-textarea-position-container___cEpbv_3-0-2{
478
+ body:not(.magritte-old-layout) .magritte-textarea-layout-hug___tdCMY_3-0-4 .magritte-textarea-position-container___cEpbv_3-0-4{
479
479
  max-height:var(--magritte-textarea-max-height, auto);
480
480
  }
481
481
  }
482
- .magritte-textarea-wrapper___yD7G6_3-0-2{
482
+ .magritte-textarea-wrapper___yD7G6_3-0-4{
483
483
  display:grid;
484
484
  width:100%;
485
485
  }
486
- .magritte-value-clone-wrapper___2ZZvS_3-0-2{
486
+ .magritte-value-clone-wrapper___2ZZvS_3-0-4{
487
487
  grid-area:1 / 1 / 2 / 2;
488
488
  min-height:0;
489
489
  overflow:hidden;
490
490
  }
491
- .magritte-value-clone-container___PVM97_3-0-2{
491
+ .magritte-value-clone-container___PVM97_3-0-4{
492
492
  margin:0;
493
493
  box-sizing:border-box;
494
494
  border:0;
495
495
  width:100%;
496
496
  padding:0;
497
- color:var(--magritte-color-component-input-text-content-v23-1-0);
498
- caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-1-0));
497
+ color:var(--magritte-color-component-input-text-content-v23-2-1);
498
+ caret-color:var(--magritte-ui-textarea-caret-color-override, var(--magritte-color-text-primary-v23-2-1));
499
499
  transform:translateY(var(--magritte-ui-textarea-vertical-offset));
500
500
  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;
501
- font-family:var(--magritte-typography-label-3-regular-font-family-v23-1-0);
502
- font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-1-0);
503
- line-height:var(--magritte-typography-label-3-regular-line-height-v23-1-0);
504
- font-size:var(--magritte-typography-label-3-regular-font-size-v23-1-0);
505
- letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-1-0);
506
- text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-1-0);
507
- text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-1-0);
508
- text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-1-0);
501
+ font-family:var(--magritte-typography-label-3-regular-font-family-v23-2-1);
502
+ font-weight:var(--magritte-typography-label-3-regular-font-weight-v23-2-1);
503
+ line-height:var(--magritte-typography-label-3-regular-line-height-v23-2-1);
504
+ font-size:var(--magritte-typography-label-3-regular-font-size-v23-2-1);
505
+ letter-spacing:var(--magritte-typography-label-3-regular-letter-spacing-v23-2-1);
506
+ text-indent:var(--magritte-typography-label-3-regular-text-indent-v23-2-1);
507
+ text-transform:var(--magritte-typography-label-3-regular-text-transform-v23-2-1);
508
+ text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v23-2-1);
509
509
  width:auto;
510
510
  height:auto;
511
511
  white-space:pre-wrap;
@@ -514,125 +514,125 @@
514
514
  visibility:hidden;
515
515
  pointer-events:none;
516
516
  }
517
- .magritte-textarea-medium___GNzAm_3-0-2 .magritte-value-clone-container___PVM97_3-0-2,
518
- .magritte-textarea-large___ugT-5_3-0-2 .magritte-value-clone-container___PVM97_3-0-2{
519
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-1-0);
520
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-1-0);
521
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-1-0);
522
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-1-0);
523
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-1-0);
524
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-1-0);
525
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-1-0);
526
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-1-0);
527
- }
528
- .magritte-textarea-small___Q-tsg_3-0-2 .magritte-side-padding___O-HUP_3-0-2{
517
+ .magritte-textarea-medium___GNzAm_3-0-4 .magritte-value-clone-container___PVM97_3-0-4,
518
+ .magritte-textarea-large___ugT-5_3-0-4 .magritte-value-clone-container___PVM97_3-0-4{
519
+ font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
520
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
521
+ line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
522
+ font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
523
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
524
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
525
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
526
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
527
+ }
528
+ .magritte-textarea-small___Q-tsg_3-0-4 .magritte-side-padding___O-HUP_3-0-4{
529
529
  padding:0 calc(12px - 2px);
530
530
  }
531
- .magritte-textarea-medium___GNzAm_3-0-2 .magritte-side-padding___O-HUP_3-0-2{
531
+ .magritte-textarea-medium___GNzAm_3-0-4 .magritte-side-padding___O-HUP_3-0-4{
532
532
  padding:0 calc(16px - 2px);
533
533
  }
534
- .magritte-textarea-large___ugT-5_3-0-2 .magritte-side-padding___O-HUP_3-0-2{
534
+ .magritte-textarea-large___ugT-5_3-0-4 .magritte-side-padding___O-HUP_3-0-4{
535
535
  padding:0 calc(16px - 2px);
536
536
  }
537
- .magritte-textarea-position-container___cEpbv_3-0-2{
537
+ .magritte-textarea-position-container___cEpbv_3-0-4{
538
538
  display:inline-flex;
539
539
  overflow:hidden;
540
540
  position:relative;
541
541
  width:100%;
542
542
  border-radius:12px;
543
- background-color:var(--magritte-color-component-input-background-field-v23-1-0);
543
+ background-color:var(--magritte-color-component-input-background-field-v23-2-1);
544
544
  cursor:text;
545
545
  box-sizing:border-box;
546
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-1-0);
546
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v23-2-1);
547
547
  padding:var(--magritte-ui-textarea-vertical-padding) 2px var(--magritte-ui-textarea-bottom-padding, var(--magritte-ui-textarea-vertical-padding));
548
548
  }
549
- .magritte-textarea-animation-timeout___zudbr_3-0-2,
550
- .magritte-textarea-position-container___cEpbv_3-0-2{
549
+ .magritte-textarea-animation-timeout___zudbr_3-0-4,
550
+ .magritte-textarea-position-container___cEpbv_3-0-4{
551
551
  transition-property:transform, color, font-size, letter-spacing;
552
552
  transition-duration:var(--animation-100-duration);
553
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-1-0);
554
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-1-0);
553
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
554
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
555
555
  }
556
- .magritte-textarea-rigging-container___-1S6i_3-0-2{
556
+ .magritte-textarea-rigging-container___-1S6i_3-0-4{
557
557
  position:relative;
558
558
  pointer-events:none;
559
559
  grid-area:1 / 1 / 2 / 2;
560
560
  }
561
- .magritte-textarea-label___sgTIH_3-0-2{
562
- font-family:var(--magritte-typography-label-2-regular-font-family-v23-1-0);
563
- font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-1-0);
564
- line-height:var(--magritte-typography-label-2-regular-line-height-v23-1-0);
565
- font-size:var(--magritte-typography-label-2-regular-font-size-v23-1-0);
566
- letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-1-0);
567
- text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-1-0);
568
- text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-1-0);
569
- text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-1-0);
561
+ .magritte-textarea-label___sgTIH_3-0-4{
562
+ font-family:var(--magritte-typography-label-2-regular-font-family-v23-2-1);
563
+ font-weight:var(--magritte-typography-label-2-regular-font-weight-v23-2-1);
564
+ line-height:var(--magritte-typography-label-2-regular-line-height-v23-2-1);
565
+ font-size:var(--magritte-typography-label-2-regular-font-size-v23-2-1);
566
+ letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v23-2-1);
567
+ text-indent:var(--magritte-typography-label-2-regular-text-indent-v23-2-1);
568
+ text-transform:var(--magritte-typography-label-2-regular-text-transform-v23-2-1);
569
+ text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v23-2-1);
570
570
  display:block;
571
571
  overflow:hidden;
572
572
  text-overflow:ellipsis;
573
573
  user-select:none;
574
- color:var(--magritte-color-component-input-text-placeholder-v23-1-0);
574
+ color:var(--magritte-color-component-input-text-placeholder-v23-2-1);
575
575
  transition-property:transform, color, font-size, letter-spacing;
576
576
  transition-duration:var(--animation-100-duration);
577
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-1-0);
577
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
578
578
  }
579
- .magritte-label-no-wrap___RxZ3A_3-0-2{
579
+ .magritte-label-no-wrap___RxZ3A_3-0-4{
580
580
  white-space:nowrap;
581
581
  }
582
- .magritte-textarea-label-elevated___0lxOI_3-0-2{
583
- font-family:var(--magritte-typography-label-4-regular-font-family-v23-1-0);
584
- font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-1-0);
585
- line-height:var(--magritte-typography-label-4-regular-line-height-v23-1-0);
586
- font-size:var(--magritte-typography-label-4-regular-font-size-v23-1-0);
587
- letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-1-0);
588
- text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-1-0);
589
- text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-1-0);
590
- text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-1-0);
591
- color:var(--magritte-color-component-input-text-label-v23-1-0);
592
- transform:translateY(calc(var(--magritte-typography-label-4-regular-line-height-v23-1-0) * -0.5));
593
- }
594
- .magritte-textarea-limit___IjPJy_3-0-2{
582
+ .magritte-textarea-label-elevated___0lxOI_3-0-4{
583
+ font-family:var(--magritte-typography-label-4-regular-font-family-v23-2-1);
584
+ font-weight:var(--magritte-typography-label-4-regular-font-weight-v23-2-1);
585
+ line-height:var(--magritte-typography-label-4-regular-line-height-v23-2-1);
586
+ font-size:var(--magritte-typography-label-4-regular-font-size-v23-2-1);
587
+ letter-spacing:var(--magritte-typography-label-4-regular-letter-spacing-v23-2-1);
588
+ text-indent:var(--magritte-typography-label-4-regular-text-indent-v23-2-1);
589
+ text-transform:var(--magritte-typography-label-4-regular-text-transform-v23-2-1);
590
+ text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v23-2-1);
591
+ color:var(--magritte-color-component-input-text-label-v23-2-1);
592
+ transform:translateY(calc(var(--magritte-typography-label-4-regular-line-height-v23-2-1) * -0.5));
593
+ }
594
+ .magritte-textarea-limit___IjPJy_3-0-4{
595
595
  position:absolute;
596
596
  bottom:8px;
597
597
  right:12px;
598
598
  left:16px;
599
599
  text-align:right;
600
- background-color:var(--magritte-color-component-input-background-field-v23-1-0);
600
+ background-color:var(--magritte-color-component-input-background-field-v23-2-1);
601
601
  pointer-events:none;
602
602
  z-index:1;
603
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v23-1-0);
603
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-limit-v23-2-1);
604
604
  }
605
- .magritte-textarea-grip___iL7lq_3-0-2{
605
+ .magritte-textarea-grip___iL7lq_3-0-4{
606
606
  position:absolute;
607
607
  pointer-events:none;
608
608
  display:inline-flex;
609
609
  bottom:4px;
610
610
  right:4px;
611
611
  border-bottom-right-radius:12px;
612
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v23-1-0);
612
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-grip-v23-2-1);
613
613
  }
614
- .magritte-textarea-grip-icon___YK-9w_3-0-2{
614
+ .magritte-textarea-grip-icon___YK-9w_3-0-4{
615
615
  display:inline-flex;
616
616
  z-index:1;
617
617
  }
618
618
  @media (prefers-reduced-motion: no-preference){
619
- .magritte-textarea-limit-enter___CygGz_3-0-2{
619
+ .magritte-textarea-limit-enter___CygGz_3-0-4{
620
620
  opacity:0;
621
621
  }
622
- .magritte-textarea-limit-exit___RMp-R_3-0-2,
623
- .magritte-textarea-limit-enter-active___8vN-t_3-0-2{
622
+ .magritte-textarea-limit-exit___RMp-R_3-0-4,
623
+ .magritte-textarea-limit-enter-active___8vN-t_3-0-4{
624
624
  opacity:1;
625
625
  }
626
- .magritte-textarea-limit-enter-active___8vN-t_3-0-2{
626
+ .magritte-textarea-limit-enter-active___8vN-t_3-0-4{
627
627
  transition-property:opacity;
628
- transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-1-0);
629
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-1-0);
630
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-1-0);
628
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-1);
629
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-2-1);
630
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-300-duration-v23-2-1);
631
631
  }
632
- .magritte-textarea-limit-exit-active___a5kBr_3-0-2{
632
+ .magritte-textarea-limit-exit-active___a5kBr_3-0-4{
633
633
  opacity:0;
634
634
  transition-property:opacity;
635
- transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-1-0);
636
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-1-0);
635
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
636
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
637
637
  }
638
638
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-textarea",
3
- "version": "3.0.2",
3
+ "version": "3.0.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,16 +19,16 @@
19
19
  "watch": "yarn root:watch $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-common-func-utils": "1.3.12",
23
- "@hh.ru/magritte-common-use-disabled": "1.0.12",
24
- "@hh.ru/magritte-common-use-multiple-refs": "1.1.8",
22
+ "@hh.ru/magritte-common-func-utils": "1.3.13",
23
+ "@hh.ru/magritte-common-use-disabled": "1.0.13",
24
+ "@hh.ru/magritte-common-use-multiple-refs": "1.1.9",
25
25
  "@hh.ru/magritte-common-use-translation": "1.0.1",
26
- "@hh.ru/magritte-design-tokens": "23.1.0",
27
- "@hh.ru/magritte-ui-breakpoint": "6.0.0",
28
- "@hh.ru/magritte-ui-form-helper": "2.0.4",
29
- "@hh.ru/magritte-ui-icon": "12.3.0",
30
- "@hh.ru/magritte-ui-input": "9.0.8",
31
- "@hh.ru/magritte-ui-typography": "4.2.0"
26
+ "@hh.ru/magritte-design-tokens": "23.2.1",
27
+ "@hh.ru/magritte-ui-breakpoint": "6.0.1",
28
+ "@hh.ru/magritte-ui-form-helper": "2.0.6",
29
+ "@hh.ru/magritte-ui-icon": "12.3.2",
30
+ "@hh.ru/magritte-ui-input": "9.0.10",
31
+ "@hh.ru/magritte-ui-typography": "4.2.2"
32
32
  },
33
33
  "peerDependencies": {
34
34
  "classnames": ">=2.3.2",
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "8394869b0fcf1a65e854af99d8f614a67f0cea7d"
41
+ "gitHead": "18a4c9f53b8572077ce0fba28266865c1b619cee"
42
42
  }