@hh.ru/magritte-ui-input 9.4.54 → 9.4.55

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 (11) hide show
  1. package/BaseInput.js +1 -1
  2. package/DateTimeInput.js +1 -1
  3. package/DateTimeInput.js.map +1 -1
  4. package/UncontrolledDateTimeInput.js +1 -1
  5. package/index.css +99 -99
  6. package/{index.esm-Z8Sgffgn.js → index.esm-Bvif23ba.js} +1 -1
  7. package/{index.esm-Z8Sgffgn.js.map → index.esm-Bvif23ba.js.map} +1 -1
  8. package/index.js +1 -1
  9. package/maskito-exports.js +1 -1
  10. package/package.json +2 -2
  11. package/useDateTimeMask.js +1 -1
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-54","label":"magritte-label___YlOQk_9-4-54","elevated":"magritte-elevated___kPcsM_9-4-54","focused":"magritte-focused___dxrHD_9-4-54","invalid":"magritte-invalid___L5MVa_9-4-54","disabled":"magritte-disabled___0NH6E_9-4-54","position-container":"magritte-position-container___kZnvZ_9-4-54","positionContainer":"magritte-position-container___kZnvZ_9-4-54","field":"magritte-field___9S8Tw_9-4-54","hint":"magritte-hint___EFGK0_9-4-54","additional-value":"magritte-additional-value___9Kyap_9-4-54","additionalValue":"magritte-additional-value___9Kyap_9-4-54","label_elevated":"magritte-label_elevated___PVcpC_9-4-54","labelElevated":"magritte-label_elevated___PVcpC_9-4-54","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_9-4-54","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_9-4-54","icon":"magritte-icon___HEDsQ_9-4-54","focus-visible":"magritte-focus-visible___QvCO1_9-4-54","focusVisible":"magritte-focus-visible___QvCO1_9-4-54","right-container":"magritte-right-container___N0B0o_9-4-54","rightContainer":"magritte-right-container___N0B0o_9-4-54","with-icon":"magritte-with-icon___TPBe2_9-4-54","withIcon":"magritte-with-icon___TPBe2_9-4-54","large":"magritte-large___9frRh_9-4-54","small":"magritte-small___iQL4F_9-4-54","autofill-helper":"magritte-autofill-helper___WFjOW_9-4-54","autofillHelper":"magritte-autofill-helper___WFjOW_9-4-54","content-container":"magritte-content-container___s-0kX_9-4-54","contentContainer":"magritte-content-container___s-0kX_9-4-54","rigging-container":"magritte-rigging-container___Up9Lb_9-4-54","riggingContainer":"magritte-rigging-container___Up9Lb_9-4-54","input__mask":"magritte-input__mask___CHda2_9-4-54","inputMask":"magritte-input__mask___CHda2_9-4-54","value-ghost":"magritte-value-ghost___IXNZj_9-4-54","valueGhost":"magritte-value-ghost___IXNZj_9-4-54","hint-container":"magritte-hint-container___rGsD8_9-4-54","hintContainer":"magritte-hint-container___rGsD8_9-4-54","counter":"magritte-counter___Bld3Q_9-4-54","value-container":"magritte-value-container___6ReT7_9-4-54","valueContainer":"magritte-value-container___6ReT7_9-4-54"};
16
+ var styles = {"input":"magritte-input___LVTID_9-4-55","label":"magritte-label___YlOQk_9-4-55","elevated":"magritte-elevated___kPcsM_9-4-55","focused":"magritte-focused___dxrHD_9-4-55","invalid":"magritte-invalid___L5MVa_9-4-55","disabled":"magritte-disabled___0NH6E_9-4-55","position-container":"magritte-position-container___kZnvZ_9-4-55","positionContainer":"magritte-position-container___kZnvZ_9-4-55","field":"magritte-field___9S8Tw_9-4-55","hint":"magritte-hint___EFGK0_9-4-55","additional-value":"magritte-additional-value___9Kyap_9-4-55","additionalValue":"magritte-additional-value___9Kyap_9-4-55","label_elevated":"magritte-label_elevated___PVcpC_9-4-55","labelElevated":"magritte-label_elevated___PVcpC_9-4-55","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_9-4-55","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_9-4-55","icon":"magritte-icon___HEDsQ_9-4-55","focus-visible":"magritte-focus-visible___QvCO1_9-4-55","focusVisible":"magritte-focus-visible___QvCO1_9-4-55","right-container":"magritte-right-container___N0B0o_9-4-55","rightContainer":"magritte-right-container___N0B0o_9-4-55","with-icon":"magritte-with-icon___TPBe2_9-4-55","withIcon":"magritte-with-icon___TPBe2_9-4-55","large":"magritte-large___9frRh_9-4-55","small":"magritte-small___iQL4F_9-4-55","autofill-helper":"magritte-autofill-helper___WFjOW_9-4-55","autofillHelper":"magritte-autofill-helper___WFjOW_9-4-55","content-container":"magritte-content-container___s-0kX_9-4-55","contentContainer":"magritte-content-container___s-0kX_9-4-55","rigging-container":"magritte-rigging-container___Up9Lb_9-4-55","riggingContainer":"magritte-rigging-container___Up9Lb_9-4-55","input__mask":"magritte-input__mask___CHda2_9-4-55","inputMask":"magritte-input__mask___CHda2_9-4-55","value-ghost":"magritte-value-ghost___IXNZj_9-4-55","valueGhost":"magritte-value-ghost___IXNZj_9-4-55","hint-container":"magritte-hint-container___rGsD8_9-4-55","hintContainer":"magritte-hint-container___rGsD8_9-4-55","counter":"magritte-counter___Bld3Q_9-4-55","value-container":"magritte-value-container___6ReT7_9-4-55","valueContainer":"magritte-value-container___6ReT7_9-4-55"};
17
17
 
