@hh.ru/magritte-ui-input 7.2.0 → 7.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/BaseInput.js +1 -1
  2. package/DateTimeInput.js +1 -1
  3. package/UncontrolledDateTimeInput.js +1 -1
  4. package/index.css +100 -99
  5. package/{index.esm-CU0lqyKD.js → index.esm-C-BUSX0F.js} +1 -1
  6. package/{index.esm-CU0lqyKD.js.map → index.esm-C-BUSX0F.js.map} +1 -1
  7. package/index.js +1 -1
  8. package/maskito-exports.js +1 -1
  9. package/package.json +3 -3
  10. package/useDateTimeMask.js +1 -1
package/BaseInput.js CHANGED
@@ -12,7 +12,7 @@ import { useFocus } from './useFocus.js';
12
12
  import { useInputAriaProps } from './useInputAriaProps.js';
13
13
  import { Text } from '@hh.ru/magritte-ui-typography';
14
14
 
15
- var styles = {"input":"magritte-input___LVTID_7-2-0","label":"magritte-label___YlOQk_7-2-0","elevated":"magritte-elevated___kPcsM_7-2-0","focused":"magritte-focused___dxrHD_7-2-0","invalid":"magritte-invalid___L5MVa_7-2-0","disabled":"magritte-disabled___0NH6E_7-2-0","position-container":"magritte-position-container___kZnvZ_7-2-0","positionContainer":"magritte-position-container___kZnvZ_7-2-0","field":"magritte-field___9S8Tw_7-2-0","hint":"magritte-hint___EFGK0_7-2-0","additional-value":"magritte-additional-value___9Kyap_7-2-0","additionalValue":"magritte-additional-value___9Kyap_7-2-0","label_elevated":"magritte-label_elevated___PVcpC_7-2-0","labelElevated":"magritte-label_elevated___PVcpC_7-2-0","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_7-2-0","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_7-2-0","icon":"magritte-icon___HEDsQ_7-2-0","focus-visible":"magritte-focus-visible___QvCO1_7-2-0","focusVisible":"magritte-focus-visible___QvCO1_7-2-0","right-container":"magritte-right-container___N0B0o_7-2-0","rightContainer":"magritte-right-container___N0B0o_7-2-0","with-icon":"magritte-with-icon___TPBe2_7-2-0","withIcon":"magritte-with-icon___TPBe2_7-2-0","large":"magritte-large___9frRh_7-2-0","small":"magritte-small___iQL4F_7-2-0","autofill-helper":"magritte-autofill-helper___WFjOW_7-2-0","autofillHelper":"magritte-autofill-helper___WFjOW_7-2-0","content-container":"magritte-content-container___s-0kX_7-2-0","contentContainer":"magritte-content-container___s-0kX_7-2-0","rigging-container":"magritte-rigging-container___Up9Lb_7-2-0","riggingContainer":"magritte-rigging-container___Up9Lb_7-2-0","input__mask":"magritte-input__mask___CHda2_7-2-0","inputMask":"magritte-input__mask___CHda2_7-2-0","value-ghost":"magritte-value-ghost___IXNZj_7-2-0","valueGhost":"magritte-value-ghost___IXNZj_7-2-0","hint-container":"magritte-hint-container___rGsD8_7-2-0","hintContainer":"magritte-hint-container___rGsD8_7-2-0","counter":"magritte-counter___Bld3Q_7-2-0","value-container":"magritte-value-container___6ReT7_7-2-0","valueContainer":"magritte-value-container___6ReT7_7-2-0"};
15
+ var styles = {"input":"magritte-input___LVTID_7-2-2","label":"magritte-label___YlOQk_7-2-2","elevated":"magritte-elevated___kPcsM_7-2-2","focused":"magritte-focused___dxrHD_7-2-2","invalid":"magritte-invalid___L5MVa_7-2-2","disabled":"magritte-disabled___0NH6E_7-2-2","position-container":"magritte-position-container___kZnvZ_7-2-2","positionContainer":"magritte-position-container___kZnvZ_7-2-2","field":"magritte-field___9S8Tw_7-2-2","hint":"magritte-hint___EFGK0_7-2-2","additional-value":"magritte-additional-value___9Kyap_7-2-2","additionalValue":"magritte-additional-value___9Kyap_7-2-2","label_elevated":"magritte-label_elevated___PVcpC_7-2-2","labelElevated":"magritte-label_elevated___PVcpC_7-2-2","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_7-2-2","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_7-2-2","icon":"magritte-icon___HEDsQ_7-2-2","focus-visible":"magritte-focus-visible___QvCO1_7-2-2","focusVisible":"magritte-focus-visible___QvCO1_7-2-2","right-container":"magritte-right-container___N0B0o_7-2-2","rightContainer":"magritte-right-container___N0B0o_7-2-2","with-icon":"magritte-with-icon___TPBe2_7-2-2","withIcon":"magritte-with-icon___TPBe2_7-2-2","large":"magritte-large___9frRh_7-2-2","small":"magritte-small___iQL4F_7-2-2","autofill-helper":"magritte-autofill-helper___WFjOW_7-2-2","autofillHelper":"magritte-autofill-helper___WFjOW_7-2-2","content-container":"magritte-content-container___s-0kX_7-2-2","contentContainer":"magritte-content-container___s-0kX_7-2-2","rigging-container":"magritte-rigging-container___Up9Lb_7-2-2","riggingContainer":"magritte-rigging-container___Up9Lb_7-2-2","input__mask":"magritte-input__mask___CHda2_7-2-2","inputMask":"magritte-input__mask___CHda2_7-2-2","value-ghost":"magritte-value-ghost___IXNZj_7-2-2","valueGhost":"magritte-value-ghost___IXNZj_7-2-2","hint-container":"magritte-hint-container___rGsD8_7-2-2","hintContainer":"magritte-hint-container___rGsD8_7-2-2","counter":"magritte-counter___Bld3Q_7-2-2","value-container":"magritte-value-container___6ReT7_7-2-2","valueContainer":"magritte-value-container___6ReT7_7-2-2"};
16
16
 
