@hh.ru/magritte-ui-input 9.4.37 → 9.4.38

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.
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_9-4-37","label":"magritte-label___YlOQk_9-4-37","elevated":"magritte-elevated___kPcsM_9-4-37","focused":"magritte-focused___dxrHD_9-4-37","invalid":"magritte-invalid___L5MVa_9-4-37","disabled":"magritte-disabled___0NH6E_9-4-37","position-container":"magritte-position-container___kZnvZ_9-4-37","positionContainer":"magritte-position-container___kZnvZ_9-4-37","field":"magritte-field___9S8Tw_9-4-37","hint":"magritte-hint___EFGK0_9-4-37","additional-value":"magritte-additional-value___9Kyap_9-4-37","additionalValue":"magritte-additional-value___9Kyap_9-4-37","label_elevated":"magritte-label_elevated___PVcpC_9-4-37","labelElevated":"magritte-label_elevated___PVcpC_9-4-37","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_9-4-37","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_9-4-37","icon":"magritte-icon___HEDsQ_9-4-37","focus-visible":"magritte-focus-visible___QvCO1_9-4-37","focusVisible":"magritte-focus-visible___QvCO1_9-4-37","right-container":"magritte-right-container___N0B0o_9-4-37","rightContainer":"magritte-right-container___N0B0o_9-4-37","with-icon":"magritte-with-icon___TPBe2_9-4-37","withIcon":"magritte-with-icon___TPBe2_9-4-37","large":"magritte-large___9frRh_9-4-37","small":"magritte-small___iQL4F_9-4-37","autofill-helper":"magritte-autofill-helper___WFjOW_9-4-37","autofillHelper":"magritte-autofill-helper___WFjOW_9-4-37","content-container":"magritte-content-container___s-0kX_9-4-37","contentContainer":"magritte-content-container___s-0kX_9-4-37","rigging-container":"magritte-rigging-container___Up9Lb_9-4-37","riggingContainer":"magritte-rigging-container___Up9Lb_9-4-37","input__mask":"magritte-input__mask___CHda2_9-4-37","inputMask":"magritte-input__mask___CHda2_9-4-37","value-ghost":"magritte-value-ghost___IXNZj_9-4-37","valueGhost":"magritte-value-ghost___IXNZj_9-4-37","hint-container":"magritte-hint-container___rGsD8_9-4-37","hintContainer":"magritte-hint-container___rGsD8_9-4-37","counter":"magritte-counter___Bld3Q_9-4-37","value-container":"magritte-value-container___6ReT7_9-4-37","valueContainer":"magritte-value-container___6ReT7_9-4-37"};
16
+ var styles = {"input":"magritte-input___LVTID_9-4-38","label":"magritte-label___YlOQk_9-4-38","elevated":"magritte-elevated___kPcsM_9-4-38","focused":"magritte-focused___dxrHD_9-4-38","invalid":"magritte-invalid___L5MVa_9-4-38","disabled":"magritte-disabled___0NH6E_9-4-38","position-container":"magritte-position-container___kZnvZ_9-4-38","positionContainer":"magritte-position-container___kZnvZ_9-4-38","field":"magritte-field___9S8Tw_9-4-38","hint":"magritte-hint___EFGK0_9-4-38","additional-value":"magritte-additional-value___9Kyap_9-4-38","additionalValue":"magritte-additional-value___9Kyap_9-4-38","label_elevated":"magritte-label_elevated___PVcpC_9-4-38","labelElevated":"magritte-label_elevated___PVcpC_9-4-38","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_9-4-38","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_9-4-38","icon":"magritte-icon___HEDsQ_9-4-38","focus-visible":"magritte-focus-visible___QvCO1_9-4-38","focusVisible":"magritte-focus-visible___QvCO1_9-4-38","right-container":"magritte-right-container___N0B0o_9-4-38","rightContainer":"magritte-right-container___N0B0o_9-4-38","with-icon":"magritte-with-icon___TPBe2_9-4-38","withIcon":"magritte-with-icon___TPBe2_9-4-38","large":"magritte-large___9frRh_9-4-38","small":"magritte-small___iQL4F_9-4-38","autofill-helper":"magritte-autofill-helper___WFjOW_9-4-38","autofillHelper":"magritte-autofill-helper___WFjOW_9-4-38","content-container":"magritte-content-container___s-0kX_9-4-38","contentContainer":"magritte-content-container___s-0kX_9-4-38","rigging-container":"magritte-rigging-container___Up9Lb_9-4-38","riggingContainer":"magritte-rigging-container___Up9Lb_9-4-38","input__mask":"magritte-input__mask___CHda2_9-4-38","inputMask":"magritte-input__mask___CHda2_9-4-38","value-ghost":"magritte-value-ghost___IXNZj_9-4-38","valueGhost":"magritte-value-ghost___IXNZj_9-4-38","hint-container":"magritte-hint-container___rGsD8_9-4-38","hintContainer":"magritte-hint-container___rGsD8_9-4-38","counter":"magritte-counter___Bld3Q_9-4-38","value-container":"magritte-value-container___6ReT7_9-4-38","valueContainer":"magritte-value-container___6ReT7_9-4-38"};
17
17
 
