@hh.ru/magritte-ui-input 5.1.4 → 6.0.0

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 (15) hide show
  1. package/BaseInput.js +1 -1
  2. package/DateTimeInput.d.ts +1 -1
  3. package/DateTimeInput.js +20 -4
  4. package/DateTimeInput.js.map +1 -1
  5. package/UncontrolledDateTimeInput.d.ts +1 -1
  6. package/UncontrolledDateTimeInput.js +1 -1
  7. package/index.css +91 -91
  8. package/{index.esm-C_156Jix.js → index.esm-DdOpNiqL.js} +1 -1
  9. package/{index.esm-C_156Jix.js.map → index.esm-DdOpNiqL.js.map} +1 -1
  10. package/index.js +1 -1
  11. package/maskito-exports.js +1 -1
  12. package/package.json +2 -2
  13. package/types.d.ts +3 -1
  14. package/useDateTimeMask.js +17 -4
  15. package/useDateTimeMask.js.map +1 -1
package/BaseInput.js CHANGED
@@ -14,7 +14,7 @@ import { useFocus } from './useFocus.js';
14
14
  import { useInputAriaProps } from './useInputAriaProps.js';
15
15
  import { Text } from '@hh.ru/magritte-ui-typography';
16
16
 
17
- var styles = {"input":"magritte-input___LVTID_5-1-4","label":"magritte-label___YlOQk_5-1-4","elevated":"magritte-elevated___kPcsM_5-1-4","focused":"magritte-focused___dxrHD_5-1-4","invalid":"magritte-invalid___L5MVa_5-1-4","disabled":"magritte-disabled___0NH6E_5-1-4","position-container":"magritte-position-container___kZnvZ_5-1-4","positionContainer":"magritte-position-container___kZnvZ_5-1-4","field":"magritte-field___9S8Tw_5-1-4","hint":"magritte-hint___EFGK0_5-1-4","additional-value":"magritte-additional-value___9Kyap_5-1-4","additionalValue":"magritte-additional-value___9Kyap_5-1-4","label_elevated":"magritte-label_elevated___PVcpC_5-1-4","labelElevated":"magritte-label_elevated___PVcpC_5-1-4","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-1-4","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-1-4","icon":"magritte-icon___HEDsQ_5-1-4","focus-visible":"magritte-focus-visible___QvCO1_5-1-4","focusVisible":"magritte-focus-visible___QvCO1_5-1-4","right-container":"magritte-right-container___N0B0o_5-1-4","rightContainer":"magritte-right-container___N0B0o_5-1-4","with-icon":"magritte-with-icon___TPBe2_5-1-4","withIcon":"magritte-with-icon___TPBe2_5-1-4","large":"magritte-large___9frRh_5-1-4","autofill-helper":"magritte-autofill-helper___WFjOW_5-1-4","autofillHelper":"magritte-autofill-helper___WFjOW_5-1-4","content-container":"magritte-content-container___s-0kX_5-1-4","contentContainer":"magritte-content-container___s-0kX_5-1-4","rigging-container":"magritte-rigging-container___Up9Lb_5-1-4","riggingContainer":"magritte-rigging-container___Up9Lb_5-1-4","input__mask":"magritte-input__mask___CHda2_5-1-4","inputMask":"magritte-input__mask___CHda2_5-1-4","value-ghost":"magritte-value-ghost___IXNZj_5-1-4","valueGhost":"magritte-value-ghost___IXNZj_5-1-4","hint-container":"magritte-hint-container___rGsD8_5-1-4","hintContainer":"magritte-hint-container___rGsD8_5-1-4","with-right":"magritte-with-right___NUNiP_5-1-4","withRight":"magritte-with-right___NUNiP_5-1-4","counter":"magritte-counter___Bld3Q_5-1-4","value-container":"magritte-value-container___6ReT7_5-1-4","valueContainer":"magritte-value-container___6ReT7_5-1-4"};
17
+ var styles = {"input":"magritte-input___LVTID_6-0-0","label":"magritte-label___YlOQk_6-0-0","elevated":"magritte-elevated___kPcsM_6-0-0","focused":"magritte-focused___dxrHD_6-0-0","invalid":"magritte-invalid___L5MVa_6-0-0","disabled":"magritte-disabled___0NH6E_6-0-0","position-container":"magritte-position-container___kZnvZ_6-0-0","positionContainer":"magritte-position-container___kZnvZ_6-0-0","field":"magritte-field___9S8Tw_6-0-0","hint":"magritte-hint___EFGK0_6-0-0","additional-value":"magritte-additional-value___9Kyap_6-0-0","additionalValue":"magritte-additional-value___9Kyap_6-0-0","label_elevated":"magritte-label_elevated___PVcpC_6-0-0","labelElevated":"magritte-label_elevated___PVcpC_6-0-0","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_6-0-0","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_6-0-0","icon":"magritte-icon___HEDsQ_6-0-0","focus-visible":"magritte-focus-visible___QvCO1_6-0-0","focusVisible":"magritte-focus-visible___QvCO1_6-0-0","right-container":"magritte-right-container___N0B0o_6-0-0","rightContainer":"magritte-right-container___N0B0o_6-0-0","with-icon":"magritte-with-icon___TPBe2_6-0-0","withIcon":"magritte-with-icon___TPBe2_6-0-0","large":"magritte-large___9frRh_6-0-0","autofill-helper":"magritte-autofill-helper___WFjOW_6-0-0","autofillHelper":"magritte-autofill-helper___WFjOW_6-0-0","content-container":"magritte-content-container___s-0kX_6-0-0","contentContainer":"magritte-content-container___s-0kX_6-0-0","rigging-container":"magritte-rigging-container___Up9Lb_6-0-0","riggingContainer":"magritte-rigging-container___Up9Lb_6-0-0","input__mask":"magritte-input__mask___CHda2_6-0-0","inputMask":"magritte-input__mask___CHda2_6-0-0","value-ghost":"magritte-value-ghost___IXNZj_6-0-0","valueGhost":"magritte-value-ghost___IXNZj_6-0-0","hint-container":"magritte-hint-container___rGsD8_6-0-0","hintContainer":"magritte-hint-container___rGsD8_6-0-0","with-right":"magritte-with-right___NUNiP_6-0-0","withRight":"magritte-with-right___NUNiP_6-0-0","counter":"magritte-counter___Bld3Q_6-0-0","value-container":"magritte-value-container___6ReT7_6-0-0","valueContainer":"magritte-value-container___6ReT7_6-0-0"};
18
18
 
