@hh.ru/magritte-ui-textarea 2.3.2 → 2.3.4

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