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

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