19
19
  const BaseInputComponent = ({ onChange, onFocus, onBlur, value, placeholder, disabled = false, postfix, size = 'medium', elevatePlaceholder = false, invalid = false, description, errorMessage, formatter, buttonIcon, clearable = false, clearableOnFocus, onButtonClick, buttonDataQa, buttonRef, inputIcon, wrapperRef, counter, fixedPlaceholder, maxLength, hint, showHintAlways = false, ...restProps }, ref) => {
20
20
  const wrapperCurrentRef = useRef(null);
package/DateTimeInput.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  import { ControlledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';
3
- export declare const DateTimeInput: import("react").ForwardRefExoticComponent<(ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "dateMask" | "timeMask" | "timeRounding">) & import("react").RefAttributes<HTMLInputElement>>;
3
+ export declare const DateTimeInput: import("react").ForwardRefExoticComponent<(ControlledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "dateMask" | "timeMask" | "timeRounding" | "hideMask">) & import("react").RefAttributes<HTMLInputElement>>;
package/DateTimeInput.js CHANGED
@@ -15,12 +15,28 @@ import '@hh.ru/magritte-ui-form-helper';
15
15
  import './useFocus.js';
16
16
  import './useInputAriaProps.js';
17
17
  import '@hh.ru/magritte-ui-typography';
18
- import './index.esm-C_156Jix.js';
18
+ import './index.esm-DdOpNiqL.js';
19
19
 
20
- const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, ...restProps }, ref) => {
20
+ const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, hideMask, ...restProps }, ref) => {
21
21
  const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding);
22
22
  const inputRef = useMultipleRefs(maskedInputRef, ref);
23
+ const onBlur = dateMask === 'dd'
24
+ ? (e) => {
25
+ if (restProps.value.length === 1) {
26
+ if (restProps.value === '0') {
27
+ restProps.onChange('');
28
+ }
29
+ else {
30
+ restProps.onChange(restProps.value.padStart(2, '0'));
31
+ }
32
+ }
33
+ restProps.onBlur?.(e);
34
+ }
35
+ : restProps.onBlur;
23
36
  const maskedPlaceholder = useMemo(() => {
37
+ if (hideMask) {
38
+ return undefined;
39
+ }
24
40
  const parts = [];
25
41
  if (dateMask) {
26
42
  parts.push(dateMask.replace(/d/g, 'Д').replace(/m/g, 'М').replace(/y/g, 'Г'));
@@ -29,10 +45,10 @@ const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonCl
29
45
  parts.push('00:00');
30
46
  }
31
47
  return parts.join(', ');
32
- }, [dateMask, timeMask]);
48
+ }, [dateMask, timeMask, hideMask]);
33
49
  const buttonIcon = timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24;
34
50
  const buttonProps = onButtonClick ? { buttonIcon, onButtonClick } : {};
35
- return (jsx(BaseInput, { type: "text", inputMode: "decimal", fixedPlaceholder: maskedPlaceholder, ...restProps, ...buttonProps, ref: inputRef, autoComplete: "off" }));
51
+ return (jsx(BaseInput, { type: "text", inputMode: "decimal", fixedPlaceholder: maskedPlaceholder, ...restProps, ...buttonProps, ref: inputRef, autoComplete: "off", onBlur: onBlur }));
36
52
  });
