@hh.ru/magritte-ui-input 5.0.17 → 5.0.19

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/BaseInput.js +1 -1
  2. package/index.css +123 -109
  3. package/package.json +3 -3
package/BaseInput.js CHANGED
@@ -13,7 +13,7 @@ import { useFocus } from './useFocus.js';
13
13
  import { useInputAriaProps } from './useInputAriaProps.js';
14
14
  import { Text } from '@hh.ru/magritte-ui-typography';
15
15
 
16
- var styles = {"input":"magritte-input___LVTID_5-0-17","label":"magritte-label___YlOQk_5-0-17","elevated":"magritte-elevated___kPcsM_5-0-17","focused":"magritte-focused___dxrHD_5-0-17","invalid":"magritte-invalid___L5MVa_5-0-17","disabled":"magritte-disabled___0NH6E_5-0-17","position-container":"magritte-position-container___kZnvZ_5-0-17","positionContainer":"magritte-position-container___kZnvZ_5-0-17","field":"magritte-field___9S8Tw_5-0-17","hint":"magritte-hint___EFGK0_5-0-17","additional-value":"magritte-additional-value___9Kyap_5-0-17","additionalValue":"magritte-additional-value___9Kyap_5-0-17","label_elevated":"magritte-label_elevated___PVcpC_5-0-17","labelElevated":"magritte-label_elevated___PVcpC_5-0-17","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-0-17","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-0-17","icon":"magritte-icon___HEDsQ_5-0-17","focus-visible":"magritte-focus-visible___QvCO1_5-0-17","focusVisible":"magritte-focus-visible___QvCO1_5-0-17","right-container":"magritte-right-container___N0B0o_5-0-17","rightContainer":"magritte-right-container___N0B0o_5-0-17","with-icon":"magritte-with-icon___TPBe2_5-0-17","withIcon":"magritte-with-icon___TPBe2_5-0-17","large":"magritte-large___9frRh_5-0-17","rigging-container":"magritte-rigging-container___Up9Lb_5-0-17","riggingContainer":"magritte-rigging-container___Up9Lb_5-0-17","input__mask":"magritte-input__mask___CHda2_5-0-17","inputMask":"magritte-input__mask___CHda2_5-0-17","value-ghost":"magritte-value-ghost___IXNZj_5-0-17","valueGhost":"magritte-value-ghost___IXNZj_5-0-17","hint-container":"magritte-hint-container___rGsD8_5-0-17","hintContainer":"magritte-hint-container___rGsD8_5-0-17","with-right":"magritte-with-right___NUNiP_5-0-17","withRight":"magritte-with-right___NUNiP_5-0-17","content-container":"magritte-content-container___s-0kX_5-0-17","contentContainer":"magritte-content-container___s-0kX_5-0-17","counter":"magritte-counter___Bld3Q_5-0-17","value-container":"magritte-value-container___6ReT7_5-0-17","valueContainer":"magritte-value-container___6ReT7_5-0-17"};
16
+ var styles = {"input":"magritte-input___LVTID_5-0-19","label":"magritte-label___YlOQk_5-0-19","elevated":"magritte-elevated___kPcsM_5-0-19","focused":"magritte-focused___dxrHD_5-0-19","invalid":"magritte-invalid___L5MVa_5-0-19","disabled":"magritte-disabled___0NH6E_5-0-19","position-container":"magritte-position-container___kZnvZ_5-0-19","positionContainer":"magritte-position-container___kZnvZ_5-0-19","field":"magritte-field___9S8Tw_5-0-19","hint":"magritte-hint___EFGK0_5-0-19","additional-value":"magritte-additional-value___9Kyap_5-0-19","additionalValue":"magritte-additional-value___9Kyap_5-0-19","label_elevated":"magritte-label_elevated___PVcpC_5-0-19","labelElevated":"magritte-label_elevated___PVcpC_5-0-19","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-0-19","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-0-19","icon":"magritte-icon___HEDsQ_5-0-19","focus-visible":"magritte-focus-visible___QvCO1_5-0-19","focusVisible":"magritte-focus-visible___QvCO1_5-0-19","right-container":"magritte-right-container___N0B0o_5-0-19","rightContainer":"magritte-right-container___N0B0o_5-0-19","with-icon":"magritte-with-icon___TPBe2_5-0-19","withIcon":"magritte-with-icon___TPBe2_5-0-19","large":"magritte-large___9frRh_5-0-19","rigging-container":"magritte-rigging-container___Up9Lb_5-0-19","riggingContainer":"magritte-rigging-container___Up9Lb_5-0-19","input__mask":"magritte-input__mask___CHda2_5-0-19","inputMask":"magritte-input__mask___CHda2_5-0-19","value-ghost":"magritte-value-ghost___IXNZj_5-0-19","valueGhost":"magritte-value-ghost___IXNZj_5-0-19","hint-container":"magritte-hint-container___rGsD8_5-0-19","hintContainer":"magritte-hint-container___rGsD8_5-0-19","with-right":"magritte-with-right___NUNiP_5-0-19","withRight":"magritte-with-right___NUNiP_5-0-19","content-container":"magritte-content-container___s-0kX_5-0-19","contentContainer":"magritte-content-container___s-0kX_5-0-19","counter":"magritte-counter___Bld3Q_5-0-19","value-container":"magritte-value-container___6ReT7_5-0-19","valueContainer":"magritte-value-container___6ReT7_5-0-19"};
17
17
 