17
17
  const matchIconSize = (size, icon) => {
18
18
  return icon &&
package/DateTimeInput.js CHANGED
@@ -13,7 +13,7 @@ import '@hh.ru/magritte-ui-form-helper';
13
13
  import './useFocus.js';
14
14
  import './useInputAriaProps.js';
15
15
  import '@hh.ru/magritte-ui-typography';
16
- import './index.esm-CU0lqyKD.js';
16
+ import './index.esm-C-BUSX0F.js';
17
17
 
18
18
  const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, ...props }, ref) => {
19
19
  const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding);
package/UncontrolledDateTimeInput.js CHANGED
@@ -15,7 +15,7 @@ import './useFocus.js';
15
15
  import './useInputAriaProps.js';
16
16
  import '@hh.ru/magritte-ui-typography';
17
17
  import './useDateTimeMask.js';
18
- import './index.esm-CU0lqyKD.js';
18
+ import './index.esm-C-BUSX0F.js';
19
19
 
20
20
  const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
21
21
  const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
package/index.css CHANGED
@@ -116,22 +116,22 @@
116
116
  --magritte-color-component-input-icon-state-content-disabled-v21-3-2:#474747;
117
117
  --magritte-color-component-input-icon-content-v21-3-2:#ABABAB;
118
118
  }
119
- .magritte-input___LVTID_7-2-0{
119
+ .magritte-input___LVTID_7-2-2{
120
120
  display:inline-block;
121
121
  width:100%;
122
122
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v21-3-2);
123
123
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v21-3-2);
124
124
  }
125
- .magritte-input___LVTID_7-2-0:has(input:autofill) .magritte-label___YlOQk_7-2-0{
125
+ .magritte-input___LVTID_7-2-2:has(input:autofill) .magritte-label___YlOQk_7-2-2{
126
126
  display:none;
127
127
  }
128
- .magritte-input___LVTID_7-2-0.magritte-elevated___kPcsM_7-2-0:has(input:autofill) .magritte-label___YlOQk_7-2-0{
128
+ .magritte-input___LVTID_7-2-2.magritte-elevated___kPcsM_7-2-2:has(input:autofill) .magritte-label___YlOQk_7-2-2{
129
129
  display:block;
130
130
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v21-3-2) + var(--magritte-typography-label-2-regular-line-height-v21-3-2)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v21-3-2) / 2)));
131
131
  transition-duration:0ms;
132
132
  color:var(--magritte-color-component-input-text-label-v21-3-2);
133
133
  }