18
18
  const matchIconSize = (size, icon) => {
19
19
  return icon &&
package/DateTimeInput.js CHANGED
@@ -14,7 +14,7 @@ import '@hh.ru/magritte-ui-form-helper';
14
14
  import './useFocus.js';
15
15
  import './useInputAriaProps.js';
16
16
  import '@hh.ru/magritte-ui-typography';
17
- import './index.esm-BEhHiGIo.js';
17
+ import './index.esm-CWAjFzo7.js';
18
18
 
19
19
  const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, range, ...props }, ref) => {
20
20
  const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding, range);
@@ -16,7 +16,7 @@ import './useFocus.js';
16
16
  import './useInputAriaProps.js';
17
17
  import '@hh.ru/magritte-ui-typography';
18
18
  import './useDateTimeMask.js';
19
- import './index.esm-BEhHiGIo.js';
19
+ import './index.esm-CWAjFzo7.js';
20
20
 
21
21
  const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
22
22
  const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
package/index.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --magritte-color-component-input-background-state-field-focused-v25-0-0:#ffffff;
12
12
  --magritte-color-component-input-background-state-field-invalid-v25-0-0:#ffffff;
13
13
  --magritte-color-component-input-background-state-field-disabled-v25-0-0:#F4F6FB;
14
+ --magritte-color-component-input-background-state-field-autofilled-v25-0-0:#EDF6FF;
14
15
  --magritte-color-component-input-stroke-field-v25-0-0:#DCE3EB;
15
16
  --magritte-color-component-input-text-state-content-disabled-v25-0-0:#AABBCA;
16
17
  --magritte-color-component-input-text-state-label-disabled-v25-0-0:#AABBCA;
@@ -58,6 +59,7 @@
58
59
  --magritte-color-component-input-background-state-field-focused-v25-0-0:#111;
59
60
  --magritte-color-component-input-background-state-field-invalid-v25-0-0:#111;
60
61
  --magritte-color-component-input-background-state-field-disabled-v25-0-0:#111;
62
+ --magritte-color-component-input-background-state-field-autofilled-v25-0-0:#222D3D;
61
63
  --magritte-color-component-input-stroke-field-v25-0-0:#303030;
62
64
  --magritte-color-component-input-text-content-v25-0-0:#ffffff;
63
65
  --magritte-color-component-input-text-label-v25-0-0:#919191;
@@ -88,24 +90,25 @@
88
90
 
89
91
  .magritte-zp-day-theme{
90
92
  --magritte-color-component-input-stroke-state-field-focused-v25-0-0:#7195AF;
93
+ --magritte-color-component-input-background-state-field-autofilled-v25-0-0:#F1F4F7;
91
94
  --magritte-color-component-input-icon-content-v25-0-0:#AABBCA;
92
95
  }
93
- .magritte-input___LVTID_9-4-37{
96
+ .magritte-input___LVTID_9-4-38{
94
97
  display:inline-block;
95
98
  width:100%;
96
99
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v25-0-0);
97
100
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v25-0-0);
98
101
  }