18
18
  const BaseInputComponent = ({ onChange, onFocus, onBlur, value, placeholder, disabled = false, postfix, size = 'medium', elevatePlaceholder = false, invalid = false, description, errorMessage, formatter, buttonIcon, clearable = false, clearableOnFocus, onButtonClick, buttonDataQa, buttonRef, inputIcon, wrapperRef, counter, fixedPlaceholder, maxLength, hint, showHintAlways = false, ...restProps }, ref) => {
19
19
  const wrapperCurrentRef = useRef(null);
package/index.css CHANGED
@@ -1,11 +1,13 @@
1
1
  :root{
2
2
  --magritte-color-text-primary-v18-1-2:#000000;
3
+ --magritte-color-component-input-stroke-state-field-hovered-v18-1-2:#CCD5DF;
3
4
  --magritte-color-component-input-stroke-state-field-focused-v18-1-2:#0070ff;
4
5
  --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
5
6
  --magritte-color-component-input-stroke-state-field-invalid-v18-1-2:#ff4d3a;
6
7
  --magritte-color-component-input-stroke-state-negative-focused-accessible-v18-1-2:#ff4d3a7a;
7
8
  --magritte-color-component-input-stroke-state-field-disabled-v18-1-2:#EEF1F7;
8
9
  --magritte-color-component-input-background-field-v18-1-2:#ffffff;
10
+ --magritte-color-component-input-background-state-field-hovered-v18-1-2:#ffffff;
9
11
  --magritte-color-component-input-background-state-field-focused-v18-1-2:#ffffff;
10
12
  --magritte-color-component-input-background-state-field-invalid-v18-1-2:#ffffff;
11
13
  --magritte-color-component-input-background-state-field-disabled-v18-1-2:#F4F6FB;
@@ -14,12 +16,16 @@
14
16
  --magritte-color-component-input-text-state-label-disabled-v18-1-2:#AABBCA;
15
17
  --magritte-color-component-input-text-state-placeholder-disabled-v18-1-2:#AABBCA;
16
18
  --magritte-color-component-input-text-state-description-disabled-v18-1-2:#AABBCA;
19
+ --magritte-color-component-input-text-state-content-hovered-v18-1-2:#000000;
17
20
  --magritte-color-component-input-text-state-content-focused-v18-1-2:#000000;
18
21
  --magritte-color-component-input-text-state-content-invalid-v18-1-2:#000000;
22
+ --magritte-color-component-input-text-state-label-hovered-v18-1-2:#768694;
19
23
  --magritte-color-component-input-text-state-label-focused-v18-1-2:#768694;
20
24
  --magritte-color-component-input-text-state-label-invalid-v18-1-2:#768694;
25
+ --magritte-color-component-input-text-state-placeholder-hovered-v18-1-2:#768694;
21
26
  --magritte-color-component-input-text-state-placeholder-focused-v18-1-2:#AABBCA;
22
27
  --magritte-color-component-input-text-state-placeholder-invalid-v18-1-2:#AABBCA;
28
+ --magritte-color-component-input-text-state-description-hovered-v18-1-2:#768694;
23
29
  --magritte-color-component-input-text-state-description-focused-v18-1-2:#768694;
24
30
  --magritte-color-component-input-text-state-description-invalid-v18-1-2:#ff4d3a;
25
31
  --magritte-color-component-input-counter-background-content-v18-1-2:#EEF1F7;
@@ -27,6 +33,7 @@
27
33
  --magritte-color-component-input-counter-text-state-content-disabled-v18-1-2:#96aabb;
28
34
  --magritte-color-component-input-counter-text-content-v18-1-2:#8293a2;
29
35
  --magritte-color-component-input-icon-content-v18-1-2:#6a7885;
36
+ --magritte-color-component-input-icon-state-content-hovered-v18-1-2:#6a7885;
30
37
  --magritte-color-component-input-icon-state-content-focused-v18-1-2:#000000;
31
38
  --magritte-color-component-input-icon-state-content-invalid-v18-1-2:#6a7885;
32
39
  --magritte-color-component-input-icon-state-content-disabled-v18-1-2:#AABBCA;
@@ -58,12 +65,14 @@
58
65
  }
59
66
  .magritte-night-theme{
60
67
  --magritte-color-text-primary-v18-1-2:#ffffff;
68
+ --magritte-color-component-input-stroke-state-field-hovered-v18-1-2:#3B3B3B;
61
69
  --magritte-color-component-input-stroke-state-field-focused-v18-1-2:#0070ff;
62
70
  --magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
63
71
  --magritte-color-component-input-stroke-state-field-invalid-v18-1-2:#ff4d3a;
64
72
  --magritte-color-component-input-stroke-state-negative-focused-accessible-v18-1-2:#ff4d3a7a;
65
73
  --magritte-color-component-input-stroke-state-field-disabled-v18-1-2:#111;
66
74
  --magritte-color-component-input-background-field-v18-1-2:#1B1B1B;
75
+ --magritte-color-component-input-background-state-field-hovered-v18-1-2:#1B1B1B;
67
76
  --magritte-color-component-input-background-state-field-focused-v18-1-2:#1B1B1B;
68
77
  --magritte-color-component-input-background-state-field-invalid-v18-1-2:#1B1B1B;
69
78
  --magritte-color-component-input-background-state-field-disabled-v18-1-2:#111;
@@ -76,39 +85,44 @@
76
85
  --magritte-color-component-input-text-state-label-disabled-v18-1-2:#474747;
77
86
  --magritte-color-component-input-text-state-placeholder-disabled-v18-1-2:#474747;
78
87
  --magritte-color-component-input-text-state-description-disabled-v18-1-2:#535353;
88
+ --magritte-color-component-input-text-state-content-hovered-v18-1-2:#ffffff;
79
89
  --magritte-color-component-input-text-state-content-focused-v18-1-2:#ffffff;
80
90
  --magritte-color-component-input-text-state-content-invalid-v18-1-2:#ffffff;
91
+ --magritte-color-component-input-text-state-label-hovered-v18-1-2:#919191;
81
92
  --magritte-color-component-input-text-state-label-focused-v18-1-2:#919191;
82
93
  --magritte-color-component-input-text-state-label-invalid-v18-1-2:#919191;
94
+ --magritte-color-component-input-text-state-placeholder-hovered-v18-1-2:#5E5E5E;
83
95
  --magritte-color-component-input-text-state-placeholder-focused-v18-1-2:#535353;
84
96
  --magritte-color-component-input-text-state-placeholder-invalid-v18-1-2:#535353;
97
+ --magritte-color-component-input-text-state-description-hovered-v18-1-2:#535353;
85
98
  --magritte-color-component-input-text-state-description-focused-v18-1-2:#535353;
86
99
  --magritte-color-component-input-text-state-description-invalid-v18-1-2:#ff4d3a;
87
100
  --magritte-color-component-input-counter-background-content-v18-1-2:#EEF1F7;
88
101
  --magritte-color-component-input-counter-background-state-content-disabled-v18-1-2:#CCD5DF;
89
102
  --magritte-color-component-input-counter-text-state-content-disabled-v18-1-2:#96aabb;
90
103
  --magritte-color-component-input-counter-text-content-v18-1-2:#6a7885;
104
+ --magritte-color-component-input-icon-state-content-hovered-v18-1-2:#5E5E5E;
91
105
  --magritte-color-component-input-icon-state-content-focused-v18-1-2:#ffffff;
92
106
  --magritte-color-component-input-icon-state-content-invalid-v18-1-2:#767676;
93
107
  --magritte-color-component-input-icon-state-content-disabled-v18-1-2:#474747;
94
108
  --magritte-color-component-input-icon-content-v18-1-2:#ABABAB;
95
109
  }
96
- .magritte-input___LVTID_5-0-17{
110
+ .magritte-input___LVTID_5-0-19{
97
111
  display:inline-block;
98
112
  width:100%;
99
113
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-1-2);
100
114
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-1-2);
101
115
  }