134
- .magritte-input___LVTID_7-2-0.magritte-elevated___kPcsM_7-2-0:has(input:autofill) .magritte-label___YlOQk_7-2-0 > *{
134
+ .magritte-input___LVTID_7-2-2.magritte-elevated___kPcsM_7-2-2:has(input:autofill) .magritte-label___YlOQk_7-2-2 > *{
135
135
  font-family:var(--magritte-typography-label-4-regular-font-family-v21-3-2);
136
136
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v21-3-2);
137
137
  line-height:var(--magritte-typography-label-4-regular-line-height-v21-3-2);
@@ -142,200 +142,200 @@
142
142
  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v21-3-2);
143
143
  }
144
144
  @media (min-width: 1020px){
145
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover{
145
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover{
146
146
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-3-2);
147
147
  }
148
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-position-container___kZnvZ_7-2-0{
148
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-position-container___kZnvZ_7-2-2{
149
149
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-3-2);
150
150
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-3-2);
151
151
  }
152
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-field___9S8Tw_7-2-0{
152
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-field___9S8Tw_7-2-2{
153
153
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-3-2);
154
154
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-3-2);
155
155
  opacity:1;
156
156
  }
157
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-hint___EFGK0_7-2-0{
157
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-hint___EFGK0_7-2-2{
158
158
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
159
159
  color:var(--magritte-color-component-input-text-state-description-hovered-v21-3-2);
160
160
  }
161
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-additional-value___9Kyap_7-2-0{
161
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-additional-value___9Kyap_7-2-2{
162
162
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v21-3-2);
163
163
  }
164
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-label_elevated___PVcpC_7-2-0{
164
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-label_elevated___PVcpC_7-2-2{
165
165
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-3-2);
166
166
  }
167
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-label___YlOQk_7-2-0:not(.magritte-label_elevated___PVcpC_7-2-0),
168
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-fixed-placeholder___PYJIH_7-2-0{
167
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-label___YlOQk_7-2-2:not(.magritte-label_elevated___PVcpC_7-2-2),
168
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-fixed-placeholder___PYJIH_7-2-2{
169
169
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-3-2);
170
170
  }
171
- body.magritte-old-layout .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-icon___HEDsQ_7-2-0{
171
+ body.magritte-old-layout .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-icon___HEDsQ_7-2-2{
172
172
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v21-3-2);
173
173
  }
174
174
  }
175
175
  @media (min-width: 1024px){
176
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover{
176
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover{
177
177
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v21-3-2);
178
178
  }
179
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-position-container___kZnvZ_7-2-0{
179
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-position-container___kZnvZ_7-2-2{
180
180
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v21-3-2);
181
181
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v21-3-2);
182
182
  }
183
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-field___9S8Tw_7-2-0{
183
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-field___9S8Tw_7-2-2{
184
184
  color:var(--magritte-color-component-input-text-state-content-hovered-v21-3-2);
185
185
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v21-3-2);
186
186
  opacity:1;
187
187
  }
188
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-hint___EFGK0_7-2-0{
188
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-hint___EFGK0_7-2-2{
189
189
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
190
190
  color:var(--magritte-color-component-input-text-state-description-hovered-v21-3-2);
191
191
  }
192
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-additional-value___9Kyap_7-2-0{
192
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-additional-value___9Kyap_7-2-2{
193
193
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v21-3-2);
194
194
  }
195
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-label_elevated___PVcpC_7-2-0{
195
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-label_elevated___PVcpC_7-2-2{
196
196
  color:var(--magritte-color-component-input-text-state-label-hovered-v21-3-2);
197
197
  }
198
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-label___YlOQk_7-2-0:not(.magritte-label_elevated___PVcpC_7-2-0),
199
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-fixed-placeholder___PYJIH_7-2-0{
198
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-label___YlOQk_7-2-2:not(.magritte-label_elevated___PVcpC_7-2-2),
199
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-fixed-placeholder___PYJIH_7-2-2{
200
200
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v21-3-2);
201
201
  }
202
- body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-0:not(.magritte-focused___dxrHD_7-2-0):not(.magritte-invalid___L5MVa_7-2-0):not(.magritte-disabled___0NH6E_7-2-0):hover .magritte-icon___HEDsQ_7-2-0{
202
+ body:not(.magritte-old-layout) .magritte-input___LVTID_7-2-2:not(.magritte-focused___dxrHD_7-2-2):not(.magritte-invalid___L5MVa_7-2-2):not(.magritte-disabled___0NH6E_7-2-2):hover .magritte-icon___HEDsQ_7-2-2{
203
203
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v21-3-2);
204
204
  }
205
205
  }
206
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0{
206
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2{
207
207
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v21-3-2);
208
208
  }
209
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
209
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
210
210
  background-color:var(--magritte-color-component-input-background-state-field-focused-v21-3-2);
211
211
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v21-3-2);
212
212
  }