37
53
  DateTimeInput.displayName = 'DateTimeInput';
38
54
 
package/DateTimeInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DateTimeInput.js","sources":["../src/DateTimeInput.tsx"],"sourcesContent":["import { InputHTMLAttributes, forwardRef, useMemo } from 'react';\n\nimport { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';\nimport { CalendarOutlinedSize24, ClockOutlinedSize24 } 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, ...restProps }, ref) => {\n const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding);\n const inputRef = useMultipleRefs(maskedInputRef, ref);\n\n const maskedPlaceholder = useMemo(() => {\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 return parts.join(', ');\n }, [dateMask, timeMask]);\n\n const buttonIcon = timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24;\n const buttonProps = onButtonClick ? { buttonIcon, onButtonClick } : {};\n\n return (\n <BaseInput\n type=\"text\"\n inputMode=\"decimal\"\n fixedPlaceholder={maskedPlaceholder}\n {...restProps}\n {...buttonProps}\n ref={inputRef}\n autoComplete=\"off\"\n />\n );\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;MAQa,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACzE,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;AAEtD,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;QACnC,MAAM,KAAK,GAAG,EAAE,CAAC;AAEjB,QAAA,IAAI,QAAQ,EAAE;YACV,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AACjF,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACvB,SAAA;AAED,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC5B,KAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEzB,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AACxF,IAAA,MAAM,WAAW,GAAG,aAAa,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC;AAEvE,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,gBAAgB,EAAE,iBAAiB,EAAA,GAC/B,SAAS,EAAA,GACT,WAAW,EACf,GAAG,EAAE,QAAQ,EACb,YAAY,EAAC,KAAK,EAAA,CACpB,EACJ;AACN,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
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 { CalendarOutlinedSize24, ClockOutlinedSize24 } 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, ...restProps }, ref) => {\n const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding);\n const inputRef = useMultipleRefs(maskedInputRef, ref);\n\n const onBlur: FocusEventHandler<HTMLInputElement> | undefined =\n dateMask === 'dd'\n ? (e) => {\n if (restProps.value.length === 1) {\n if (restProps.value === '0') {\n restProps.onChange('');\n } else {\n restProps.onChange(restProps.value.padStart(2, '0'));\n }\n }\n restProps.onBlur?.(e);\n }\n : restProps.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 return parts.join(', ');\n }, [dateMask, timeMask, hideMask]);\n\n const buttonIcon = timeMask && !dateMask ? ClockOutlinedSize24 : CalendarOutlinedSize24;\n const buttonProps = onButtonClick ? { buttonIcon, onButtonClick } : {};\n\n return (\n <BaseInput\n type=\"text\"\n inputMode=\"decimal\"\n fixedPlaceholder={maskedPlaceholder}\n {...restProps}\n {...buttonProps}\n ref={inputRef}\n autoComplete=\"off\"\n onBlur={onBlur}\n />\n );\n});\n\nDateTimeInput.displayName = 'DateTimeInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;AAQa,MAAA,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACnF,MAAM,cAAc,GAAG,eAAe,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACzE,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;AAEtD,IAAA,MAAM,MAAM,GACR,QAAQ,KAAK,IAAI;AACb,UAAE,CAAC,CAAC,KAAI;AACF,YAAA,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AAC9B,gBAAA,IAAI,SAAS,CAAC,KAAK,KAAK,GAAG,EAAE;AACzB,oBAAA,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC1B,iBAAA;AAAM,qBAAA;AACH,oBAAA,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC;AACxD,iBAAA;AACJ,aAAA;AACD,YAAA,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;SACzB;AACH,UAAE,SAAS,CAAC,MAAM,CAAC;AAE3B,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAK;AACnC,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,OAAO,SAAS,CAAC;AACpB,SAAA;QACD,MAAM,KAAK,GAAG,EAAE,CAAC;AAEjB,QAAA,IAAI,QAAQ,EAAE;YACV,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AACjF,SAAA;AACD,QAAA,IAAI,QAAQ,EAAE;AACV,YAAA,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACvB,SAAA;AAED,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEnC,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,CAAC,QAAQ,GAAG,mBAAmB,GAAG,sBAAsB,CAAC;AACxF,IAAA,MAAM,WAAW,GAAG,aAAa,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC;AAEvE,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,gBAAgB,EAAE,iBAAiB,EAAA,GAC/B,SAAS,EAAA,GACT,WAAW,EACf,GAAG,EAAE,QAAQ,EACb,YAAY,EAAC,KAAK,EAClB,MAAM,EAAE,MAAM,EAAA,CAChB,EACJ;AACN,CAAC,EAAE;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
package/UncontrolledDateTimeInput.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  import { UncontrolledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';
3
- export declare const UncontrolledDateTimeInput: import("react").ForwardRefExoticComponent<(UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "dateMask" | "timeMask" | "timeRounding">) & import("react").RefAttributes<HTMLInputElement>>;
3
+ export declare const UncontrolledDateTimeInput: import("react").ForwardRefExoticComponent<(UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "elevatePlaceholder" | "onButtonClick" | "invalid" | "placeholder" | "postfix" | "onFocus" | "onBlur" | "description" | "errorMessage" | "disabled" | "formatter" | "buttonDataQa" | "buttonRef" | "wrapperRef" | "maxLength" | "onChange" | "value" | "dateMask" | "timeMask" | "timeRounding" | "hideMask">) & import("react").RefAttributes<HTMLInputElement>>;
package/UncontrolledDateTimeInput.js CHANGED
@@ -17,7 +17,7 @@ import './useFocus.js';
17
17
  import './useInputAriaProps.js';
18
18
  import '@hh.ru/magritte-ui-typography';
19
19
  import './useDateTimeMask.js';
20
- import './index.esm-C_156Jix.js';
20
+ import './index.esm-DdOpNiqL.js';
21
21
 
22
22
  const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
23
23
  const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
package/index.css CHANGED
@@ -108,22 +108,22 @@
108
108
  --magritte-color-component-input-icon-state-content-disabled-v18-3-0:#474747;
109
109
  --magritte-color-component-input-icon-content-v18-3-0:#ABABAB;
110
110
  }
111
- .magritte-input___LVTID_5-1-4{
111
+ .magritte-input___LVTID_6-0-0{
112
112
  display:inline-block;
113
113
  width:100%;
114
114
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-3-0);
115
115
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-3-0);
116
116
  }