102
- .magritte-input___LVTID_5-0-17:has(input:autofill) .magritte-label___YlOQk_5-0-17{
116
+ .magritte-input___LVTID_5-0-19:has(input:autofill) .magritte-label___YlOQk_5-0-19{
103
117
  display:none;
104
118
  }
105
- .magritte-input___LVTID_5-0-17.magritte-elevated___kPcsM_5-0-17:has(input:autofill) .magritte-label___YlOQk_5-0-17{
119
+ .magritte-input___LVTID_5-0-19.magritte-elevated___kPcsM_5-0-19:has(input:autofill) .magritte-label___YlOQk_5-0-19{
106
120
  display:block;
107
121
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-1-2) + var(--magritte-typography-label-2-regular-line-height-v18-1-2)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-1-2) / 2)));
108
122
  transition-duration:0ms;
109
123
  color:var(--magritte-color-component-input-text-label-v18-1-2);
110
124
  }
111
- .magritte-input___LVTID_5-0-17.magritte-elevated___kPcsM_5-0-17:has(input:autofill) .magritte-label___YlOQk_5-0-17 > *{
125
+ .magritte-input___LVTID_5-0-19.magritte-elevated___kPcsM_5-0-19:has(input:autofill) .magritte-label___YlOQk_5-0-19 > *{
112
126
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-1-2);
113
127
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-1-2);
114
128
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-1-2);
@@ -119,200 +133,200 @@
119
133
  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-1-2);