213
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-field___9S8Tw_7-2-0{
213
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-field___9S8Tw_7-2-2{
214
214
  color:var(--magritte-color-component-input-text-state-content-focused-v21-3-2);
215
215
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v21-3-2);
216
216
  opacity:1;
217
217
  }
218
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-hint___EFGK0_7-2-0{
218
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-hint___EFGK0_7-2-2{
219
219
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
220
220
  color:var(--magritte-color-component-input-text-state-description-focused-v21-3-2);
221
221
  }
222
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-additional-value___9Kyap_7-2-0{
222
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-additional-value___9Kyap_7-2-2{
223
223
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v21-3-2);
224
224
  }
225
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-label_elevated___PVcpC_7-2-0{
225
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-label_elevated___PVcpC_7-2-2{
226
226
  color:var(--magritte-color-component-input-text-state-label-focused-v21-3-2);
227
227
  }
228
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-label___YlOQk_7-2-0:not(.magritte-label_elevated___PVcpC_7-2-0),
229
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-fixed-placeholder___PYJIH_7-2-0{
228
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-label___YlOQk_7-2-2:not(.magritte-label_elevated___PVcpC_7-2-2),
229
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-fixed-placeholder___PYJIH_7-2-2{
230
230
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v21-3-2);
231
231
  }
232
- .magritte-input___LVTID_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-icon___HEDsQ_7-2-0{
232
+ .magritte-input___LVTID_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-icon___HEDsQ_7-2-2{
233
233
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v21-3-2);
234
234
  }
235
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0{
235
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2{
236
236
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-3-2);
237
237
  }
238
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
238
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
239
239
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-3-2);
240
240
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v21-3-2);
241
241
  }
242
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-field___9S8Tw_7-2-0{
242
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-field___9S8Tw_7-2-2{
243
243
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-3-2);
244
244
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-3-2);
245
245
  opacity:1;
246
246
  }
247
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-hint___EFGK0_7-2-0{
247
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-hint___EFGK0_7-2-2{
248
248
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
249
249
  color:var(--magritte-color-component-input-text-state-description-invalid-v21-3-2);
250
250
  }
251
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-additional-value___9Kyap_7-2-0{
251
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-additional-value___9Kyap_7-2-2{
252
252
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v21-3-2);
253
253
  }
254
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-label_elevated___PVcpC_7-2-0{
254
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-label_elevated___PVcpC_7-2-2{
255
255
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-3-2);
256
256
  }
257
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-label___YlOQk_7-2-0:not(.magritte-label_elevated___PVcpC_7-2-0),
258
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-fixed-placeholder___PYJIH_7-2-0{
257
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-label___YlOQk_7-2-2:not(.magritte-label_elevated___PVcpC_7-2-2),
258
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-fixed-placeholder___PYJIH_7-2-2{
259
259
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-3-2);
260
260
  }
261
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-icon___HEDsQ_7-2-0{
261
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-icon___HEDsQ_7-2-2{
262
262
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v21-3-2);
263
263
  }
264
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0{
264
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2{
265
265
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v21-3-2);
266
266
  }
267
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
267
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
268
268
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v21-3-2);
269
269
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v21-3-2);
270
270
  }
271
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-field___9S8Tw_7-2-0{
271
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-field___9S8Tw_7-2-2{
272
272
  color:var(--magritte-color-component-input-text-state-content-invalid-v21-3-2);
273
273
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v21-3-2);
274
274
  opacity:1;
275
275
  }