117
- .magritte-input___LVTID_5-1-4:has(input:autofill) .magritte-label___YlOQk_5-1-4{
117
+ .magritte-input___LVTID_6-0-0:has(input:autofill) .magritte-label___YlOQk_6-0-0{
118
118
  display:none;
119
119
  }
120
- .magritte-input___LVTID_5-1-4.magritte-elevated___kPcsM_5-1-4:has(input:autofill) .magritte-label___YlOQk_5-1-4{
120
+ .magritte-input___LVTID_6-0-0.magritte-elevated___kPcsM_6-0-0:has(input:autofill) .magritte-label___YlOQk_6-0-0{
121
121
  display:block;
122
122
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-3-0) + var(--magritte-typography-label-2-regular-line-height-v18-3-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-3-0) / 2)));
123
123
  transition-duration:0ms;
124
124
  color:var(--magritte-color-component-input-text-label-v18-3-0);
125
125
  }
126
- .magritte-input___LVTID_5-1-4.magritte-elevated___kPcsM_5-1-4:has(input:autofill) .magritte-label___YlOQk_5-1-4 > *{
126
+ .magritte-input___LVTID_6-0-0.magritte-elevated___kPcsM_6-0-0:has(input:autofill) .magritte-label___YlOQk_6-0-0 > *{
127
127
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-3-0);
128
128
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-3-0);
129
129
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-3-0);
@@ -134,200 +134,200 @@
134
134
  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-3-0);
135
135
  }
136
136
  @media (min-width: 1020px){
137
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover{
137
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover{
138
138
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-3-0);
139
139
  }
140
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-position-container___kZnvZ_5-1-4{
140
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-position-container___kZnvZ_6-0-0{
141
141
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-3-0);
142
142
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-3-0);
143
143
  }