99
- .magritte-input___LVTID_9-4-37:has(input:autofill) .magritte-label___YlOQk_9-4-37{
102
+ .magritte-input___LVTID_9-4-38:has(input:autofill) .magritte-label___YlOQk_9-4-38{
100
103
  display:none;
101
104
  }
102
- .magritte-input___LVTID_9-4-37.magritte-elevated___kPcsM_9-4-37:has(input:autofill) .magritte-label___YlOQk_9-4-37{
105
+ .magritte-input___LVTID_9-4-38.magritte-elevated___kPcsM_9-4-38:has(input:autofill) .magritte-label___YlOQk_9-4-38{
103
106
  display:block;
104
107
  transform:translateY(calc(0px - ((18px + 22px) / 2) + (18px / 2)));
105
108
  transition-duration:0ms;
106
109
  color:var(--magritte-color-component-input-text-label-v25-0-0);
107
110
  }
108
- .magritte-input___LVTID_9-4-37.magritte-elevated___kPcsM_9-4-37:has(input:autofill) .magritte-label___YlOQk_9-4-37 > *{
111
+ .magritte-input___LVTID_9-4-38.magritte-elevated___kPcsM_9-4-38:has(input:autofill) .magritte-label___YlOQk_9-4-38 > *{
109
112
  font-family:"hh sans";
110
113
  font-weight:400;
111
114
  line-height:18px;
@@ -116,200 +119,200 @@
116
119
  text-decoration:none;
117
120
  }
118
121
  @media (min-width: 1020px){
119
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover{
122
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover{
120
123
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v25-0-0);
121
124
  }
122
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-position-container___kZnvZ_9-4-37{
125
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-position-container___kZnvZ_9-4-38{
123
126
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v25-0-0);
124
127
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v25-0-0);
125
128
  }
126
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-field___9S8Tw_9-4-37{
129
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-field___9S8Tw_9-4-38{
127
130
  color:var(--magritte-color-component-input-text-state-content-hovered-v25-0-0);
128
131
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v25-0-0);
129
132
  opacity:1;
130
133
  }
131
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-hint___EFGK0_9-4-37{
134
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-hint___EFGK0_9-4-38{
132
135
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
133
136
  color:var(--magritte-color-component-input-text-state-description-hovered-v25-0-0);
134
137
  }
135
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-additional-value___9Kyap_9-4-37{
138
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-additional-value___9Kyap_9-4-38{
136
139
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v25-0-0);
137
140
  }
138
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-label_elevated___PVcpC_9-4-37{
141
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-label_elevated___PVcpC_9-4-38{
139
142
  color:var(--magritte-color-component-input-text-state-label-hovered-v25-0-0);
140
143
  }
141
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-label___YlOQk_9-4-37:not(.magritte-label_elevated___PVcpC_9-4-37),
142
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-fixed-placeholder___PYJIH_9-4-37{
144
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-label___YlOQk_9-4-38:not(.magritte-label_elevated___PVcpC_9-4-38),
145
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-fixed-placeholder___PYJIH_9-4-38{
143
146
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v25-0-0);
144
147
  }
145
- body.magritte-old-layout .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-icon___HEDsQ_9-4-37{
148
+ body.magritte-old-layout .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-icon___HEDsQ_9-4-38{
146
149
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v25-0-0);
147
150
  }
148
151
  }
149
152
  @media (min-width: 1024px){
150
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover{
153
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover{
151
154
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v25-0-0);
152
155
  }
153
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-position-container___kZnvZ_9-4-37{
156
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-position-container___kZnvZ_9-4-38{
154
157
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v25-0-0);
155
158
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v25-0-0);
156
159
  }
157
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-field___9S8Tw_9-4-37{
160
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-field___9S8Tw_9-4-38{
158
161
  color:var(--magritte-color-component-input-text-state-content-hovered-v25-0-0);
159
162
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v25-0-0);
160
163
  opacity:1;
161
164
  }
162
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-hint___EFGK0_9-4-37{
165
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-hint___EFGK0_9-4-38{
163
166
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
164
167
  color:var(--magritte-color-component-input-text-state-description-hovered-v25-0-0);
165
168
  }
166
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-additional-value___9Kyap_9-4-37{
169
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-additional-value___9Kyap_9-4-38{
167
170
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v25-0-0);
168
171
  }
169
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-label_elevated___PVcpC_9-4-37{
172
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-label_elevated___PVcpC_9-4-38{
170
173
  color:var(--magritte-color-component-input-text-state-label-hovered-v25-0-0);
171
174
  }
172
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-label___YlOQk_9-4-37:not(.magritte-label_elevated___PVcpC_9-4-37),
173
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-fixed-placeholder___PYJIH_9-4-37{
175
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-label___YlOQk_9-4-38:not(.magritte-label_elevated___PVcpC_9-4-38),
176
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-fixed-placeholder___PYJIH_9-4-38{
174
177
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v25-0-0);
175
178
  }
176
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-37:not(.magritte-focused___dxrHD_9-4-37):not(.magritte-invalid___L5MVa_9-4-37):not(.magritte-disabled___0NH6E_9-4-37):hover .magritte-icon___HEDsQ_9-4-37{
179
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-38:not(.magritte-focused___dxrHD_9-4-38):not(.magritte-invalid___L5MVa_9-4-38):not(.magritte-disabled___0NH6E_9-4-38):hover .magritte-icon___HEDsQ_9-4-38{
177
180
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v25-0-0);
178
181
  }
179
182
  }
180
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37{
183
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38{
181
184
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v25-0-0);
182
185
  }
183
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
186
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
184
187
  background-color:var(--magritte-color-component-input-background-state-field-focused-v25-0-0);
185
188
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v25-0-0);
186
189
  }
187
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-field___9S8Tw_9-4-37{
190
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-field___9S8Tw_9-4-38{
188
191
  color:var(--magritte-color-component-input-text-state-content-focused-v25-0-0);
189
192
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v25-0-0);
190
193
  opacity:1;
191
194
  }
192
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-hint___EFGK0_9-4-37{
195
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-hint___EFGK0_9-4-38{
193
196
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
194
197
  color:var(--magritte-color-component-input-text-state-description-focused-v25-0-0);
195
198
  }
196
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-additional-value___9Kyap_9-4-37{
199
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-additional-value___9Kyap_9-4-38{
197
200
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v25-0-0);
198
201
  }
199
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-label_elevated___PVcpC_9-4-37{
202
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-label_elevated___PVcpC_9-4-38{
200
203
  color:var(--magritte-color-component-input-text-state-label-focused-v25-0-0);
201
204
  }
202
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-label___YlOQk_9-4-37:not(.magritte-label_elevated___PVcpC_9-4-37),
203
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-fixed-placeholder___PYJIH_9-4-37{
205
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-label___YlOQk_9-4-38:not(.magritte-label_elevated___PVcpC_9-4-38),
206
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-fixed-placeholder___PYJIH_9-4-38{
204
207
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v25-0-0);
205
208
  }
206
- .magritte-input___LVTID_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-icon___HEDsQ_9-4-37{
209
+ .magritte-input___LVTID_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-icon___HEDsQ_9-4-38{
207
210
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v25-0-0);
208
211
  }
209
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37{
212
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38{
210
213
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v25-0-0);
211
214
  }
212
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
215
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
213
216
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v25-0-0);
214
217
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v25-0-0);
215
218
  }
216
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-field___9S8Tw_9-4-37{
219
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-field___9S8Tw_9-4-38{
217
220
  color:var(--magritte-color-component-input-text-state-content-invalid-v25-0-0);
218
221
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v25-0-0);
219
222
  opacity:1;
220
223
  }
221
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-hint___EFGK0_9-4-37{
224
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-hint___EFGK0_9-4-38{
222
225
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
223
226
  color:var(--magritte-color-component-input-text-state-description-invalid-v25-0-0);
224
227
  }
225
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-additional-value___9Kyap_9-4-37{
228
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-additional-value___9Kyap_9-4-38{
226
229
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v25-0-0);
227
230
  }
228
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-label_elevated___PVcpC_9-4-37{
231
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-label_elevated___PVcpC_9-4-38{
229
232
  color:var(--magritte-color-component-input-text-state-label-invalid-v25-0-0);
230
233
  }
231
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-label___YlOQk_9-4-37:not(.magritte-label_elevated___PVcpC_9-4-37),
232
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-fixed-placeholder___PYJIH_9-4-37{
234
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-label___YlOQk_9-4-38:not(.magritte-label_elevated___PVcpC_9-4-38),
235
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-fixed-placeholder___PYJIH_9-4-38{
233
236
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v25-0-0);
234
237
  }
235
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-icon___HEDsQ_9-4-37{
238
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-icon___HEDsQ_9-4-38{
236
239
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v25-0-0);
237
240
  }
238
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37{
241
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38{
239
242
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v25-0-0);
240
243
  }
241
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
244
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
242
245
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v25-0-0);
243
246
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v25-0-0);
244
247
  }
245
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-field___9S8Tw_9-4-37{
248
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-field___9S8Tw_9-4-38{
246
249
  color:var(--magritte-color-component-input-text-state-content-invalid-v25-0-0);
247
250
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v25-0-0);
248
251
  opacity:1;
249
252
  }
250
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-hint___EFGK0_9-4-37{
253
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-hint___EFGK0_9-4-38{
251
254
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
252
255
  color:var(--magritte-color-component-input-text-state-description-invalid-v25-0-0);
253
256
  }
254
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-additional-value___9Kyap_9-4-37{
257
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-additional-value___9Kyap_9-4-38{
255
258
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v25-0-0);
256
259
  }
257
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-label_elevated___PVcpC_9-4-37{
260
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-label_elevated___PVcpC_9-4-38{
258
261
  color:var(--magritte-color-component-input-text-state-label-invalid-v25-0-0);
259
262
  }
260
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-label___YlOQk_9-4-37:not(.magritte-label_elevated___PVcpC_9-4-37),
261
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-fixed-placeholder___PYJIH_9-4-37{
263
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-label___YlOQk_9-4-38:not(.magritte-label_elevated___PVcpC_9-4-38),
264
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-fixed-placeholder___PYJIH_9-4-38{
262
265
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v25-0-0);
263
266
  }
264
- .magritte-input___LVTID_9-4-37.magritte-invalid___L5MVa_9-4-37.magritte-focused___dxrHD_9-4-37 .magritte-icon___HEDsQ_9-4-37{
267
+ .magritte-input___LVTID_9-4-38.magritte-invalid___L5MVa_9-4-38.magritte-focused___dxrHD_9-4-38 .magritte-icon___HEDsQ_9-4-38{
265
268
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v25-0-0);
266
269
  }
267
- .magritte-input___LVTID_9-4-37.magritte-focus-visible___QvCO1_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
270
+ .magritte-input___LVTID_9-4-38.magritte-focus-visible___QvCO1_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
268
271
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v25-0-0) solid 4px;
269
272
  }
270
- .magritte-input___LVTID_9-4-37.magritte-focus-visible___QvCO1_9-4-37.magritte-invalid___L5MVa_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
273
+ .magritte-input___LVTID_9-4-38.magritte-focus-visible___QvCO1_9-4-38.magritte-invalid___L5MVa_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
271
274
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v25-0-0);
272
275
  }