120
134
  }
121
135
  @media (min-width: 1020px){
122
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover{
123
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
136
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover{
137
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-1-2);
124
138
  }
125
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-position-container___kZnvZ_5-0-17{
126
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-1-2);
127
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-1-2);
139
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-position-container___kZnvZ_5-0-19{
140
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-1-2);
141
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-1-2);
128
142
  }
129
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-field___9S8Tw_5-0-17{
130
- color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
131
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
143
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-field___9S8Tw_5-0-19{
144
+ color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
145
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
132
146
  opacity:1;
133
147
  }
134
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-hint___EFGK0_5-0-17{
135
- --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
136
- color:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
148
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-hint___EFGK0_5-0-19{
149
+ --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
150
+ color:var(--magritte-color-component-input-text-state-description-hovered-v18-1-2);
137
151
  }
138
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-additional-value___9Kyap_5-0-17{
139
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
152
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-additional-value___9Kyap_5-0-19{
153
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
140
154
  }
141
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-label_elevated___PVcpC_5-0-17{
142
- color:var(--magritte-color-component-input-text-state-label-invalid-v18-1-2);
155
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-label_elevated___PVcpC_5-0-19{
156
+ color:var(--magritte-color-component-input-text-state-label-hovered-v18-1-2);
143
157
  }
144
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-label___YlOQk_5-0-17:not(.magritte-label_elevated___PVcpC_5-0-17),
145
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-fixed-placeholder___PYJIH_5-0-17{
146
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-1-2);
158
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-label___YlOQk_5-0-19:not(.magritte-label_elevated___PVcpC_5-0-19),
159
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-fixed-placeholder___PYJIH_5-0-19{
160
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-1-2);
147
161
  }
148
- body.magritte-old-layout .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-icon___HEDsQ_5-0-17{
149
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-1-2);
162
+ body.magritte-old-layout .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-icon___HEDsQ_5-0-19{
163
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-1-2);
150
164
  }
151
165
  }
152
166
  @media (min-width: 1024px){
153
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover{
154
- --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
167
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover{
168
+ --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-1-2);
155
169
  }
156
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-position-container___kZnvZ_5-0-17{
157
- background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-1-2);
158
- box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-1-2);
170
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-position-container___kZnvZ_5-0-19{
171
+ background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-1-2);
172
+ box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-1-2);
159
173
  }