144
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-field___9S8Tw_5-1-4{
144
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-field___9S8Tw_6-0-0{
145
145
  color:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
146
146
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
147
147
  opacity:1;
148
148
  }
149
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-hint___EFGK0_5-1-4{
149
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-hint___EFGK0_6-0-0{
150
150
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
151
151
  color:var(--magritte-color-component-input-text-state-description-hovered-v18-3-0);
152
152
  }
153
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-additional-value___9Kyap_5-1-4{
153
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-additional-value___9Kyap_6-0-0{
154
154
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
155
155
  }
156
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-label_elevated___PVcpC_5-1-4{
156
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-label_elevated___PVcpC_6-0-0{
157
157
  color:var(--magritte-color-component-input-text-state-label-hovered-v18-3-0);
158
158
  }
159
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-label___YlOQk_5-1-4:not(.magritte-label_elevated___PVcpC_5-1-4),
160
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-fixed-placeholder___PYJIH_5-1-4{
159
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-label___YlOQk_6-0-0:not(.magritte-label_elevated___PVcpC_6-0-0),
160
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-fixed-placeholder___PYJIH_6-0-0{
161
161
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-3-0);
162
162
  }
163
- body.magritte-old-layout .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-icon___HEDsQ_5-1-4{
163
+ body.magritte-old-layout .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-icon___HEDsQ_6-0-0{
164
164
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-3-0);
165
165
  }
166
166
  }
167
167
  @media (min-width: 1024px){
168
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover{
168
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover{
169
169
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-3-0);
170
170
  }
171
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-position-container___kZnvZ_5-1-4{
171
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-position-container___kZnvZ_6-0-0{
172
172
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-3-0);
173
173
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-3-0);
174
174
  }
175
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-field___9S8Tw_5-1-4{
175
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-field___9S8Tw_6-0-0{
176
176
  color:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
177
177
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
178
178
  opacity:1;
179
179
  }
180
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-hint___EFGK0_5-1-4{
180
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-hint___EFGK0_6-0-0{
181
181
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
182
182
  color:var(--magritte-color-component-input-text-state-description-hovered-v18-3-0);
183
183
  }
184
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-additional-value___9Kyap_5-1-4{
184
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-additional-value___9Kyap_6-0-0{
185
185
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-3-0);
186
186
  }
187
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-label_elevated___PVcpC_5-1-4{
187
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-label_elevated___PVcpC_6-0-0{
188
188
  color:var(--magritte-color-component-input-text-state-label-hovered-v18-3-0);
189
189
  }
190
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-label___YlOQk_5-1-4:not(.magritte-label_elevated___PVcpC_5-1-4),
191
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-fixed-placeholder___PYJIH_5-1-4{
190
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-label___YlOQk_6-0-0:not(.magritte-label_elevated___PVcpC_6-0-0),
191
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-fixed-placeholder___PYJIH_6-0-0{
192
192
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-3-0);
193
193
  }
194
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-1-4:not(.magritte-focused___dxrHD_5-1-4):not(.magritte-invalid___L5MVa_5-1-4):not(.magritte-disabled___0NH6E_5-1-4):hover .magritte-icon___HEDsQ_5-1-4{
194
+ body:not(.magritte-old-layout) .magritte-input___LVTID_6-0-0:not(.magritte-focused___dxrHD_6-0-0):not(.magritte-invalid___L5MVa_6-0-0):not(.magritte-disabled___0NH6E_6-0-0):hover .magritte-icon___HEDsQ_6-0-0{
195
195
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-3-0);
196
196
  }
197
197
  }
198
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4{
198
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0{
199
199
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v18-3-0);
200
200
  }
201
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
201
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
202
202
  background-color:var(--magritte-color-component-input-background-state-field-focused-v18-3-0);
203
203
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-3-0);
204
204
  }
205
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-field___9S8Tw_5-1-4{
205
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-field___9S8Tw_6-0-0{
206
206
  color:var(--magritte-color-component-input-text-state-content-focused-v18-3-0);
207
207
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v18-3-0);
208
208
  opacity:1;
209
209
  }
210
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-hint___EFGK0_5-1-4{
210
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-hint___EFGK0_6-0-0{
211
211
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
212
212
  color:var(--magritte-color-component-input-text-state-description-focused-v18-3-0);
213
213
  }
214
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-additional-value___9Kyap_5-1-4{
214
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-additional-value___9Kyap_6-0-0{
215
215
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-3-0);
216
216
  }
217
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-label_elevated___PVcpC_5-1-4{
217
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-label_elevated___PVcpC_6-0-0{
218
218
  color:var(--magritte-color-component-input-text-state-label-focused-v18-3-0);
219
219
  }
220
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-label___YlOQk_5-1-4:not(.magritte-label_elevated___PVcpC_5-1-4),
221
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-fixed-placeholder___PYJIH_5-1-4{
220
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-label___YlOQk_6-0-0:not(.magritte-label_elevated___PVcpC_6-0-0),
221
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-fixed-placeholder___PYJIH_6-0-0{
222
222
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v18-3-0);
223
223
  }
224
- .magritte-input___LVTID_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-icon___HEDsQ_5-1-4{
224
+ .magritte-input___LVTID_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-icon___HEDsQ_6-0-0{
225
225
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-3-0);
226
226
  }
227
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4{
227
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0{
228
228
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-3-0);
229
229
  }
230
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
230
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
231
231
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-3-0);
232
232
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-3-0);
233
233
  }
234
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-field___9S8Tw_5-1-4{
234
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-field___9S8Tw_6-0-0{
235
235
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-3-0);
236
236
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-3-0);
237
237
  opacity:1;
238
238
  }
239
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-hint___EFGK0_5-1-4{
239
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-hint___EFGK0_6-0-0{
240
240
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
241
241
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-3-0);
242
242
  }
243
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-additional-value___9Kyap_5-1-4{
243
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-additional-value___9Kyap_6-0-0{
244
244
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-3-0);
245
245
  }
246
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-label_elevated___PVcpC_5-1-4{
246
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-label_elevated___PVcpC_6-0-0{
247
247
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-3-0);
248
248
  }
249
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-label___YlOQk_5-1-4:not(.magritte-label_elevated___PVcpC_5-1-4),
250
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-fixed-placeholder___PYJIH_5-1-4{
249
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-label___YlOQk_6-0-0:not(.magritte-label_elevated___PVcpC_6-0-0),
250
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-fixed-placeholder___PYJIH_6-0-0{
251
251
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-3-0);
252
252
  }
253
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-icon___HEDsQ_5-1-4{
253
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-icon___HEDsQ_6-0-0{
254
254
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-3-0);
255
255
  }
256
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4{
256
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0{
257
257
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-3-0);
258
258
  }
259
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
259
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
260
260
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-3-0);
261
261
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v18-3-0);
262
262
  }