273
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37{
276
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38{
274
277
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v25-0-0);
275
278
  }
276
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
279
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
277
280
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v25-0-0);
278
281
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v25-0-0);
279
282
  }
280
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-field___9S8Tw_9-4-37{
283
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-field___9S8Tw_9-4-38{
281
284
  color:var(--magritte-color-component-input-text-state-content-disabled-v25-0-0);
282
285
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v25-0-0);
283
286
  opacity:1;
284
287
  }
285
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-hint___EFGK0_9-4-37{
288
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-hint___EFGK0_9-4-38{
286
289
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
287
290
  color:var(--magritte-color-component-input-text-state-description-disabled-v25-0-0);
288
291
  }
289
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-additional-value___9Kyap_9-4-37{
292
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-additional-value___9Kyap_9-4-38{
290
293
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v25-0-0);
291
294
  }
292
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-label_elevated___PVcpC_9-4-37{
295
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-label_elevated___PVcpC_9-4-38{
293
296
  color:var(--magritte-color-component-input-text-state-label-disabled-v25-0-0);
294
297
  }
295
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-label___YlOQk_9-4-37:not(.magritte-label_elevated___PVcpC_9-4-37),
296
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-fixed-placeholder___PYJIH_9-4-37{
298
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-label___YlOQk_9-4-38:not(.magritte-label_elevated___PVcpC_9-4-38),
299
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-fixed-placeholder___PYJIH_9-4-38{
297
300
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v25-0-0);
298
301
  }
299
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-icon___HEDsQ_9-4-37{
302
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-icon___HEDsQ_9-4-38{
300
303
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v25-0-0);
301
304
  }
302
- .magritte-input___LVTID_9-4-37.magritte-disabled___0NH6E_9-4-37 .magritte-right-container___N0B0o_9-4-37{
305
+ .magritte-input___LVTID_9-4-38.magritte-disabled___0NH6E_9-4-38 .magritte-right-container___N0B0o_9-4-38{
303
306
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v25-0-0);
304
307
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v25-0-0);
305
308
  }
306
309
  @media (prefers-reduced-motion){
307
- .magritte-input___LVTID_9-4-37{
310
+ .magritte-input___LVTID_9-4-38{
308
311
  --animation-100-duration:1ms;
309
312
  --animation-200-duration:1ms;
310
313
  }
311
314
  }
312
- .magritte-position-container___kZnvZ_9-4-37{
315
+ .magritte-position-container___kZnvZ_9-4-38{
313
316
  cursor:text;
314
317
  display:flex;
315
318
  align-items:center;
@@ -321,43 +324,43 @@
321
324
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v25-0-0);
322
325
  padding:4px 4px 4px 16px;
323
326
  }
324
- .magritte-with-icon___TPBe2_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
327
+ .magritte-with-icon___TPBe2_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
325
328
  padding-left:12px;
326
329
  }
327
- .magritte-large___9frRh_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
330
+ .magritte-large___9frRh_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
328
331
  padding:8px 8px 8px 16px;
329
332
  }