160
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-field___9S8Tw_5-0-17{
161
- color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
162
- -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
174
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-field___9S8Tw_5-0-19{
175
+ color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
176
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
163
177
  opacity:1;
164
178
  }
165
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-hint___EFGK0_5-0-17{
166
- --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
167
- color:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
179
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-hint___EFGK0_5-0-19{
180
+ --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
181
+ color:var(--magritte-color-component-input-text-state-description-hovered-v18-1-2);
168
182
  }
169
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-additional-value___9Kyap_5-0-17{
170
- --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
183
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-additional-value___9Kyap_5-0-19{
184
+ --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-1-2);
171
185
  }
172
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-label_elevated___PVcpC_5-0-17{
173
- color:var(--magritte-color-component-input-text-state-label-invalid-v18-1-2);
186
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-label_elevated___PVcpC_5-0-19{
187
+ color:var(--magritte-color-component-input-text-state-label-hovered-v18-1-2);
174
188
  }
175
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-label___YlOQk_5-0-17:not(.magritte-label_elevated___PVcpC_5-0-17),
176
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-fixed-placeholder___PYJIH_5-0-17{
177
- color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-1-2);
189
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-label___YlOQk_5-0-19:not(.magritte-label_elevated___PVcpC_5-0-19),
190
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-fixed-placeholder___PYJIH_5-0-19{
191
+ color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-1-2);
178
192
  }
179
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-17:not(.magritte-focused___dxrHD_5-0-17):not(.magritte-invalid___L5MVa_5-0-17):not(.magritte-disabled___0NH6E_5-0-17):hover .magritte-icon___HEDsQ_5-0-17{
180
- --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-1-2);
193
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-19:not(.magritte-focused___dxrHD_5-0-19):not(.magritte-invalid___L5MVa_5-0-19):not(.magritte-disabled___0NH6E_5-0-19):hover .magritte-icon___HEDsQ_5-0-19{
194
+ --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-1-2);
181
195
  }
182
196
  }
183
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17{
197
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19{
184
198
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v18-1-2);
185
199
  }
186
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
200
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
187
201
  background-color:var(--magritte-color-component-input-background-state-field-focused-v18-1-2);
188
202
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-1-2);
189
203
  }
190
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-field___9S8Tw_5-0-17{
204
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-field___9S8Tw_5-0-19{
191
205
  color:var(--magritte-color-component-input-text-state-content-focused-v18-1-2);
192
206
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v18-1-2);
193
207
  opacity:1;
194
208
  }
195
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-hint___EFGK0_5-0-17{
209
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-hint___EFGK0_5-0-19{
196
210
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
197
211
  color:var(--magritte-color-component-input-text-state-description-focused-v18-1-2);
198
212
  }
199
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-additional-value___9Kyap_5-0-17{
213
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-additional-value___9Kyap_5-0-19{
200
214
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-1-2);
201
215
  }
202
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-label_elevated___PVcpC_5-0-17{
216
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-label_elevated___PVcpC_5-0-19{
203
217
  color:var(--magritte-color-component-input-text-state-label-focused-v18-1-2);
204
218
  }
205
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-label___YlOQk_5-0-17:not(.magritte-label_elevated___PVcpC_5-0-17),
206
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-fixed-placeholder___PYJIH_5-0-17{
219
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-label___YlOQk_5-0-19:not(.magritte-label_elevated___PVcpC_5-0-19),
220
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-fixed-placeholder___PYJIH_5-0-19{
207
221
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v18-1-2);
208
222
  }
209
- .magritte-input___LVTID_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-icon___HEDsQ_5-0-17{
223
+ .magritte-input___LVTID_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-icon___HEDsQ_5-0-19{
210
224
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-1-2);
211
225
  }
212
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17{
226
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19{
213
227
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
214
228
  }
215
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
229
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
216
230
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-1-2);
217
231
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-1-2);
218
232
  }