276
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-hint___EFGK0_7-2-0{
276
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-hint___EFGK0_7-2-2{
277
277
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
278
278
  color:var(--magritte-color-component-input-text-state-description-invalid-v21-3-2);
279
279
  }
280
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-additional-value___9Kyap_7-2-0{
280
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-additional-value___9Kyap_7-2-2{
281
281
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v21-3-2);
282
282
  }
283
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-label_elevated___PVcpC_7-2-0{
283
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-label_elevated___PVcpC_7-2-2{
284
284
  color:var(--magritte-color-component-input-text-state-label-invalid-v21-3-2);
285
285
  }
286
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-label___YlOQk_7-2-0:not(.magritte-label_elevated___PVcpC_7-2-0),
287
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-fixed-placeholder___PYJIH_7-2-0{
286
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-label___YlOQk_7-2-2:not(.magritte-label_elevated___PVcpC_7-2-2),
287
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-fixed-placeholder___PYJIH_7-2-2{
288
288
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v21-3-2);
289
289
  }
290
- .magritte-input___LVTID_7-2-0.magritte-invalid___L5MVa_7-2-0.magritte-focused___dxrHD_7-2-0 .magritte-icon___HEDsQ_7-2-0{
290
+ .magritte-input___LVTID_7-2-2.magritte-invalid___L5MVa_7-2-2.magritte-focused___dxrHD_7-2-2 .magritte-icon___HEDsQ_7-2-2{
291
291
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v21-3-2);
292
292
  }
293
- .magritte-input___LVTID_7-2-0.magritte-focus-visible___QvCO1_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
293
+ .magritte-input___LVTID_7-2-2.magritte-focus-visible___QvCO1_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
294
294
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v21-3-2) solid 4px;
295
295
  }
296
- .magritte-input___LVTID_7-2-0.magritte-focus-visible___QvCO1_7-2-0.magritte-invalid___L5MVa_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
296
+ .magritte-input___LVTID_7-2-2.magritte-focus-visible___QvCO1_7-2-2.magritte-invalid___L5MVa_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
297
297
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v21-3-2);
298
298
  }
299
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0{
299
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2{
300
300
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v21-3-2);
301
301
  }
302
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
302
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
303
303
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v21-3-2);
304
304
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v21-3-2);
305
305
  }
306
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-field___9S8Tw_7-2-0{
306
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-field___9S8Tw_7-2-2{
307
307
  color:var(--magritte-color-component-input-text-state-content-disabled-v21-3-2);
308
308
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v21-3-2);
309
309
  opacity:1;
310
310
  }
311
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-hint___EFGK0_7-2-0{
311
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-hint___EFGK0_7-2-2{
312
312
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
313
313
  color:var(--magritte-color-component-input-text-state-description-disabled-v21-3-2);
314
314
  }
315
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-additional-value___9Kyap_7-2-0{
315
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-additional-value___9Kyap_7-2-2{
316
316
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v21-3-2);
317
317
  }
318
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-label_elevated___PVcpC_7-2-0{
318
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-label_elevated___PVcpC_7-2-2{
319
319
  color:var(--magritte-color-component-input-text-state-label-disabled-v21-3-2);
320
320
  }
321
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-label___YlOQk_7-2-0:not(.magritte-label_elevated___PVcpC_7-2-0),
322
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-fixed-placeholder___PYJIH_7-2-0{
321
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-label___YlOQk_7-2-2:not(.magritte-label_elevated___PVcpC_7-2-2),
322
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-fixed-placeholder___PYJIH_7-2-2{
323
323
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v21-3-2);
324
324
  }
325
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-icon___HEDsQ_7-2-0{
325
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-icon___HEDsQ_7-2-2{
326
326
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v21-3-2);
327
327
  }
328
- .magritte-input___LVTID_7-2-0.magritte-disabled___0NH6E_7-2-0 .magritte-right-container___N0B0o_7-2-0{
328
+ .magritte-input___LVTID_7-2-2.magritte-disabled___0NH6E_7-2-2 .magritte-right-container___N0B0o_7-2-2{
329
329
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v21-3-2);
330
330
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v21-3-2);
331
331
  }
332
332
  @media (prefers-reduced-motion){
333
- .magritte-input___LVTID_7-2-0{
333
+ .magritte-input___LVTID_7-2-2{
334
334
  --animation-100-duration:1ms;
335
335
  --animation-200-duration:1ms;
336
336
  }
337
337
  }
338
- .magritte-position-container___kZnvZ_7-2-0{
338
+ .magritte-position-container___kZnvZ_7-2-2{
339
339
  cursor:text;
340
340
  display:flex;
341
341
  align-items:center;
@@ -347,23 +347,23 @@
347
347
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v21-3-2);
348
348
  padding:4px 4px 4px 16px;
349
349
  }
350
- .magritte-with-icon___TPBe2_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
350
+ .magritte-with-icon___TPBe2_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
351
351
  padding-left:12px;
352
352
  }
353
- .magritte-large___9frRh_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
353
+ .magritte-large___9frRh_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
354
354
  padding:8px 8px 8px 16px;
355
355
  }