18
18
  const matchIconSize = (size, icon) => {
19
19
  return icon && ((size === "medium" || size === "large") && icon._size === 24 || size === "small" && icon._size === 16) ? icon : null;
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-Z8Sgffgn.js';
17
+ import './index.esm-Bvif23ba.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);
package/DateTimeInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DateTimeInput.js","sources":["src/DateTimeInput.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, useMemo, FocusEventHandler } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport {\n CalendarOutlinedSize16,\n ClockOutlinedSize16,\n CalendarOutlinedSize24,\n ClockOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useDateTimeMask } from '@hh.ru/magritte-ui-input/useDateTimeMask';\n\nexport const DateTimeInput = forwardRef<\n HTMLInputElement,\n ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledDateTimeInputProps>\n>(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, range, ...props }, ref) => {\n const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding, range);\n const inputRef = useMultipleRefs(maskedInputRef, ref);\n\n const onBlur: FocusEventHandler<HTMLInputElement> | undefined =\n dateMask === 'dd'\n ? (event) => {\n if (props.value.length === 1) {\n if (props.value === '0') {\n props.onChange('');\n } else {\n props.onChange(props.value.padStart(2, '0'));\n }\n }\n props.onBlur?.(event);\n }\n : props.onBlur;\n\n const maskedPlaceholder = useMemo(() => {\n if (hideMask) {\n return undefined;\n }\n const parts = [];\n\n if (dateMask) {\n parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));\n }\n if (timeMask) {\n parts.push('00:00');\n }\n\n const placeholder = parts.join(', ');\n const rangeAllowed = range && dateMask !== 'dd' && !timeMask;\n return rangeAllowed ? [placeholder, placeholder].join(' – ') : placeholder;\n }, [dateMask, timeMask, hideMask, range]);\n\n return (\n <BaseInput\n type=\"text\"\n inputMode=\"decimal\"\n fixedPlaceholder={maskedPlaceholder}\n {...props}\n {...((onButtonClick &&\n (size === 'small'\n ? {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize16 : CalendarOutlinedSize16,\n onButtonClick,\n }\n : {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24,\n onButtonClick,\n })) ??\n {})}\n ref={inputRef}\n size={size}\n autoComplete=\"off\"\n onBlur={onBlur}\n />\n );\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,aAAgB,GAAA,UAAA,CAG3B,CAAC,EAAE,UAAU,QAAU,EAAA,YAAA,EAAc,aAAe,EAAA,QAAA,EAAU,IAAM,EAAA,KAAA,EAAO,GAAG,KAAA,IAAS,GAAQ,KAAA;AAC7F,EAAA,MAAM,cAAiB,GAAA,eAAA,CAAgB,QAAU,EAAA,QAAA,EAAU,cAAc,KAAK,CAAA,CAAA;AAC9E,EAAM,MAAA,QAAA,GAAW,eAAgB,CAAA,cAAA,EAAgB,GAAG,CAAA,CAAA;AAEpD,EAAA,MAAM,MACF,GAAA,QAAA,KAAa,IACP,GAAA,CAAC,KAAU,KAAA;AACP,IAAI,IAAA,KAAA,CAAM,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC1B,MAAI,IAAA,KAAA,CAAM,UAAU,GAAK,EAAA;AACrB,QAAA,KAAA,CAAM,SAAS,EAAE,CAAA,CAAA;AAAA,OACd,MAAA;AACH,QAAA,KAAA,CAAM,SAAS,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AAAA,OAC/C;AAAA,KACJ;AACA,IAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAAA,MAExB,KAAM,CAAA,MAAA,CAAA;AAEhB,EAAM,MAAA,iBAAA,GAAoB,QAAQ,MAAM;AACpC,IAAA,IAAI,QAAU,EAAA;AACV,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACX;AACA,IAAA,MAAM,QAAQ,EAAC,CAAA;AAEf,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,KAAA,CAAM,IAAK,CAAA,QAAA,CAAS,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAA,CAAE,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAA,CAAE,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAC,CAAA,CAAA;AAAA,KAChF;AACA,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,KAAA,CAAM,KAAK,OAAO,CAAA,CAAA;AAAA,KACtB;AAEA,IAAM,MAAA,WAAA,GAAc,KAAM,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AACnC,IAAA,MAAM,YAAe,GAAA,KAAA,IAAS,QAAa,KAAA,IAAA,IAAQ,CAAC,QAAA,CAAA;AACpD,IAAA,OAAO,eAAe,CAAC,WAAA,EAAa,WAAW,CAAE,CAAA,IAAA,CAAK,UAAK,CAAI,GAAA,WAAA,CAAA;AAAA,KAChE,CAAC,QAAA,EAAU,QAAU,EAAA,QAAA,EAAU,KAAK,CAAC,CAAA,CAAA;AAExC,EACI,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACG,IAAK,EAAA,MAAA;AAAA,MACL,SAAU,EAAA,SAAA;AAAA,MACV,gBAAkB,EAAA,iBAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,GAAA,CAAK,aACD,KAAA,IAAA,KAAS,OACJ,GAAA;AAAA,QACI,UAAY,EAAA,QAAA,IAAY,CAAC,QAAA,GAAW,mBAAsB,GAAA,sBAAA;AAAA,QAC1D,aAAA;AAAA,OAEJ,GAAA;AAAA,QACI,UAAY,EAAA,QAAA,IAAY,CAAC,QAAA,GAAW,mBAAsB,GAAA,sBAAA;AAAA,QAC1D,aAAA;AAAA,aAEV,EAAC;AAAA,MACL,GAAK,EAAA,QAAA;AAAA,MACL,IAAA;AAAA,MACA,YAAa,EAAA,KAAA;AAAA,MACb,MAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER,CAAC,EAAA;AAED,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
1
+ {"version":3,"file":"DateTimeInput.js","sources":["src/DateTimeInput.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, useMemo, FocusEventHandler } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport {\n CalendarOutlinedSize16,\n ClockOutlinedSize16,\n CalendarOutlinedSize24,\n ClockOutlinedSize24,\n} from '@hh.ru/magritte-ui-icon/icon';\nimport { BaseInput } from '@hh.ru/magritte-ui-input/BaseInput';\nimport { ControlledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useDateTimeMask } from '@hh.ru/magritte-ui-input/useDateTimeMask';\n\nexport const DateTimeInput = forwardRef<\n HTMLInputElement,\n ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof ControlledDateTimeInputProps>\n>(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, size, range, ...props }, ref) => {\n const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding, range);\n const inputRef = useMultipleRefs(maskedInputRef, ref);\n\n const onBlur: FocusEventHandler<HTMLInputElement> | undefined =\n dateMask === 'dd'\n ? (event) => {\n if (props.value.length === 1) {\n if (props.value === '0') {\n props.onChange('');\n } else {\n props.onChange(props.value.padStart(2, '0'));\n }\n }\n props.onBlur?.(event);\n }\n : props.onBlur;\n\n const maskedPlaceholder = useMemo(() => {\n if (hideMask) {\n return undefined;\n }\n const parts: string[] = [];\n\n if (dateMask) {\n parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));\n }\n if (timeMask) {\n parts.push('00:00');\n }\n\n const placeholder = parts.join(', ');\n const rangeAllowed = range && dateMask !== 'dd' && !timeMask;\n return rangeAllowed ? [placeholder, placeholder].join(' – ') : placeholder;\n }, [dateMask, timeMask, hideMask, range]);\n\n return (\n <BaseInput\n type=\"text\"\n inputMode=\"decimal\"\n fixedPlaceholder={maskedPlaceholder}\n {...props}\n {...((onButtonClick &&\n (size === 'small'\n ? {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize16 : CalendarOutlinedSize16,\n onButtonClick,\n }\n : {\n buttonIcon: timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24,\n onButtonClick,\n })) ??\n {})}\n ref={inputRef}\n size={size}\n autoComplete=\"off\"\n onBlur={onBlur}\n />\n );\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,aAAgB,GAAA,UAAA,CAG3B,CAAC,EAAE,UAAU,QAAU,EAAA,YAAA,EAAc,aAAe,EAAA,QAAA,EAAU,IAAM,EAAA,KAAA,EAAO,GAAG,KAAA,IAAS,GAAQ,KAAA;AAC7F,EAAA,MAAM,cAAiB,GAAA,eAAA,CAAgB,QAAU,EAAA,QAAA,EAAU,cAAc,KAAK,CAAA,CAAA;AAC9E,EAAM,MAAA,QAAA,GAAW,eAAgB,CAAA,cAAA,EAAgB,GAAG,CAAA,CAAA;AAEpD,EAAA,MAAM,MACF,GAAA,QAAA,KAAa,IACP,GAAA,CAAC,KAAU,KAAA;AACP,IAAI,IAAA,KAAA,CAAM,KAAM,CAAA,MAAA,KAAW,CAAG,EAAA;AAC1B,MAAI,IAAA,KAAA,CAAM,UAAU,GAAK,EAAA;AACrB,QAAA,KAAA,CAAM,SAAS,EAAE,CAAA,CAAA;AAAA,OACd,MAAA;AACH,QAAA,KAAA,CAAM,SAAS,KAAM,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AAAA,OAC/C;AAAA,KACJ;AACA,IAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAAA,MAExB,KAAM,CAAA,MAAA,CAAA;AAEhB,EAAM,MAAA,iBAAA,GAAoB,QAAQ,MAAM;AACpC,IAAA,IAAI,QAAU,EAAA;AACV,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACX;AACA,IAAA,MAAM,QAAkB,EAAC,CAAA;AAEzB,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,KAAA,CAAM,IAAK,CAAA,QAAA,CAAS,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAA,CAAE,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAA,CAAE,OAAQ,CAAA,IAAA,EAAM,QAAG,CAAC,CAAA,CAAA;AAAA,KAChF;AACA,IAAA,IAAI,QAAU,EAAA;AACV,MAAA,KAAA,CAAM,KAAK,OAAO,CAAA,CAAA;AAAA,KACtB;AAEA,IAAM,MAAA,WAAA,GAAc,KAAM,CAAA,IAAA,CAAK,IAAI,CAAA,CAAA;AACnC,IAAA,MAAM,YAAe,GAAA,KAAA,IAAS,QAAa,KAAA,IAAA,IAAQ,CAAC,QAAA,CAAA;AACpD,IAAA,OAAO,eAAe,CAAC,WAAA,EAAa,WAAW,CAAE,CAAA,IAAA,CAAK,UAAK,CAAI,GAAA,WAAA,CAAA;AAAA,KAChE,CAAC,QAAA,EAAU,QAAU,EAAA,QAAA,EAAU,KAAK,CAAC,CAAA,CAAA;AAExC,EACI,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACG,IAAK,EAAA,MAAA;AAAA,MACL,SAAU,EAAA,SAAA;AAAA,MACV,gBAAkB,EAAA,iBAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,GAAA,CAAK,aACD,KAAA,IAAA,KAAS,OACJ,GAAA;AAAA,QACI,UAAY,EAAA,QAAA,IAAY,CAAC,QAAA,GAAW,mBAAsB,GAAA,sBAAA;AAAA,QAC1D,aAAA;AAAA,OAEJ,GAAA;AAAA,QACI,UAAY,EAAA,QAAA,IAAY,CAAC,QAAA,GAAW,mBAAsB,GAAA,sBAAA;AAAA,QAC1D,aAAA;AAAA,aAEV,EAAC;AAAA,MACL,GAAK,EAAA,QAAA;AAAA,MACL,IAAA;AAAA,MACA,YAAa,EAAA,KAAA;AAAA,MACb,MAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER,CAAC,EAAA;AAED,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
package/UncontrolledDateTimeInput.js CHANGED
@@ -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-Z8Sgffgn.js';
19
+ import './index.esm-Bvif23ba.js';
20
20
 
21
21
  const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
22
22
  const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
package/index.css CHANGED
@@ -93,22 +93,22 @@
93
93
  --magritte-color-component-input-background-state-field-autofilled-v26-0-2:#F1F4F7;
94
94
  --magritte-color-component-input-icon-content-v26-0-2:#AABBCA;
95
95
  }
96
- .magritte-input___LVTID_9-4-54{
96
+ .magritte-input___LVTID_9-4-55{
97
97
  display:inline-block;
98
98
  width:100%;
99
99
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v26-0-2);
100
100
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v26-0-2);
101
101
  }
102
- .magritte-input___LVTID_9-4-54:has(input:autofill) .magritte-label___YlOQk_9-4-54{
102
+ .magritte-input___LVTID_9-4-55:has(input:autofill) .magritte-label___YlOQk_9-4-55{
103
103
  display:none;
104
104
  }
105
- .magritte-input___LVTID_9-4-54.magritte-elevated___kPcsM_9-4-54:has(input:autofill) .magritte-label___YlOQk_9-4-54{
105
+ .magritte-input___LVTID_9-4-55.magritte-elevated___kPcsM_9-4-55:has(input:autofill) .magritte-label___YlOQk_9-4-55{
106
106
  display:block;
107
107
  transform:translateY(calc(0px - ((18px + 22px) / 2) + (18px / 2)));
108
108
  transition-duration:0ms;
109
109
  color:var(--magritte-color-component-input-text-label-v26-0-2);
110
110
  }
111
- .magritte-input___LVTID_9-4-54.magritte-elevated___kPcsM_9-4-54:has(input:autofill) .magritte-label___YlOQk_9-4-54 > *{
111
+ .magritte-input___LVTID_9-4-55.magritte-elevated___kPcsM_9-4-55:has(input:autofill) .magritte-label___YlOQk_9-4-55 > *{
112
112
  font-family:"hh sans";
113
113
  font-weight:400;
114
114
  line-height:18px;
@@ -119,200 +119,200 @@
119
119
  text-decoration:none;
120
120
  }
121
121
  @media (min-width: 1020px){
122
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover{
122
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover{
123
123
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v26-0-2);
124
124
  }
125
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-position-container___kZnvZ_9-4-54{
125
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-position-container___kZnvZ_9-4-55{
126
126
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-2);
127
127
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-2);
128
128
  }
129
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-field___9S8Tw_9-4-54{
129
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-field___9S8Tw_9-4-55{
130
130
  color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
131
131
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
132
132
  opacity:1;
133
133
  }
134
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-hint___EFGK0_9-4-54{
134
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-hint___EFGK0_9-4-55{
135
135
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
136
136
  color:var(--magritte-color-component-input-text-state-description-hovered-v26-0-2);
137
137
  }
138
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-additional-value___9Kyap_9-4-54{
138
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-additional-value___9Kyap_9-4-55{
139
139
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
140
140
  }
141
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-label_elevated___PVcpC_9-4-54{
141
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-label_elevated___PVcpC_9-4-55{
142
142
  color:var(--magritte-color-component-input-text-state-label-hovered-v26-0-2);
143
143
  }
144
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-label___YlOQk_9-4-54:not(.magritte-label_elevated___PVcpC_9-4-54),
145
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-fixed-placeholder___PYJIH_9-4-54{
144
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-label___YlOQk_9-4-55:not(.magritte-label_elevated___PVcpC_9-4-55),
145
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-fixed-placeholder___PYJIH_9-4-55{
146
146
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-2);
147
147
  }
148
- body.magritte-old-layout .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-icon___HEDsQ_9-4-54{
148
+ body.magritte-old-layout .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-icon___HEDsQ_9-4-55{
149
149
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v26-0-2);
150
150
  }
151
151
  }
152
152
  @media (min-width: 1024px){
153
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover{
153
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover{
154
154
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v26-0-2);
155
155
  }
156
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-position-container___kZnvZ_9-4-54{
156
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-position-container___kZnvZ_9-4-55{
157
157
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v26-0-2);
158
158
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v26-0-2);
159
159
  }
160
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-field___9S8Tw_9-4-54{
160
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-field___9S8Tw_9-4-55{
161
161
  color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
162
162
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
163
163
  opacity:1;
164
164
  }
165
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-hint___EFGK0_9-4-54{
165
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-hint___EFGK0_9-4-55{
166
166
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
167
167
  color:var(--magritte-color-component-input-text-state-description-hovered-v26-0-2);
168
168
  }
169
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-additional-value___9Kyap_9-4-54{
169
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-additional-value___9Kyap_9-4-55{
170
170
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v26-0-2);
171
171
  }
172
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-label_elevated___PVcpC_9-4-54{
172
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-label_elevated___PVcpC_9-4-55{
173
173
  color:var(--magritte-color-component-input-text-state-label-hovered-v26-0-2);
174
174
  }
175
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-label___YlOQk_9-4-54:not(.magritte-label_elevated___PVcpC_9-4-54),
176
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-fixed-placeholder___PYJIH_9-4-54{
175
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-label___YlOQk_9-4-55:not(.magritte-label_elevated___PVcpC_9-4-55),
176
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-fixed-placeholder___PYJIH_9-4-55{
177
177
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v26-0-2);
178
178
  }
179
- body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-54:not(.magritte-focused___dxrHD_9-4-54):not(.magritte-invalid___L5MVa_9-4-54):not(.magritte-disabled___0NH6E_9-4-54):hover .magritte-icon___HEDsQ_9-4-54{
179
+ body:not(.magritte-old-layout) .magritte-input___LVTID_9-4-55:not(.magritte-focused___dxrHD_9-4-55):not(.magritte-invalid___L5MVa_9-4-55):not(.magritte-disabled___0NH6E_9-4-55):hover .magritte-icon___HEDsQ_9-4-55{
180
180
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v26-0-2);
181
181
  }
182
182
  }
183
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54{
183
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55{
184
184
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v26-0-2);
185
185
  }
186
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
186
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
187
187
  background-color:var(--magritte-color-component-input-background-state-field-focused-v26-0-2);
188
188
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v26-0-2);
189
189
  }
190
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-field___9S8Tw_9-4-54{
190
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-field___9S8Tw_9-4-55{
191
191
  color:var(--magritte-color-component-input-text-state-content-focused-v26-0-2);
192
192
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v26-0-2);
193
193
  opacity:1;
194
194
  }
195
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-hint___EFGK0_9-4-54{
195
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-hint___EFGK0_9-4-55{
196
196
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
197
197
  color:var(--magritte-color-component-input-text-state-description-focused-v26-0-2);
198
198
  }
199
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-additional-value___9Kyap_9-4-54{
199
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-additional-value___9Kyap_9-4-55{
200
200
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v26-0-2);
201
201
  }
202
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-label_elevated___PVcpC_9-4-54{
202
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-label_elevated___PVcpC_9-4-55{
203
203
  color:var(--magritte-color-component-input-text-state-label-focused-v26-0-2);
204
204
  }
205
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-label___YlOQk_9-4-54:not(.magritte-label_elevated___PVcpC_9-4-54),
206
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-fixed-placeholder___PYJIH_9-4-54{
205
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-label___YlOQk_9-4-55:not(.magritte-label_elevated___PVcpC_9-4-55),
206
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-fixed-placeholder___PYJIH_9-4-55{
207
207
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v26-0-2);
208
208
  }
209
- .magritte-input___LVTID_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-icon___HEDsQ_9-4-54{
209
+ .magritte-input___LVTID_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-icon___HEDsQ_9-4-55{
210
210
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v26-0-2);
211
211
  }
212
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54{
212
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55{
213
213
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v26-0-2);
214
214
  }
215
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
215
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
216
216
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v26-0-2);
217
217
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v26-0-2);
218
218
  }
219
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-field___9S8Tw_9-4-54{
219
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-field___9S8Tw_9-4-55{
220
220
  color:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
221
221
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
222
222
  opacity:1;
223
223
  }
224
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-hint___EFGK0_9-4-54{
224
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-hint___EFGK0_9-4-55{
225
225
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
226
226
  color:var(--magritte-color-component-input-text-state-description-invalid-v26-0-2);
227
227
  }
228
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-additional-value___9Kyap_9-4-54{
228
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-additional-value___9Kyap_9-4-55{
229
229
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
230
230
  }
231
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-label_elevated___PVcpC_9-4-54{
231
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-label_elevated___PVcpC_9-4-55{
232
232
  color:var(--magritte-color-component-input-text-state-label-invalid-v26-0-2);
233
233
  }
234
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-label___YlOQk_9-4-54:not(.magritte-label_elevated___PVcpC_9-4-54),
235
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-fixed-placeholder___PYJIH_9-4-54{
234
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-label___YlOQk_9-4-55:not(.magritte-label_elevated___PVcpC_9-4-55),
235
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-fixed-placeholder___PYJIH_9-4-55{
236
236
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v26-0-2);
237
237
  }
238
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-icon___HEDsQ_9-4-54{
238
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-icon___HEDsQ_9-4-55{
239
239
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v26-0-2);
240
240
  }
241
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54{
241
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55{
242
242
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v26-0-2);
243
243
  }
244
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
244
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
245
245
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v26-0-2);
246
246
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v26-0-2);
247
247
  }
248
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-field___9S8Tw_9-4-54{
248
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-field___9S8Tw_9-4-55{
249
249
  color:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
250
250
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
251
251
  opacity:1;
252
252
  }
253
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-hint___EFGK0_9-4-54{
253
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-hint___EFGK0_9-4-55{
254
254
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
255
255
  color:var(--magritte-color-component-input-text-state-description-invalid-v26-0-2);
256
256
  }
257
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-additional-value___9Kyap_9-4-54{
257
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-additional-value___9Kyap_9-4-55{
258
258
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v26-0-2);
259
259
  }
260
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-label_elevated___PVcpC_9-4-54{
260
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-label_elevated___PVcpC_9-4-55{
261
261
  color:var(--magritte-color-component-input-text-state-label-invalid-v26-0-2);
262
262
  }
263
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-label___YlOQk_9-4-54:not(.magritte-label_elevated___PVcpC_9-4-54),
264
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-fixed-placeholder___PYJIH_9-4-54{
263
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-label___YlOQk_9-4-55:not(.magritte-label_elevated___PVcpC_9-4-55),
264
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-fixed-placeholder___PYJIH_9-4-55{
265
265
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v26-0-2);
266
266
  }
267
- .magritte-input___LVTID_9-4-54.magritte-invalid___L5MVa_9-4-54.magritte-focused___dxrHD_9-4-54 .magritte-icon___HEDsQ_9-4-54{
267
+ .magritte-input___LVTID_9-4-55.magritte-invalid___L5MVa_9-4-55.magritte-focused___dxrHD_9-4-55 .magritte-icon___HEDsQ_9-4-55{
268
268
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v26-0-2);
269
269
  }
270
- .magritte-input___LVTID_9-4-54.magritte-focus-visible___QvCO1_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
270
+ .magritte-input___LVTID_9-4-55.magritte-focus-visible___QvCO1_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
271
271
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v26-0-2) solid 4px;
272
272
  }
273
- .magritte-input___LVTID_9-4-54.magritte-focus-visible___QvCO1_9-4-54.magritte-invalid___L5MVa_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
273
+ .magritte-input___LVTID_9-4-55.magritte-focus-visible___QvCO1_9-4-55.magritte-invalid___L5MVa_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
274
274
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v26-0-2);
275
275
  }
276
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54{
276
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55{
277
277
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v26-0-2);
278
278
  }
279
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
279
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
280
280
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v26-0-2);
281
281
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v26-0-2);
282
282
  }
283
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-field___9S8Tw_9-4-54{
283
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-field___9S8Tw_9-4-55{
284
284
  color:var(--magritte-color-component-input-text-state-content-disabled-v26-0-2);
285
285
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v26-0-2);
286
286
  opacity:1;
287
287
  }
288
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-hint___EFGK0_9-4-54{
288
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-hint___EFGK0_9-4-55{
289
289
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
290
290
  color:var(--magritte-color-component-input-text-state-description-disabled-v26-0-2);
291
291
  }
292
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-additional-value___9Kyap_9-4-54{
292
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-additional-value___9Kyap_9-4-55{
293
293
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v26-0-2);
294
294
  }
295
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-label_elevated___PVcpC_9-4-54{
295
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-label_elevated___PVcpC_9-4-55{
296
296
  color:var(--magritte-color-component-input-text-state-label-disabled-v26-0-2);
297
297
  }
298
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-label___YlOQk_9-4-54:not(.magritte-label_elevated___PVcpC_9-4-54),
299
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-fixed-placeholder___PYJIH_9-4-54{
298
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-label___YlOQk_9-4-55:not(.magritte-label_elevated___PVcpC_9-4-55),
299
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-fixed-placeholder___PYJIH_9-4-55{
300
300
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v26-0-2);
301
301
  }
302
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-icon___HEDsQ_9-4-54{
302
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-icon___HEDsQ_9-4-55{
303
303
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v26-0-2);
304
304
  }
305
- .magritte-input___LVTID_9-4-54.magritte-disabled___0NH6E_9-4-54 .magritte-right-container___N0B0o_9-4-54{
305
+ .magritte-input___LVTID_9-4-55.magritte-disabled___0NH6E_9-4-55 .magritte-right-container___N0B0o_9-4-55{
306
306
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v26-0-2);
307
307
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v26-0-2);
308
308
  }
309
309
  @media (prefers-reduced-motion){
310
- .magritte-input___LVTID_9-4-54{
310
+ .magritte-input___LVTID_9-4-55{
311
311
  --animation-100-duration:1ms;
312
312
  --animation-200-duration:1ms;
313
313
  }
314
314
  }
315
- .magritte-position-container___kZnvZ_9-4-54{
315
+ .magritte-position-container___kZnvZ_9-4-55{
316
316
  cursor:text;
317
317
  display:flex;
318
318
  align-items:center;
@@ -324,23 +324,23 @@
324
324
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v26-0-2);
325
325
  padding:4px 4px 4px 16px;
326
326
  }
327
- .magritte-with-icon___TPBe2_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
327
+ .magritte-with-icon___TPBe2_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
328
328
  padding-left:12px;
329
329
  }
330
- .magritte-large___9frRh_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
330
+ .magritte-large___9frRh_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
331
331
  padding:8px 8px 8px 16px;
332
332
  }
333
- .magritte-small___iQL4F_9-4-54 .magritte-position-container___kZnvZ_9-4-54{
333
+ .magritte-small___iQL4F_9-4-55 .magritte-position-container___kZnvZ_9-4-55{
334
334
  padding:0 2px 0 12px;
335
335
  }
336
- .magritte-right-container___N0B0o_9-4-54{
336
+ .magritte-right-container___N0B0o_9-4-55{
337
337
  display:flex;
338
338
  align-items:center;
339
339
  justify-content:center;
340
340
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v26-0-2);
341
341
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v26-0-2);
342
342
  }
343
- .magritte-autofill-helper___WFjOW_9-4-54{
343
+ .magritte-autofill-helper___WFjOW_9-4-55{
344
344
  position:absolute;
345
345
  left:1px;
346
346
  top:1px;
@@ -350,17 +350,17 @@
350
350
  border-radius:11px;
351
351
  display:none;
352
352
  }
353
- .magritte-autofill-helper___WFjOW_9-4-54:has(+ .magritte-content-container___s-0kX_9-4-54 .magritte-field___9S8Tw_9-4-54:autofill){
353
+ .magritte-autofill-helper___WFjOW_9-4-55:has(+ .magritte-content-container___s-0kX_9-4-55 .magritte-field___9S8Tw_9-4-55:autofill){
354
354
  display:block;
355
355
  }
356
- .magritte-autofill-helper___WFjOW_9-4-54:has(+ .magritte-content-container___s-0kX_9-4-54 .magritte-field___9S8Tw_9-4-54:autofill:focus){
356
+ .magritte-autofill-helper___WFjOW_9-4-55:has(+ .magritte-content-container___s-0kX_9-4-55 .magritte-field___9S8Tw_9-4-55:autofill:focus){
357
357
  border-radius:10px;
358
358
  left:2px;
359
359
  top:2px;
360
360
  width:calc(100% - 2px * 2);
361
361
  height:calc(100% - 2px * 2);
362
362
  }
363
- .magritte-field___9S8Tw_9-4-54{
363
+ .magritte-field___9S8Tw_9-4-55{
364
364
  position:absolute;
365
365
  inset:0;
366
366
  background:none;
@@ -383,7 +383,7 @@
383
383
  text-transform:none;
384
384
  text-decoration:none;
385
385
  }
386
- .magritte-small___iQL4F_9-4-54 .magritte-field___9S8Tw_9-4-54{
386
+ .magritte-small___iQL4F_9-4-55 .magritte-field___9S8Tw_9-4-55{
387
387
  font-family:"hh sans";
388
388
  font-weight:400;
389
389
  line-height:20px;
@@ -393,13 +393,13 @@
393
393
  text-transform:none;
394
394
  text-decoration:none;
395
395
  }
396
- .magritte-field___9S8Tw_9-4-54:autofill{
396
+ .magritte-field___9S8Tw_9-4-55:autofill{
397
397
  box-shadow:inset 0 0 40px 40px var(--magritte-color-component-input-background-state-field-autofilled-v26-0-2);
398
398
  }
399
- .magritte-field___9S8Tw_9-4-54::-ms-reveal{
399
+ .magritte-field___9S8Tw_9-4-55::-ms-reveal{
400
400
  display:none;
401
401
  }
402
- .magritte-icon___HEDsQ_9-4-54{
402
+ .magritte-icon___HEDsQ_9-4-55{
403
403
  display:flex;
404
404
  align-items:center;
405
405
  position:absolute;
@@ -409,21 +409,21 @@
409
409
  z-index:1;
410
410
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v26-0-2);
411
411
  }
412
- .magritte-with-icon___TPBe2_9-4-54 .magritte-field___9S8Tw_9-4-54,
413
- .magritte-with-icon___TPBe2_9-4-54 .magritte-additional-value___9Kyap_9-4-54{
412
+ .magritte-with-icon___TPBe2_9-4-55 .magritte-field___9S8Tw_9-4-55,
413
+ .magritte-with-icon___TPBe2_9-4-55 .magritte-additional-value___9Kyap_9-4-55{
414
414
  padding-left:calc(24px + 12px);
415
415
  }
416
- .magritte-with-icon___TPBe2_9-4-54 .magritte-rigging-container___Up9Lb_9-4-54{
416
+ .magritte-with-icon___TPBe2_9-4-55 .magritte-rigging-container___Up9Lb_9-4-55{
417
417
  left:calc(24px + 12px);
418
418
  }
419
- .magritte-with-icon___TPBe2_9-4-54.magritte-small___iQL4F_9-4-54 .magritte-field___9S8Tw_9-4-54,
420
- .magritte-with-icon___TPBe2_9-4-54.magritte-small___iQL4F_9-4-54 .magritte-additional-value___9Kyap_9-4-54{
419
+ .magritte-with-icon___TPBe2_9-4-55.magritte-small___iQL4F_9-4-55 .magritte-field___9S8Tw_9-4-55,
420
+ .magritte-with-icon___TPBe2_9-4-55.magritte-small___iQL4F_9-4-55 .magritte-additional-value___9Kyap_9-4-55{
421
421
  padding-left:calc(16px + 10px);
422
422
  }
423
- .magritte-with-icon___TPBe2_9-4-54.magritte-small___iQL4F_9-4-54 .magritte-rigging-container___Up9Lb_9-4-54{
423
+ .magritte-with-icon___TPBe2_9-4-55.magritte-small___iQL4F_9-4-55 .magritte-rigging-container___Up9Lb_9-4-55{
424
424
  left:calc(16px + 10px);
425
425
  }
426
- .magritte-rigging-container___Up9Lb_9-4-54{
426
+ .magritte-rigging-container___Up9Lb_9-4-55{
427
427
  display:flex;
428
428
  align-items:center;
429
429
  position:absolute;
@@ -431,8 +431,8 @@
431
431
  inset:0;
432
432
  pointer-events:none;
433
433
  }
434
- .magritte-label___YlOQk_9-4-54,
435
- .magritte-fixed-placeholder___PYJIH_9-4-54{
434
+ .magritte-label___YlOQk_9-4-55,
435
+ .magritte-fixed-placeholder___PYJIH_9-4-55{
436
436
  white-space:nowrap;
437
437
  overflow:hidden;
438
438
  text-overflow:ellipsis;
@@ -450,8 +450,8 @@
450
450
  text-transform:none;
451
451
  text-decoration:none;
452
452
  }
453
- .magritte-small___iQL4F_9-4-54 .magritte-label___YlOQk_9-4-54,
454
- .magritte-small___iQL4F_9-4-54 .magritte-fixed-placeholder___PYJIH_9-4-54{
453
+ .magritte-small___iQL4F_9-4-55 .magritte-label___YlOQk_9-4-55,
454
+ .magritte-small___iQL4F_9-4-55 .magritte-fixed-placeholder___PYJIH_9-4-55{
455
455
  font-family:"hh sans";
456
456
  font-weight:400;
457
457
  line-height:20px;
@@ -461,11 +461,11 @@
461
461
  text-transform:none;
462
462
  text-decoration:none;
463
463
  }
464
- .magritte-label___YlOQk_9-4-54{
464
+ .magritte-label___YlOQk_9-4-55{
465
465
  display:block;
466
466
  transition-property:transform, color, font-size, letter-spacing;
467
467
  }
468
- .magritte-label_elevated___PVcpC_9-4-54{
468
+ .magritte-label_elevated___PVcpC_9-4-55{
469
469
  font-family:"hh sans";
470
470
  font-weight:400;
471
471
  line-height:18px;
@@ -477,7 +477,7 @@
477
477
  color:var(--magritte-color-component-input-text-label-v26-0-2);
478
478
  transform:translateY(calc(0px - 22px / 2));
479
479
  }
480
- .magritte-input__mask___CHda2_9-4-54{
480
+ .magritte-input__mask___CHda2_9-4-55{
481
481
  position:absolute;
482
482
  width:100%;
483
483
  pointer-events:none;
@@ -487,17 +487,17 @@
487
487
  text-overflow:ellipsis;
488
488
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v26-0-2);
489
489
  }
490
- .magritte-value-ghost___IXNZj_9-4-54{
490
+ .magritte-value-ghost___IXNZj_9-4-55{
491
491
  visibility:hidden;
492
492
  white-space:pre;
493
493
  }
494
- .magritte-hint-container___rGsD8_9-4-54{
494
+ .magritte-hint-container___rGsD8_9-4-55{
495
495
  display:flex;
496
496
  flex-grow:1;
497
497
  align-items:center;
498
498
  min-width:0;
499
499
  }
500
- .magritte-hint___EFGK0_9-4-54{
500
+ .magritte-hint___EFGK0_9-4-55{
501
501
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v26-0-2);
502
502
  color:var(--magritte-color-component-input-text-description-v26-0-2);
503
503
  overflow:hidden;
@@ -507,30 +507,30 @@
507
507
  z-index:1;
508
508
  padding-right:8px;
509
509
  }
510
- .magritte-content-container___s-0kX_9-4-54{
510
+ .magritte-content-container___s-0kX_9-4-55{
511
511
  position:relative;
512
512
  flex:1 0 auto;
513
513
  display:flex;
514
514
  padding:8px 12px 8px 0;
515
515
  max-width:100%;
516
516
  }
517
- .magritte-elevated___kPcsM_9-4-54 .magritte-content-container___s-0kX_9-4-54{
517
+ .magritte-elevated___kPcsM_9-4-55 .magritte-content-container___s-0kX_9-4-55{
518
518
  padding-top:18px;
519
519
  padding-bottom:0;
520
520
  }
521
- .magritte-small___iQL4F_9-4-54 .magritte-content-container___s-0kX_9-4-54{
521
+ .magritte-small___iQL4F_9-4-55 .magritte-content-container___s-0kX_9-4-55{
522
522
  padding-right:10px;
523
523
  }
524
- .magritte-counter___Bld3Q_9-4-54{
524
+ .magritte-counter___Bld3Q_9-4-55{
525
525
  padding:0 8px;
526
526
  z-index:1;
527
527
  }
528
- .magritte-value-container___6ReT7_9-4-54{
528
+ .magritte-value-container___6ReT7_9-4-55{
529
529
  position:relative;
530
530
  display:grid;
531
531
  width:100%;
532
532
  }
533
- .magritte-additional-value___9Kyap_9-4-54{
533
+ .magritte-additional-value___9Kyap_9-4-55{
534
534
  display:flex;
535
535
  align-items:center;
536
536
  grid-area:1 / 1;
@@ -540,6 +540,6 @@
540
540
  color:transparent;
541
541
  min-height:24px;
542
542
  }
543
- .magritte-elevated___kPcsM_9-4-54 .magritte-additional-value___9Kyap_9-4-54{
543
+ .magritte-elevated___kPcsM_9-4-55 .magritte-additional-value___9Kyap_9-4-55{
544
544
  min-height:22px;
545
545
  }
package/{index.esm-Z8Sgffgn.js → index.esm-Bvif23ba.js} RENAMED
@@ -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-Z8Sgffgn.js.map
1827
+ //# sourceMappingURL=index.esm-Bvif23ba.js.map