219
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-field___9S8Tw_5-0-17{
233
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-field___9S8Tw_5-0-19{
220
234
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
221
235
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
222
236
  opacity:1;
223
237
  }
224
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-hint___EFGK0_5-0-17{
238
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-hint___EFGK0_5-0-19{
225
239
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
226
240
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
227
241
  }
228
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-additional-value___9Kyap_5-0-17{
242
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-additional-value___9Kyap_5-0-19{
229
243
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
230
244
  }
231
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-label_elevated___PVcpC_5-0-17{
245
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-label_elevated___PVcpC_5-0-19{
232
246
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-1-2);
233
247
  }
234
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-label___YlOQk_5-0-17:not(.magritte-label_elevated___PVcpC_5-0-17),
235
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-fixed-placeholder___PYJIH_5-0-17{
248
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-label___YlOQk_5-0-19:not(.magritte-label_elevated___PVcpC_5-0-19),
249
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-fixed-placeholder___PYJIH_5-0-19{
236
250
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-1-2);
237
251
  }
238
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-icon___HEDsQ_5-0-17{
252
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-icon___HEDsQ_5-0-19{
239
253
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-1-2);
240
254
  }
241
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17{
255
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19{
242
256
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
243
257
  }
244
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
258
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
245
259
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-1-2);
246
260
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v18-1-2);
247
261
  }
248
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-field___9S8Tw_5-0-17{
262
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-field___9S8Tw_5-0-19{
249
263
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
250
264
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
251
265
  opacity:1;
252
266
  }
253
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-hint___EFGK0_5-0-17{
267
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-hint___EFGK0_5-0-19{
254
268
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
255
269
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-1-2);
256
270
  }
257
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-additional-value___9Kyap_5-0-17{
271
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-additional-value___9Kyap_5-0-19{
258
272
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-1-2);
259
273
  }
260
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-label_elevated___PVcpC_5-0-17{
274
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-label_elevated___PVcpC_5-0-19{
261
275
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-1-2);
262
276
  }
263
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-label___YlOQk_5-0-17:not(.magritte-label_elevated___PVcpC_5-0-17),
264
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-fixed-placeholder___PYJIH_5-0-17{
277
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-label___YlOQk_5-0-19:not(.magritte-label_elevated___PVcpC_5-0-19),
278
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-fixed-placeholder___PYJIH_5-0-19{
265
279
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-1-2);
266
280
  }
267
- .magritte-input___LVTID_5-0-17.magritte-invalid___L5MVa_5-0-17.magritte-focused___dxrHD_5-0-17 .magritte-icon___HEDsQ_5-0-17{
281
+ .magritte-input___LVTID_5-0-19.magritte-invalid___L5MVa_5-0-19.magritte-focused___dxrHD_5-0-19 .magritte-icon___HEDsQ_5-0-19{
268
282
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-1-2);
269
283
  }
270
- .magritte-input___LVTID_5-0-17.magritte-focus-visible___QvCO1_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
284
+ .magritte-input___LVTID_5-0-19.magritte-focus-visible___QvCO1_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
271
285
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-1-2) solid 4px;
272
286
  }
273
- .magritte-input___LVTID_5-0-17.magritte-focus-visible___QvCO1_5-0-17.magritte-invalid___L5MVa_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
287
+ .magritte-input___LVTID_5-0-19.magritte-focus-visible___QvCO1_5-0-19.magritte-invalid___L5MVa_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
274
288
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v18-1-2);
275
289
  }
276
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17{
290
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19{
277
291
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v18-1-2);
278
292
  }
279
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
293
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
280
294
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-1-2);
281
295
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-1-2);
282
296
  }
283
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-field___9S8Tw_5-0-17{
297
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-field___9S8Tw_5-0-19{
284
298
  color:var(--magritte-color-component-input-text-state-content-disabled-v18-1-2);
285
299
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v18-1-2);
286
300
  opacity:1;
287
301
  }