263
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-field___9S8Tw_5-1-4{
263
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-field___9S8Tw_6-0-0{
264
264
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-3-0);
265
265
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-3-0);
266
266
  opacity:1;
267
267
  }
268
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-hint___EFGK0_5-1-4{
268
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-hint___EFGK0_6-0-0{
269
269
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
270
270
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-3-0);
271
271
  }
272
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-additional-value___9Kyap_5-1-4{
272
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-additional-value___9Kyap_6-0-0{
273
273
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-3-0);
274
274
  }
275
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-label_elevated___PVcpC_5-1-4{
275
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-label_elevated___PVcpC_6-0-0{
276
276
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-3-0);
277
277
  }
278
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-label___YlOQk_5-1-4:not(.magritte-label_elevated___PVcpC_5-1-4),
279
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-fixed-placeholder___PYJIH_5-1-4{
278
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-label___YlOQk_6-0-0:not(.magritte-label_elevated___PVcpC_6-0-0),
279
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-fixed-placeholder___PYJIH_6-0-0{
280
280
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-3-0);
281
281
  }
282
- .magritte-input___LVTID_5-1-4.magritte-invalid___L5MVa_5-1-4.magritte-focused___dxrHD_5-1-4 .magritte-icon___HEDsQ_5-1-4{
282
+ .magritte-input___LVTID_6-0-0.magritte-invalid___L5MVa_6-0-0.magritte-focused___dxrHD_6-0-0 .magritte-icon___HEDsQ_6-0-0{
283
283
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-3-0);
284
284
  }
285
- .magritte-input___LVTID_5-1-4.magritte-focus-visible___QvCO1_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
285
+ .magritte-input___LVTID_6-0-0.magritte-focus-visible___QvCO1_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
286
286
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-3-0) solid 4px;
287
287
  }
288
- .magritte-input___LVTID_5-1-4.magritte-focus-visible___QvCO1_5-1-4.magritte-invalid___L5MVa_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
288
+ .magritte-input___LVTID_6-0-0.magritte-focus-visible___QvCO1_6-0-0.magritte-invalid___L5MVa_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
289
289
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v18-3-0);
290
290
  }
291
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4{
291
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0{
292
292
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v18-3-0);
293
293
  }
294
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
294
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
295
295
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-3-0);
296
296
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-3-0);
297
297
  }
298
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-field___9S8Tw_5-1-4{
298
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-field___9S8Tw_6-0-0{
299
299
  color:var(--magritte-color-component-input-text-state-content-disabled-v18-3-0);
300
300
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v18-3-0);
301
301
  opacity:1;
302
302
  }