356
- .magritte-small___iQL4F_7-2-0 .magritte-position-container___kZnvZ_7-2-0{
356
+ .magritte-small___iQL4F_7-2-2 .magritte-position-container___kZnvZ_7-2-2{
357
357
  padding:0 2px 0 12px;
358
358
  }
359
- .magritte-right-container___N0B0o_7-2-0{
359
+ .magritte-right-container___N0B0o_7-2-2{
360
360
  display:flex;
361
361
  align-items:center;
362
362
  justify-content:center;
363
363
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v21-3-2);
364
364
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v21-3-2);
365
365
  }
366
- .magritte-autofill-helper___WFjOW_7-2-0{
366
+ .magritte-autofill-helper___WFjOW_7-2-2{
367
367
  position:absolute;
368
368
  left:1px;
369
369
  top:1px;
@@ -373,17 +373,17 @@
373
373
  border-radius:11px;
374
374
  display:none;
375
375
  }
376
- .magritte-autofill-helper___WFjOW_7-2-0:has(+ .magritte-content-container___s-0kX_7-2-0 .magritte-field___9S8Tw_7-2-0:autofill){
376
+ .magritte-autofill-helper___WFjOW_7-2-2:has(+ .magritte-content-container___s-0kX_7-2-2 .magritte-field___9S8Tw_7-2-2:autofill){
377
377
  display:block;
378
378
  }
379
- .magritte-autofill-helper___WFjOW_7-2-0:has(+ .magritte-content-container___s-0kX_7-2-0 .magritte-field___9S8Tw_7-2-0:autofill:focus){
379
+ .magritte-autofill-helper___WFjOW_7-2-2:has(+ .magritte-content-container___s-0kX_7-2-2 .magritte-field___9S8Tw_7-2-2:autofill:focus){
380
380
  border-radius:10px;
381
381
  left:2px;
382
382
  top:2px;
383
383
  width:calc(100% - 2px * 2);
384
384
  height:calc(100% - 2px * 2);
385
385
  }
386
- .magritte-field___9S8Tw_7-2-0{
386
+ .magritte-field___9S8Tw_7-2-2{
387
387
  position:absolute;
388
388
  inset:0;
389
389
  background:none;
@@ -396,6 +396,7 @@
396
396
  color:var(--magritte-color-component-input-text-content-v21-3-2);
397
397
  caret-color:var(--magritte-ui-input-caret-color-override, var(--magritte-color-text-primary-v21-3-2));
398
398
  outline:none;
399
+ z-index:1;
399
400
  font-family:var(--magritte-typography-label-2-regular-font-family-v21-3-2);
400
401
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-3-2);
401
402
  line-height:var(--magritte-typography-label-2-regular-line-height-v21-3-2);
@@ -405,7 +406,7 @@
405
406
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v21-3-2);
406
407
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v21-3-2);
407
408
  }
408
- .magritte-small___iQL4F_7-2-0 .magritte-field___9S8Tw_7-2-0{
409
+ .magritte-small___iQL4F_7-2-2 .magritte-field___9S8Tw_7-2-2{
409
410
  font-family:var(--magritte-typography-label-3-regular-font-family-v21-3-2);
410
411
  font-weight:var(--magritte-typography-label-3-regular-font-weight-v21-3-2);
411
412
  line-height:var(--magritte-typography-label-3-regular-line-height-v21-3-2);
@@ -415,34 +416,34 @@
415
416
  text-transform:var(--magritte-typography-label-3-regular-text-transform-v21-3-2);
416
417
  text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v21-3-2);
417
418
  }
418
- .magritte-field___9S8Tw_7-2-0:autofill{
419
+ .magritte-field___9S8Tw_7-2-2:autofill{
419
420
  box-shadow:inset 0 0 40px 40px var(--magritte-color-base-blue-95-v21-3-2);
420
421
  }
421
- .magritte-icon___HEDsQ_7-2-0{
422
+ .magritte-icon___HEDsQ_7-2-2{
422
423
  display:flex;
423
424
  align-items:center;
424
425
  position:absolute;
425
426
  height:100%;
426
427
  inset:0;
427
428
  pointer-events:none;
428
- z-index:1;
429
+ z-index:2;
429
430
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v21-3-2);
430
431
  }
431
- .magritte-with-icon___TPBe2_7-2-0 .magritte-field___9S8Tw_7-2-0,
432
- .magritte-with-icon___TPBe2_7-2-0 .magritte-additional-value___9Kyap_7-2-0{
432
+ .magritte-with-icon___TPBe2_7-2-2 .magritte-field___9S8Tw_7-2-2,
433
+ .magritte-with-icon___TPBe2_7-2-2 .magritte-additional-value___9Kyap_7-2-2{
433
434
  padding-left:calc(24px + 12px);
434
435
  }
435
- .magritte-with-icon___TPBe2_7-2-0 .magritte-rigging-container___Up9Lb_7-2-0{
436
+ .magritte-with-icon___TPBe2_7-2-2 .magritte-rigging-container___Up9Lb_7-2-2{
436
437
  left:calc(24px + 12px);
437
438
  }
438
- .magritte-with-icon___TPBe2_7-2-0.magritte-small___iQL4F_7-2-0 .magritte-field___9S8Tw_7-2-0,
439
- .magritte-with-icon___TPBe2_7-2-0.magritte-small___iQL4F_7-2-0 .magritte-additional-value___9Kyap_7-2-0{
439
+ .magritte-with-icon___TPBe2_7-2-2.magritte-small___iQL4F_7-2-2 .magritte-field___9S8Tw_7-2-2,
440
+ .magritte-with-icon___TPBe2_7-2-2.magritte-small___iQL4F_7-2-2 .magritte-additional-value___9Kyap_7-2-2{
440
441
  padding-left:calc(16px + 10px);
441
442
  }
442
- .magritte-with-icon___TPBe2_7-2-0.magritte-small___iQL4F_7-2-0 .magritte-rigging-container___Up9Lb_7-2-0{
443
+ .magritte-with-icon___TPBe2_7-2-2.magritte-small___iQL4F_7-2-2 .magritte-rigging-container___Up9Lb_7-2-2{
443
444
  left:calc(16px + 10px);
444
445
  }
445
- .magritte-rigging-container___Up9Lb_7-2-0{
446
+ .magritte-rigging-container___Up9Lb_7-2-2{
446
447
  display:flex;
447
448
  align-items:center;
448
449
  position:absolute;
@@ -450,8 +451,8 @@
450
451
  inset:0;
451
452
  pointer-events:none;
452
453
  }
453
- .magritte-label___YlOQk_7-2-0,
454
- .magritte-fixed-placeholder___PYJIH_7-2-0{
454
+ .magritte-label___YlOQk_7-2-2,
455
+ .magritte-fixed-placeholder___PYJIH_7-2-2{
455
456
  white-space:nowrap;
456
457
  overflow:hidden;
457
458
  text-overflow:ellipsis;
@@ -469,8 +470,8 @@
469
470
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v21-3-2);
470
471
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v21-3-2);
471
472
  }
472
- .magritte-small___iQL4F_7-2-0 .magritte-label___YlOQk_7-2-0,
473
- .magritte-small___iQL4F_7-2-0 .magritte-fixed-placeholder___PYJIH_7-2-0{
473
+ .magritte-small___iQL4F_7-2-2 .magritte-label___YlOQk_7-2-2,
474
+ .magritte-small___iQL4F_7-2-2 .magritte-fixed-placeholder___PYJIH_7-2-2{
474
475
  font-family:var(--magritte-typography-label-3-regular-font-family-v21-3-2);
475
476
  font-weight:var(--magritte-typography-label-3-regular-font-weight-v21-3-2);
476
477
  line-height:var(--magritte-typography-label-3-regular-line-height-v21-3-2);
@@ -480,11 +481,11 @@
480
481
  text-transform:var(--magritte-typography-label-3-regular-text-transform-v21-3-2);
481
482
  text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v21-3-2);
482
483
  }
483
- .magritte-label___YlOQk_7-2-0{
484
+ .magritte-label___YlOQk_7-2-2{
484
485
  display:block;
485
486
  transition-property:transform, color, font-size, letter-spacing;
486
487
  }
487
- .magritte-label_elevated___PVcpC_7-2-0{
488
+ .magritte-label_elevated___PVcpC_7-2-2{
488
489
  font-family:var(--magritte-typography-label-4-regular-font-family-v21-3-2);
489
490
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v21-3-2);
490
491
  line-height:var(--magritte-typography-label-4-regular-line-height-v21-3-2);
@@ -496,7 +497,7 @@
496
497
  color:var(--magritte-color-component-input-text-label-v21-3-2);
497
498
  transform:translateY(calc(0px - var(--magritte-typography-label-2-regular-line-height-v21-3-2) / 2));
498
499
  }
499
- .magritte-input__mask___CHda2_7-2-0{
500
+ .magritte-input__mask___CHda2_7-2-2{
500
501
  position:absolute;
501
502
  width:100%;
502
503
  pointer-events:none;
@@ -506,17 +507,17 @@
506
507
  text-overflow:ellipsis;
507
508
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v21-3-2);
508
509
  }
509
- .magritte-value-ghost___IXNZj_7-2-0{
510
+ .magritte-value-ghost___IXNZj_7-2-2{
510
511
  visibility:hidden;
511
512
  white-space:pre;
512
513
  }
513
- .magritte-hint-container___rGsD8_7-2-0{
514
+ .magritte-hint-container___rGsD8_7-2-2{
514
515
  display:flex;
515
516
  flex-grow:1;
516
517
  align-items:center;
517
518
  min-width:0;
518
519
  }
519
- .magritte-hint___EFGK0_7-2-0{
520
+ .magritte-hint___EFGK0_7-2-2{
520
521
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v21-3-2);
521
522
  color:var(--magritte-color-component-input-text-description-v21-3-2);
522
523
  overflow:hidden;
@@ -526,30 +527,30 @@
526
527
  z-index:1;
527
528
  padding-right:4px;
528
529
  }
529
- .magritte-content-container___s-0kX_7-2-0{
530
+ .magritte-content-container___s-0kX_7-2-2{
530
531
  position:relative;
531
532
  flex:1 0 auto;
532
533
  display:flex;
533
534
  padding:8px 12px 8px 0;
534
535
  max-width:100%;
535
536
  }
536
- .magritte-elevated___kPcsM_7-2-0 .magritte-content-container___s-0kX_7-2-0{
537
+ .magritte-elevated___kPcsM_7-2-2 .magritte-content-container___s-0kX_7-2-2{
537
538
  padding-top:18px;
538
539
  padding-bottom:0;
539
540
  }
540
- .magritte-small___iQL4F_7-2-0 .magritte-content-container___s-0kX_7-2-0{
541
+ .magritte-small___iQL4F_7-2-2 .magritte-content-container___s-0kX_7-2-2{
541
542
  padding-right:10px;
542
543
  }
543
- .magritte-counter___Bld3Q_7-2-0{
544
+ .magritte-counter___Bld3Q_7-2-2{
544
545
  padding:0 8px;
545
546
  z-index:1;
546
547
  }
547
- .magritte-value-container___6ReT7_7-2-0{
548
+ .magritte-value-container___6ReT7_7-2-2{
548
549
  position:relative;
549
550
  display:grid;
550
551
  width:100%;
551
552
  }
552
- .magritte-additional-value___9Kyap_7-2-0{
553
+ .magritte-additional-value___9Kyap_7-2-2{
553
554
  display:flex;
554
555
  align-items:center;
555
556
  grid-area:1 / 1;
@@ -559,6 +560,6 @@
559
560
  color:transparent;
560
561
  min-height:24px;
561
562
  }
562
- .magritte-elevated___kPcsM_7-2-0 .magritte-additional-value___9Kyap_7-2-0{
563
+ .magritte-elevated___kPcsM_7-2-2 .magritte-additional-value___9Kyap_7-2-2{
563
564
  min-height:22px;
564
565
  }
package/{index.esm-CU0lqyKD.js → index.esm-C-BUSX0F.js} RENAMED
@@ -1647,4 +1647,4 @@ const useMaskito = ({
1647
1647
  };
1648
1648
 
1649
1649
  export { MASKITO_DEFAULT_OPTIONS as M, maskitoDateTimeOptionsGenerator as a, maskitoTimeOptionsGenerator as b, maskitoDateOptionsGenerator as m, useMaskito as u };
1650
- //# sourceMappingURL=index.esm-CU0lqyKD.js.map
1650
+ //# sourceMappingURL=index.esm-C-BUSX0F.js.map