288
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-hint___EFGK0_5-0-17{
302
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-hint___EFGK0_5-0-19{
289
303
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
290
304
  color:var(--magritte-color-component-input-text-state-description-disabled-v18-1-2);
291
305
  }
292
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-additional-value___9Kyap_5-0-17{
306
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-additional-value___9Kyap_5-0-19{
293
307
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-1-2);
294
308
  }
295
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-label_elevated___PVcpC_5-0-17{
309
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-label_elevated___PVcpC_5-0-19{
296
310
  color:var(--magritte-color-component-input-text-state-label-disabled-v18-1-2);
297
311
  }
298
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-label___YlOQk_5-0-17:not(.magritte-label_elevated___PVcpC_5-0-17),
299
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-fixed-placeholder___PYJIH_5-0-17{
312
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-label___YlOQk_5-0-19:not(.magritte-label_elevated___PVcpC_5-0-19),
313
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-fixed-placeholder___PYJIH_5-0-19{
300
314
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-1-2);
301
315
  }
302
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-icon___HEDsQ_5-0-17{
316
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-icon___HEDsQ_5-0-19{
303
317
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-1-2);
304
318
  }
305
- .magritte-input___LVTID_5-0-17.magritte-disabled___0NH6E_5-0-17 .magritte-right-container___N0B0o_5-0-17{
319
+ .magritte-input___LVTID_5-0-19.magritte-disabled___0NH6E_5-0-19 .magritte-right-container___N0B0o_5-0-19{
306
320
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-1-2);
307
321
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-1-2);
308
322
  }
309
323
  @media (prefers-reduced-motion){
310
- .magritte-input___LVTID_5-0-17{
324
+ .magritte-input___LVTID_5-0-19{
311
325
  --animation-100-duration:1ms;
312
326
  --animation-200-duration:1ms;
313
327
  }
314
328
  }
315
- .magritte-position-container___kZnvZ_5-0-17{
329
+ .magritte-position-container___kZnvZ_5-0-19{
316
330
  display:flex;
317
331
  align-items:center;
318
332
  position:relative;
@@ -322,20 +336,20 @@
322
336
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-1-2);
323
337
  padding:4px 4px 4px 16px;
324
338
  }
325
- .magritte-with-icon___TPBe2_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
339
+ .magritte-with-icon___TPBe2_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
326
340
  padding-left:12px;
327
341
  }
328
- .magritte-large___9frRh_5-0-17 .magritte-position-container___kZnvZ_5-0-17{
342
+ .magritte-large___9frRh_5-0-19 .magritte-position-container___kZnvZ_5-0-19{
329
343
  padding:8px 8px 8px 16px;
330
344
  }
331
- .magritte-right-container___N0B0o_5-0-17{
345
+ .magritte-right-container___N0B0o_5-0-19{
332
346
  display:flex;
333
347
  align-items:center;
334
348
  justify-content:center;
335
349
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-1-2);
336
350
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-1-2);
337
351
  }
338
- .magritte-field___9S8Tw_5-0-17{
352
+ .magritte-field___9S8Tw_5-0-19{
339
353
  position:absolute;
340
354
  inset:0;
341
355
  background:none;
@@ -357,7 +371,7 @@
357
371
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-2);
358
372
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-2);
359
373
  }
360
- .magritte-icon___HEDsQ_5-0-17{
374
+ .magritte-icon___HEDsQ_5-0-19{
361
375
  display:flex;
362
376
  align-items:center;
363
377
  position:absolute;
@@ -366,14 +380,14 @@
366
380
  pointer-events:none;
367
381
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-1-2);
368
382
  }
369
- .magritte-with-icon___TPBe2_5-0-17 .magritte-field___9S8Tw_5-0-17,
370
- .magritte-with-icon___TPBe2_5-0-17 .magritte-additional-value___9Kyap_5-0-17{
383
+ .magritte-with-icon___TPBe2_5-0-19 .magritte-field___9S8Tw_5-0-19,
384
+ .magritte-with-icon___TPBe2_5-0-19 .magritte-additional-value___9Kyap_5-0-19{
371
385
  padding-left:calc(24px + 12px);
372
386
  }
373
- .magritte-with-icon___TPBe2_5-0-17 .magritte-rigging-container___Up9Lb_5-0-17{
387
+ .magritte-with-icon___TPBe2_5-0-19 .magritte-rigging-container___Up9Lb_5-0-19{
374
388
  left:calc(24px + 12px);
375
389
  }
376
- .magritte-rigging-container___Up9Lb_5-0-17{
390
+ .magritte-rigging-container___Up9Lb_5-0-19{
377
391
  display:flex;
378
392
  align-items:center;
379
393
  position:absolute;
@@ -381,8 +395,8 @@
381
395
  inset:0;
382
396
  pointer-events:none;
383
397
  }
384
- .magritte-label___YlOQk_5-0-17,
385
- .magritte-fixed-placeholder___PYJIH_5-0-17{
398
+ .magritte-label___YlOQk_5-0-19,
399
+ .magritte-fixed-placeholder___PYJIH_5-0-19{
386
400
  font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-2);
387
401
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-2);
388
402
  line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-2);
@@ -400,11 +414,11 @@
400
414
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-1-2);
401
415
  color:var(--magritte-color-component-input-text-placeholder-v18-1-2);
402
416
  }
403
- .magritte-label___YlOQk_5-0-17{
417
+ .magritte-label___YlOQk_5-0-19{
404
418
  display:block;
405
419
  transition-property:transform, color, font-size, letter-spacing;
406
420
  }
407
- .magritte-label_elevated___PVcpC_5-0-17{
421
+ .magritte-label_elevated___PVcpC_5-0-19{
408
422
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-1-2);
409
423
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-1-2);
410
424
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-1-2);
@@ -416,7 +430,7 @@
416
430
  color:var(--magritte-color-component-input-text-label-v18-1-2);