303
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-hint___EFGK0_5-1-4{
303
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-hint___EFGK0_6-0-0{
304
304
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
305
305
  color:var(--magritte-color-component-input-text-state-description-disabled-v18-3-0);
306
306
  }
307
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-additional-value___9Kyap_5-1-4{
307
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-additional-value___9Kyap_6-0-0{
308
308
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-3-0);
309
309
  }
310
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-label_elevated___PVcpC_5-1-4{
310
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-label_elevated___PVcpC_6-0-0{
311
311
  color:var(--magritte-color-component-input-text-state-label-disabled-v18-3-0);
312
312
  }
313
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-label___YlOQk_5-1-4:not(.magritte-label_elevated___PVcpC_5-1-4),
314
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-fixed-placeholder___PYJIH_5-1-4{
313
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-label___YlOQk_6-0-0:not(.magritte-label_elevated___PVcpC_6-0-0),
314
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-fixed-placeholder___PYJIH_6-0-0{
315
315
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-3-0);
316
316
  }
317
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-icon___HEDsQ_5-1-4{
317
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-icon___HEDsQ_6-0-0{
318
318
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-3-0);
319
319
  }
320
- .magritte-input___LVTID_5-1-4.magritte-disabled___0NH6E_5-1-4 .magritte-right-container___N0B0o_5-1-4{
320
+ .magritte-input___LVTID_6-0-0.magritte-disabled___0NH6E_6-0-0 .magritte-right-container___N0B0o_6-0-0{
321
321
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-3-0);
322
322
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-3-0);
323
323
  }
324
324
  @media (prefers-reduced-motion){
325
- .magritte-input___LVTID_5-1-4{
325
+ .magritte-input___LVTID_6-0-0{
326
326
  --animation-100-duration:1ms;
327
327
  --animation-200-duration:1ms;
328
328
  }
329
329
  }
330
- .magritte-position-container___kZnvZ_5-1-4{
330
+ .magritte-position-container___kZnvZ_6-0-0{
331
331
  display:flex;
332
332
  align-items:center;
333
333
  position:relative;
@@ -337,20 +337,20 @@
337
337
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-3-0);
338
338
  padding:4px 4px 4px 16px;
339
339
  }
340
- .magritte-with-icon___TPBe2_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
340
+ .magritte-with-icon___TPBe2_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
341
341
  padding-left:12px;
342
342
  }
343
- .magritte-large___9frRh_5-1-4 .magritte-position-container___kZnvZ_5-1-4{
343
+ .magritte-large___9frRh_6-0-0 .magritte-position-container___kZnvZ_6-0-0{
344
344
  padding:8px 8px 8px 16px;
345
345
  }
346
- .magritte-right-container___N0B0o_5-1-4{
346
+ .magritte-right-container___N0B0o_6-0-0{
347
347
  display:flex;
348
348
  align-items:center;
349
349
  justify-content:center;
350
350
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-3-0);
351
351
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-3-0);
352
352
  }
353
- .magritte-autofill-helper___WFjOW_5-1-4{
353
+ .magritte-autofill-helper___WFjOW_6-0-0{
354
354
  position:absolute;
355
355
  left:1px;
356
356
  top:1px;
@@ -360,17 +360,17 @@
360
360
  border-radius:11px;
361
361
  display:none;
362
362
  }
363
- .magritte-autofill-helper___WFjOW_5-1-4:has(+ .magritte-content-container___s-0kX_5-1-4 .magritte-field___9S8Tw_5-1-4:autofill){
363
+ .magritte-autofill-helper___WFjOW_6-0-0:has(+ .magritte-content-container___s-0kX_6-0-0 .magritte-field___9S8Tw_6-0-0:autofill){
364
364
  display:block;
365
365
  }
366
- .magritte-autofill-helper___WFjOW_5-1-4:has(+ .magritte-content-container___s-0kX_5-1-4 .magritte-field___9S8Tw_5-1-4:autofill:focus){
366
+ .magritte-autofill-helper___WFjOW_6-0-0:has(+ .magritte-content-container___s-0kX_6-0-0 .magritte-field___9S8Tw_6-0-0:autofill:focus){
367
367
  border-radius:10px;
368
368
  left:2px;
369
369
  top:2px;
370
370
  width:calc(100% - 2px * 2);
371
371
  height:calc(100% - 2px * 2);
372
372
  }
373
- .magritte-field___9S8Tw_5-1-4{
373
+ .magritte-field___9S8Tw_6-0-0{
374
374
  position:absolute;
375
375
  inset:0;
376
376
  background:none;
@@ -392,10 +392,10 @@
392
392
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-3-0);
393
393
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-3-0);
394
394
  }
395
- .magritte-field___9S8Tw_5-1-4:autofill{
395
+ .magritte-field___9S8Tw_6-0-0:autofill{
396
396
  box-shadow:inset 0 0 40px 40px var(--magritte-color-base-blue-95-v18-3-0);
397
397
  }
398
- .magritte-icon___HEDsQ_5-1-4{
398
+ .magritte-icon___HEDsQ_6-0-0{
399
399
  display:flex;
400
400
  align-items:center;
401
401
  position:absolute;
@@ -405,14 +405,14 @@
405
405
  z-index:1;
406
406
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-3-0);
407
407
  }
408
- .magritte-with-icon___TPBe2_5-1-4 .magritte-field___9S8Tw_5-1-4,
409
- .magritte-with-icon___TPBe2_5-1-4 .magritte-additional-value___9Kyap_5-1-4{
408
+ .magritte-with-icon___TPBe2_6-0-0 .magritte-field___9S8Tw_6-0-0,
409
+ .magritte-with-icon___TPBe2_6-0-0 .magritte-additional-value___9Kyap_6-0-0{
410
410
  padding-left:calc(24px + 12px);
411
411
  }
412
- .magritte-with-icon___TPBe2_5-1-4 .magritte-rigging-container___Up9Lb_5-1-4{
412
+ .magritte-with-icon___TPBe2_6-0-0 .magritte-rigging-container___Up9Lb_6-0-0{
413
413
  left:calc(24px + 12px);
414
414
  }
415
- .magritte-rigging-container___Up9Lb_5-1-4{
415
+ .magritte-rigging-container___Up9Lb_6-0-0{
416
416
  display:flex;
417
417
  align-items:center;
418
418
  position:absolute;
@@ -420,8 +420,8 @@
420
420
  inset:0;
421
421
  pointer-events:none;
422
422
  }
423
- .magritte-label___YlOQk_5-1-4,
424
- .magritte-fixed-placeholder___PYJIH_5-1-4{
423
+ .magritte-label___YlOQk_6-0-0,
424
+ .magritte-fixed-placeholder___PYJIH_6-0-0{
425
425
  font-family:var(--magritte-typography-label-2-regular-font-family-v18-3-0);
426
426
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-3-0);
427
427
  line-height:var(--magritte-typography-label-2-regular-line-height-v18-3-0);
@@ -439,11 +439,11 @@
439
439
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-3-0);
440
440
  color:var(--magritte-color-component-input-text-placeholder-v18-3-0);
441
441
  }
442
- .magritte-label___YlOQk_5-1-4{
442
+ .magritte-label___YlOQk_6-0-0{
443
443
  display:block;
444
444
  transition-property:transform, color, font-size, letter-spacing;
445
445
  }
446
- .magritte-label_elevated___PVcpC_5-1-4{
446
+ .magritte-label_elevated___PVcpC_6-0-0{
447
447
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-3-0);
448
448
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-3-0);
449
449
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-3-0);
@@ -455,7 +455,7 @@
455
455
  color:var(--magritte-color-component-input-text-label-v18-3-0);
456
456
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-3-0) + var(--magritte-typography-label-2-regular-line-height-v18-3-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-3-0) / 2)));
457
457
  }
458
- .magritte-input__mask___CHda2_5-1-4{
458
+ .magritte-input__mask___CHda2_6-0-0{
459
459
  position:absolute;
460
460
  width:100%;
461
461
  pointer-events:none;
@@ -465,11 +465,11 @@
465
465
  text-overflow:ellipsis;
466
466
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-3-0);
467
467
  }
468
- .magritte-value-ghost___IXNZj_5-1-4{
468
+ .magritte-value-ghost___IXNZj_6-0-0{
469
469
  visibility:hidden;
470
470
  white-space:pre;
471
471
  }
472
- .magritte-hint-container___rGsD8_5-1-4{
472
+ .magritte-hint-container___rGsD8_6-0-0{
473
473
  display:flex;
474
474
  flex-grow:1;
475
475
  align-items:center;
@@ -477,10 +477,10 @@
477
477
  gap:12px;
478
478
  min-width:0;
479
479
  }
480
- .magritte-with-right___NUNiP_5-1-4 .magritte-hint-container___rGsD8_5-1-4{
480
+ .magritte-with-right___NUNiP_6-0-0 .magritte-hint-container___rGsD8_6-0-0{
481
481
  padding-right:4px;
482
482
  }
483
- .magritte-hint___EFGK0_5-1-4{
483
+ .magritte-hint___EFGK0_6-0-0{
484
484
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v18-3-0);
485
485
  color:var(--magritte-color-component-input-text-description-v18-3-0);
486
486
  overflow:hidden;
@@ -489,26 +489,26 @@
489
489
  flex:0 1 auto;
490
490
  z-index:1;
491
491
  }
492
- .magritte-content-container___s-0kX_5-1-4{
492
+ .magritte-content-container___s-0kX_6-0-0{
493
493
  position:relative;
494
494
  flex:1 0 auto;
495
495
  display:flex;
496
496
  padding:8px 0;
497
497
  max-width:100%;
498
498
  }
499
- .magritte-elevated___kPcsM_5-1-4 .magritte-content-container___s-0kX_5-1-4{
499
+ .magritte-elevated___kPcsM_6-0-0 .magritte-content-container___s-0kX_6-0-0{
500
500
  padding:18px 0 0;
501
501
  }
502
- .magritte-counter___Bld3Q_5-1-4{
502
+ .magritte-counter___Bld3Q_6-0-0{
503
503
  padding:0 8px;
504
504
  z-index:1;
505
505
  }
506
- .magritte-value-container___6ReT7_5-1-4{
506
+ .magritte-value-container___6ReT7_6-0-0{
507
507
  position:relative;
508
508
  display:grid;
509
509
  width:100%;
510
510
  }
511
- .magritte-additional-value___9Kyap_5-1-4{
511
+ .magritte-additional-value___9Kyap_6-0-0{
512
512
  display:flex;
513
513
  align-items:center;
514
514
  grid-area:1 / 1;
@@ -518,6 +518,6 @@
518
518
  color:transparent;
519
519
  min-height:24px;
520
520
  }
521
- .magritte-elevated___kPcsM_5-1-4 .magritte-additional-value___9Kyap_5-1-4{
521
+ .magritte-elevated___kPcsM_6-0-0 .magritte-additional-value___9Kyap_6-0-0{
522
522
  min-height:22px;
523
523
  }