330
- .magritte-small___iQL4F_9-4-37 .magritte-position-container___kZnvZ_9-4-37{
333
+ .magritte-small___iQL4F_9-4-38 .magritte-position-container___kZnvZ_9-4-38{
331
334
  padding:0 2px 0 12px;
332
335
  }
333
- .magritte-right-container___N0B0o_9-4-37{
336
+ .magritte-right-container___N0B0o_9-4-38{
334
337
  display:flex;
335
338
  align-items:center;
336
339
  justify-content:center;
337
340
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v25-0-0);
338
341
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v25-0-0);
339
342
  }
340
- .magritte-autofill-helper___WFjOW_9-4-37{
343
+ .magritte-autofill-helper___WFjOW_9-4-38{
341
344
  position:absolute;
342
345
  left:1px;
343
346
  top:1px;
344
347
  width:calc(100% - 1px * 2);
345
348
  height:calc(100% - 1px * 2);
346
- background-color:#e7f2ff;
349
+ background-color:var(--magritte-color-component-input-background-state-field-autofilled-v25-0-0);
347
350
  border-radius:11px;
348
351
  display:none;
349
352
  }
350
- .magritte-autofill-helper___WFjOW_9-4-37:has(+ .magritte-content-container___s-0kX_9-4-37 .magritte-field___9S8Tw_9-4-37:autofill){
353
+ .magritte-autofill-helper___WFjOW_9-4-38:has(+ .magritte-content-container___s-0kX_9-4-38 .magritte-field___9S8Tw_9-4-38:autofill){
351
354
  display:block;
352
355
  }
353
- .magritte-autofill-helper___WFjOW_9-4-37:has(+ .magritte-content-container___s-0kX_9-4-37 .magritte-field___9S8Tw_9-4-37:autofill:focus){
356
+ .magritte-autofill-helper___WFjOW_9-4-38:has(+ .magritte-content-container___s-0kX_9-4-38 .magritte-field___9S8Tw_9-4-38:autofill:focus){
354
357
  border-radius:10px;
355
358
  left:2px;
356
359
  top:2px;
357
360
  width:calc(100% - 2px * 2);
358
361
  height:calc(100% - 2px * 2);
359
362
  }
360
- .magritte-field___9S8Tw_9-4-37{
363
+ .magritte-field___9S8Tw_9-4-38{
361
364
  position:absolute;
362
365
  inset:0;
363
366
  background:none;
@@ -368,6 +371,7 @@
368
371
  min-width:0;
369
372
  width:100%;
370
373
  color:var(--magritte-color-component-input-text-content-v25-0-0);
374
+ -webkit-text-fill-color:var(--magritte-color-component-input-text-content-v25-0-0);
371
375
  caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v25-0-0));
372
376
  outline:none;
373
377
  font-family:"hh sans";
@@ -379,7 +383,7 @@
379
383
  text-transform:none;
380
384
  text-decoration:none;
381
385
  }
382
- .magritte-small___iQL4F_9-4-37 .magritte-field___9S8Tw_9-4-37{
386
+ .magritte-small___iQL4F_9-4-38 .magritte-field___9S8Tw_9-4-38{
383
387
  font-family:"hh sans";
384
388
  font-weight:400;
385
389
  line-height:20px;
@@ -389,13 +393,13 @@
389
393
  text-transform:none;
390
394
  text-decoration:none;
391
395
  }
392
- .magritte-field___9S8Tw_9-4-37:autofill{
393
- box-shadow:inset 0 0 40px 40px #e7f2ff;
396
+ .magritte-field___9S8Tw_9-4-38:autofill{
397
+ box-shadow:inset 0 0 40px 40px var(--magritte-color-component-input-background-state-field-autofilled-v25-0-0);
394
398
  }
395
- .magritte-field___9S8Tw_9-4-37::-ms-reveal{
399
+ .magritte-field___9S8Tw_9-4-38::-ms-reveal{
396
400
  display:none;
397
401
  }
398
- .magritte-icon___HEDsQ_9-4-37{
402
+ .magritte-icon___HEDsQ_9-4-38{
399
403
  display:flex;
400
404
  align-items:center;
401
405
  position:absolute;
@@ -405,21 +409,21 @@
405
409
  z-index:1;
406
410
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v25-0-0);
407
411
  }
408
- .magritte-with-icon___TPBe2_9-4-37 .magritte-field___9S8Tw_9-4-37,
409
- .magritte-with-icon___TPBe2_9-4-37 .magritte-additional-value___9Kyap_9-4-37{
412
+ .magritte-with-icon___TPBe2_9-4-38 .magritte-field___9S8Tw_9-4-38,
413
+ .magritte-with-icon___TPBe2_9-4-38 .magritte-additional-value___9Kyap_9-4-38{
410
414
  padding-left:calc(24px + 12px);
411
415
  }
412
- .magritte-with-icon___TPBe2_9-4-37 .magritte-rigging-container___Up9Lb_9-4-37{
416
+ .magritte-with-icon___TPBe2_9-4-38 .magritte-rigging-container___Up9Lb_9-4-38{
413
417
  left:calc(24px + 12px);
414
418
  }
415
- .magritte-with-icon___TPBe2_9-4-37.magritte-small___iQL4F_9-4-37 .magritte-field___9S8Tw_9-4-37,
416
- .magritte-with-icon___TPBe2_9-4-37.magritte-small___iQL4F_9-4-37 .magritte-additional-value___9Kyap_9-4-37{
419
+ .magritte-with-icon___TPBe2_9-4-38.magritte-small___iQL4F_9-4-38 .magritte-field___9S8Tw_9-4-38,
420
+ .magritte-with-icon___TPBe2_9-4-38.magritte-small___iQL4F_9-4-38 .magritte-additional-value___9Kyap_9-4-38{
417
421
  padding-left:calc(16px + 10px);
418
422
  }
419
- .magritte-with-icon___TPBe2_9-4-37.magritte-small___iQL4F_9-4-37 .magritte-rigging-container___Up9Lb_9-4-37{
423
+ .magritte-with-icon___TPBe2_9-4-38.magritte-small___iQL4F_9-4-38 .magritte-rigging-container___Up9Lb_9-4-38{
420
424
  left:calc(16px + 10px);
421
425
  }
422
- .magritte-rigging-container___Up9Lb_9-4-37{
426
+ .magritte-rigging-container___Up9Lb_9-4-38{
423
427
  display:flex;
424
428
  align-items:center;
425
429
  position:absolute;
@@ -427,8 +431,8 @@
427
431
  inset:0;
428
432
  pointer-events:none;
429
433
  }
430
- .magritte-label___YlOQk_9-4-37,
431
- .magritte-fixed-placeholder___PYJIH_9-4-37{
434
+ .magritte-label___YlOQk_9-4-38,
435
+ .magritte-fixed-placeholder___PYJIH_9-4-38{
432
436
  white-space:nowrap;
433
437
  overflow:hidden;
434
438
  text-overflow:ellipsis;
@@ -446,8 +450,8 @@
446
450
  text-transform:none;
447
451
  text-decoration:none;
448
452
  }
449
- .magritte-small___iQL4F_9-4-37 .magritte-label___YlOQk_9-4-37,
450
- .magritte-small___iQL4F_9-4-37 .magritte-fixed-placeholder___PYJIH_9-4-37{
453
+ .magritte-small___iQL4F_9-4-38 .magritte-label___YlOQk_9-4-38,
454
+ .magritte-small___iQL4F_9-4-38 .magritte-fixed-placeholder___PYJIH_9-4-38{
451
455
  font-family:"hh sans";
452
456
  font-weight:400;
453
457
  line-height:20px;
@@ -457,11 +461,11 @@
457
461
  text-transform:none;
458
462
  text-decoration:none;
459
463
  }
460
- .magritte-label___YlOQk_9-4-37{
464
+ .magritte-label___YlOQk_9-4-38{
461
465
  display:block;
462
466
  transition-property:transform, color, font-size, letter-spacing;
463
467
  }
464
- .magritte-label_elevated___PVcpC_9-4-37{
468
+ .magritte-label_elevated___PVcpC_9-4-38{
465
469
  font-family:"hh sans";
466
470
  font-weight:400;
467
471
  line-height:18px;
@@ -473,7 +477,7 @@
473
477
  color:var(--magritte-color-component-input-text-label-v25-0-0);
474
478
  transform:translateY(calc(0px - 22px / 2));
475
479
  }
476
- .magritte-input__mask___CHda2_9-4-37{
480
+ .magritte-input__mask___CHda2_9-4-38{
477
481
  position:absolute;
478
482
  width:100%;
479
483
  pointer-events:none;
@@ -483,17 +487,17 @@
483
487
  text-overflow:ellipsis;
484
488
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v25-0-0);
485
489
  }
486
- .magritte-value-ghost___IXNZj_9-4-37{
490
+ .magritte-value-ghost___IXNZj_9-4-38{
487
491
  visibility:hidden;
488
492
  white-space:pre;
489
493
  }
490
- .magritte-hint-container___rGsD8_9-4-37{
494
+ .magritte-hint-container___rGsD8_9-4-38{
491
495
  display:flex;
492
496
  flex-grow:1;
493
497
  align-items:center;
494
498
  min-width:0;
495
499
  }
496
- .magritte-hint___EFGK0_9-4-37{
500
+ .magritte-hint___EFGK0_9-4-38{
497
501
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v25-0-0);
498
502
  color:var(--magritte-color-component-input-text-description-v25-0-0);
499
503
  overflow:hidden;
@@ -503,30 +507,30 @@
503
507
  z-index:1;
504
508
  padding-right:8px;
505
509
  }
506
- .magritte-content-container___s-0kX_9-4-37{
510
+ .magritte-content-container___s-0kX_9-4-38{
507
511
  position:relative;
508
512
  flex:1 0 auto;
509
513
  display:flex;
510
514
  padding:8px 12px 8px 0;
511
515
  max-width:100%;
512
516
  }
513
- .magritte-elevated___kPcsM_9-4-37 .magritte-content-container___s-0kX_9-4-37{
517
+ .magritte-elevated___kPcsM_9-4-38 .magritte-content-container___s-0kX_9-4-38{
514
518
  padding-top:18px;
515
519
  padding-bottom:0;
516
520
  }
517
- .magritte-small___iQL4F_9-4-37 .magritte-content-container___s-0kX_9-4-37{
521
+ .magritte-small___iQL4F_9-4-38 .magritte-content-container___s-0kX_9-4-38{
518
522
  padding-right:10px;
519
523
  }
520
- .magritte-counter___Bld3Q_9-4-37{
524
+ .magritte-counter___Bld3Q_9-4-38{
521
525
  padding:0 8px;
522
526
  z-index:1;
523
527
  }
524
- .magritte-value-container___6ReT7_9-4-37{
528
+ .magritte-value-container___6ReT7_9-4-38{
525
529
  position:relative;
526
530
  display:grid;
527
531
  width:100%;
528
532
  }
529
- .magritte-additional-value___9Kyap_9-4-37{
533
+ .magritte-additional-value___9Kyap_9-4-38{
530
534
  display:flex;
531
535
  align-items:center;
532
536
  grid-area:1 / 1;
@@ -536,6 +540,6 @@
536
540
  color:transparent;
537
541
  min-height:24px;
538
542
  }
539
- .magritte-elevated___kPcsM_9-4-37 .magritte-additional-value___9Kyap_9-4-37{
543
+ .magritte-elevated___kPcsM_9-4-38 .magritte-additional-value___9Kyap_9-4-38{
540
544
  min-height:22px;
541
545
  }
@@ -1824,4 +1824,4 @@ const useMaskito = ({
1824
1824
  };
1825
1825
 
1826
1826
  export { MASKITO_DEFAULT_OPTIONS as M, maskitoDateRangeOptionsGenerator as a, maskitoDateTimeOptionsGenerator as b, maskitoTimeOptionsGenerator as c, maskitoDateOptionsGenerator as m, useMaskito as u };
1827
- //# sourceMappingURL=index.esm-BEhHiGIo.js.map
1827
+ //# sourceMappingURL=index.esm-CWAjFzo7.js.map