417
431
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-1-2) + var(--magritte-typography-label-2-regular-line-height-v18-1-2)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-1-2) / 2)));
418
432
  }
419
- .magritte-input__mask___CHda2_5-0-17{
433
+ .magritte-input__mask___CHda2_5-0-19{
420
434
  position:absolute;
421
435
  width:100%;
422
436
  pointer-events:none;
@@ -426,11 +440,11 @@
426
440
  text-overflow:ellipsis;
427
441
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-1-2);
428
442
  }
429
- .magritte-value-ghost___IXNZj_5-0-17{
443
+ .magritte-value-ghost___IXNZj_5-0-19{
430
444
  visibility:hidden;
431
445
  white-space:pre;
432
446
  }
433
- .magritte-hint-container___rGsD8_5-0-17{
447
+ .magritte-hint-container___rGsD8_5-0-19{
434
448
  display:flex;
435
449
  flex-grow:1;
436
450
  align-items:center;
@@ -438,10 +452,10 @@
438
452
  gap:12px;
439
453
  min-width:0;
440
454
  }
441
- .magritte-with-right___NUNiP_5-0-17 .magritte-hint-container___rGsD8_5-0-17{
455
+ .magritte-with-right___NUNiP_5-0-19 .magritte-hint-container___rGsD8_5-0-19{
442
456
  padding-right:4px;
443
457
  }
444
- .magritte-hint___EFGK0_5-0-17{
458
+ .magritte-hint___EFGK0_5-0-19{
445
459
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v18-1-2);
446
460
  color:var(--magritte-color-component-input-text-description-v18-1-2);
447
461
  overflow:hidden;
@@ -449,25 +463,25 @@
449
463
  text-overflow:ellipsis;
450
464
  flex:0 1 auto;
451
465
  }
452
- .magritte-content-container___s-0kX_5-0-17{
466
+ .magritte-content-container___s-0kX_5-0-19{
453
467
  position:relative;
454
468
  flex:1 0 auto;
455
469
  display:flex;
456
470
  padding:8px 0;
457
471
  max-width:100%;
458
472
  }
459
- .magritte-elevated___kPcsM_5-0-17 .magritte-content-container___s-0kX_5-0-17{
473
+ .magritte-elevated___kPcsM_5-0-19 .magritte-content-container___s-0kX_5-0-19{
460
474
  padding:18px 0 0;
461
475
  }
462
- .magritte-counter___Bld3Q_5-0-17{
476
+ .magritte-counter___Bld3Q_5-0-19{
463
477
  padding:0 8px;
464
478
  }
465
- .magritte-value-container___6ReT7_5-0-17{
479
+ .magritte-value-container___6ReT7_5-0-19{
466
480
  position:relative;
467
481
  display:grid;
468
482
  width:100%;
469
483
  }
470
- .magritte-additional-value___9Kyap_5-0-17{
484
+ .magritte-additional-value___9Kyap_5-0-19{
471
485
  display:flex;
472
486
  align-items:center;
473
487
  grid-area:1 / 1;
@@ -477,6 +491,6 @@
477
491
  color:transparent;
478
492
  min-height:24px;
479
493
  }
480
- .magritte-elevated___kPcsM_5-0-17 .magritte-additional-value___9Kyap_5-0-17{
494
+ .magritte-elevated___kPcsM_5-0-19 .magritte-additional-value___9Kyap_5-0-19{
481
495
  min-height:22px;
482
496
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-input",
3
- "version": "5.0.17",
3
+ "version": "5.0.19",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -32,7 +32,7 @@
32
32
  "@hh.ru/magritte-ui-action": "4.3.6",
33
33
  "@hh.ru/magritte-ui-breakpoint": "4.0.1",
34
34
  "@hh.ru/magritte-ui-counter": "4.0.9",
35
- "@hh.ru/magritte-ui-form-helper": "1.0.1",
35
+ "@hh.ru/magritte-ui-form-helper": "1.0.2",
36
36
  "@hh.ru/magritte-ui-icon": "7.1.6",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.0.10",
38
38
  "@hh.ru/magritte-ui-theme-provider": "1.1.22",
@@ -44,5 +44,5 @@
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "77a359961872f43d688f9507b225fa72ba99a3e8"
47
+ "gitHead": "ee65efff9dd191a497773935bb8b432e52bc4286"
48
48
  }