@hh.ru/magritte-ui-input 5.0.22 → 5.0.23

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 (16) hide show
  1. package/BaseInput.js +1 -1
  2. package/DateTimeInput.js +1 -3
  3. package/DateTimeInput.js.map +1 -1
  4. package/UncontrolledDateTimeInput.js +1 -3
  5. package/UncontrolledDateTimeInput.js.map +1 -1
  6. package/index.css +87 -87
  7. package/index.esm-af1b5ff6.js +1650 -0
  8. package/index.esm-af1b5ff6.js.map +1 -0
  9. package/index.js +1 -3
  10. package/index.js.map +1 -1
  11. package/maskito-exports.d.ts +3 -0
  12. package/maskito-exports.js +4 -0
  13. package/maskito-exports.js.map +1 -0
  14. package/package.json +6 -6
  15. package/useDateTimeMask.js +1 -3
  16. package/useDateTimeMask.js.map +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_5-0-22","label":"magritte-label___YlOQk_5-0-22","elevated":"magritte-elevated___kPcsM_5-0-22","focused":"magritte-focused___dxrHD_5-0-22","invalid":"magritte-invalid___L5MVa_5-0-22","disabled":"magritte-disabled___0NH6E_5-0-22","position-container":"magritte-position-container___kZnvZ_5-0-22","positionContainer":"magritte-position-container___kZnvZ_5-0-22","field":"magritte-field___9S8Tw_5-0-22","hint":"magritte-hint___EFGK0_5-0-22","additional-value":"magritte-additional-value___9Kyap_5-0-22","additionalValue":"magritte-additional-value___9Kyap_5-0-22","label_elevated":"magritte-label_elevated___PVcpC_5-0-22","labelElevated":"magritte-label_elevated___PVcpC_5-0-22","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-0-22","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-0-22","icon":"magritte-icon___HEDsQ_5-0-22","focus-visible":"magritte-focus-visible___QvCO1_5-0-22","focusVisible":"magritte-focus-visible___QvCO1_5-0-22","right-container":"magritte-right-container___N0B0o_5-0-22","rightContainer":"magritte-right-container___N0B0o_5-0-22","with-icon":"magritte-with-icon___TPBe2_5-0-22","withIcon":"magritte-with-icon___TPBe2_5-0-22","large":"magritte-large___9frRh_5-0-22","rigging-container":"magritte-rigging-container___Up9Lb_5-0-22","riggingContainer":"magritte-rigging-container___Up9Lb_5-0-22","input__mask":"magritte-input__mask___CHda2_5-0-22","inputMask":"magritte-input__mask___CHda2_5-0-22","value-ghost":"magritte-value-ghost___IXNZj_5-0-22","valueGhost":"magritte-value-ghost___IXNZj_5-0-22","hint-container":"magritte-hint-container___rGsD8_5-0-22","hintContainer":"magritte-hint-container___rGsD8_5-0-22","with-right":"magritte-with-right___NUNiP_5-0-22","withRight":"magritte-with-right___NUNiP_5-0-22","content-container":"magritte-content-container___s-0kX_5-0-22","contentContainer":"magritte-content-container___s-0kX_5-0-22","counter":"magritte-counter___Bld3Q_5-0-22","value-container":"magritte-value-container___6ReT7_5-0-22","valueContainer":"magritte-value-container___6ReT7_5-0-22"};
16
+ var styles = {"input":"magritte-input___LVTID_5-0-23","label":"magritte-label___YlOQk_5-0-23","elevated":"magritte-elevated___kPcsM_5-0-23","focused":"magritte-focused___dxrHD_5-0-23","invalid":"magritte-invalid___L5MVa_5-0-23","disabled":"magritte-disabled___0NH6E_5-0-23","position-container":"magritte-position-container___kZnvZ_5-0-23","positionContainer":"magritte-position-container___kZnvZ_5-0-23","field":"magritte-field___9S8Tw_5-0-23","hint":"magritte-hint___EFGK0_5-0-23","additional-value":"magritte-additional-value___9Kyap_5-0-23","additionalValue":"magritte-additional-value___9Kyap_5-0-23","label_elevated":"magritte-label_elevated___PVcpC_5-0-23","labelElevated":"magritte-label_elevated___PVcpC_5-0-23","fixed-placeholder":"magritte-fixed-placeholder___PYJIH_5-0-23","fixedPlaceholder":"magritte-fixed-placeholder___PYJIH_5-0-23","icon":"magritte-icon___HEDsQ_5-0-23","focus-visible":"magritte-focus-visible___QvCO1_5-0-23","focusVisible":"magritte-focus-visible___QvCO1_5-0-23","right-container":"magritte-right-container___N0B0o_5-0-23","rightContainer":"magritte-right-container___N0B0o_5-0-23","with-icon":"magritte-with-icon___TPBe2_5-0-23","withIcon":"magritte-with-icon___TPBe2_5-0-23","large":"magritte-large___9frRh_5-0-23","rigging-container":"magritte-rigging-container___Up9Lb_5-0-23","riggingContainer":"magritte-rigging-container___Up9Lb_5-0-23","input__mask":"magritte-input__mask___CHda2_5-0-23","inputMask":"magritte-input__mask___CHda2_5-0-23","value-ghost":"magritte-value-ghost___IXNZj_5-0-23","valueGhost":"magritte-value-ghost___IXNZj_5-0-23","hint-container":"magritte-hint-container___rGsD8_5-0-23","hintContainer":"magritte-hint-container___rGsD8_5-0-23","with-right":"magritte-with-right___NUNiP_5-0-23","withRight":"magritte-with-right___NUNiP_5-0-23","content-container":"magritte-content-container___s-0kX_5-0-23","contentContainer":"magritte-content-container___s-0kX_5-0-23","counter":"magritte-counter___Bld3Q_5-0-23","value-container":"magritte-value-container___6ReT7_5-0-23","valueContainer":"magritte-value-container___6ReT7_5-0-23"};
17
17
 
18
18
  const BaseInputComponent = ({ onChange, onFocus, onBlur, value, placeholder, disabled = false, postfix, size = 'medium', elevatePlaceholder = false, invalid = false, description, errorMessage, formatter, buttonIcon, clearable = false, clearableOnFocus, onButtonClick, buttonDataQa, buttonRef, inputIcon, wrapperRef, counter, fixedPlaceholder, maxLength, hint, showHintAlways = false, ...restProps }, ref) => {
19
19
  const wrapperCurrentRef = useRef(null);
package/DateTimeInput.js CHANGED
@@ -14,9 +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 '@maskito/core';
18
- import '@maskito/kit';
19
- import '@maskito/react';
17
+ import './index.esm-af1b5ff6.js';
20
18
 
21
19
  const DateTimeInput = forwardRef(({ dateMask, timeMask, timeRounding, onButtonClick, ...restProps }, ref) => {
22
20
  const maskedInputRef = useDateTimeMask(dateMask, timeMask, timeRounding);
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 } 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;;;;"}
package/UncontrolledDateTimeInput.js CHANGED
@@ -16,9 +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 '@maskito/core';
20
- import '@maskito/kit';
21
- import '@maskito/react';
19
+ import './index.esm-af1b5ff6.js';
22
20
 
23
21
  const UncontrolledDateTimeInput = forwardRef(({ value, onChange, ...restProps }, ref) => {
24
22
  const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);
package/UncontrolledDateTimeInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"UncontrolledDateTimeInput.js","sources":["../src/UncontrolledDateTimeInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { DateTimeInput } from '@hh.ru/magritte-ui-input/DateTimeInput';\nimport { UncontrolledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledDateTimeInput = forwardRef<\n HTMLInputElement,\n UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledDateTimeInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <DateTimeInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledDateTimeInput.displayName = 'UncontrolledDateTimeInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAyB,GAAG,UAAU,CAGjD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,aAAa,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpG,CAAC,EAAE;AAEH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}
1
+ {"version":3,"file":"UncontrolledDateTimeInput.js","sources":["../src/UncontrolledDateTimeInput.tsx"],"sourcesContent":["import { forwardRef, InputHTMLAttributes } from 'react';\n\nimport { DateTimeInput } from '@hh.ru/magritte-ui-input/DateTimeInput';\nimport { UncontrolledDateTimeInputProps } from '@hh.ru/magritte-ui-input/types';\nimport { useUncontrolledInput } from '@hh.ru/magritte-ui-input/useUncontrolledInput';\n\nexport const UncontrolledDateTimeInput = forwardRef<\n HTMLInputElement,\n UncontrolledDateTimeInputProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof UncontrolledDateTimeInputProps>\n>(({ value, onChange, ...restProps }, ref) => {\n const [currentValue, changeHandler] = useUncontrolledInput(value, onChange);\n return <DateTimeInput {...restProps} value={currentValue} onChange={changeHandler} ref={ref} />;\n});\n\nUncontrolledDateTimeInput.displayName = 'UncontrolledDateTimeInput';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAMa,MAAA,yBAAyB,GAAG,UAAU,CAGjD,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;AACzC,IAAA,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC5E,IAAA,OAAOA,IAAC,aAAa,EAAA,EAAA,GAAK,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;AACpG,CAAC,EAAE;AAEH,yBAAyB,CAAC,WAAW,GAAG,2BAA2B;;;;"}
package/index.css CHANGED
@@ -107,22 +107,22 @@
107
107
  --magritte-color-component-input-icon-state-content-disabled-v18-2-0:#474747;
108
108
  --magritte-color-component-input-icon-content-v18-2-0:#ABABAB;
109
109
  }
110
- .magritte-input___LVTID_5-0-22{
110
+ .magritte-input___LVTID_5-0-23{
111
111
  display:inline-block;
112
112
  width:100%;
113
113
  --animation-100-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v18-2-0);
114
114
  --animation-200-duration:var(--magritte-semantic-animation-ease-in-out-200-duration-v18-2-0);
115
115
  }
116
- .magritte-input___LVTID_5-0-22:has(input:autofill) .magritte-label___YlOQk_5-0-22{
116
+ .magritte-input___LVTID_5-0-23:has(input:autofill) .magritte-label___YlOQk_5-0-23{
117
117
  display:none;
118
118
  }
119
- .magritte-input___LVTID_5-0-22.magritte-elevated___kPcsM_5-0-22:has(input:autofill) .magritte-label___YlOQk_5-0-22{
119
+ .magritte-input___LVTID_5-0-23.magritte-elevated___kPcsM_5-0-23:has(input:autofill) .magritte-label___YlOQk_5-0-23{
120
120
  display:block;
121
121
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-2-0) + var(--magritte-typography-label-2-regular-line-height-v18-2-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-2-0) / 2)));
122
122
  transition-duration:0ms;
123
123
  color:var(--magritte-color-component-input-text-label-v18-2-0);
124
124
  }
125
- .magritte-input___LVTID_5-0-22.magritte-elevated___kPcsM_5-0-22:has(input:autofill) .magritte-label___YlOQk_5-0-22 > *{
125
+ .magritte-input___LVTID_5-0-23.magritte-elevated___kPcsM_5-0-23:has(input:autofill) .magritte-label___YlOQk_5-0-23 > *{
126
126
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-2-0);
127
127
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-2-0);
128
128
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-2-0);
@@ -133,200 +133,200 @@
133
133
  text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v18-2-0);
134
134
  }
135
135
  @media (min-width: 1020px){
136
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover{
136
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover{
137
137
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-2-0);
138
138
  }
139
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-position-container___kZnvZ_5-0-22{
139
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-position-container___kZnvZ_5-0-23{
140
140
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-2-0);
141
141
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-2-0);
142
142
  }
143
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-field___9S8Tw_5-0-22{
143
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-field___9S8Tw_5-0-23{
144
144
  color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-0);
145
145
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-0);
146
146
  opacity:1;
147
147
  }
148
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-hint___EFGK0_5-0-22{
148
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-hint___EFGK0_5-0-23{
149
149
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
150
150
  color:var(--magritte-color-component-input-text-state-description-hovered-v18-2-0);
151
151
  }
152
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-additional-value___9Kyap_5-0-22{
152
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-additional-value___9Kyap_5-0-23{
153
153
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-2-0);
154
154
  }
155
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-label_elevated___PVcpC_5-0-22{
155
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-label_elevated___PVcpC_5-0-23{
156
156
  color:var(--magritte-color-component-input-text-state-label-hovered-v18-2-0);
157
157
  }
158
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-label___YlOQk_5-0-22:not(.magritte-label_elevated___PVcpC_5-0-22),
159
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-fixed-placeholder___PYJIH_5-0-22{
158
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-label___YlOQk_5-0-23:not(.magritte-label_elevated___PVcpC_5-0-23),
159
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-fixed-placeholder___PYJIH_5-0-23{
160
160
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-2-0);
161
161
  }
162
- body.magritte-old-layout .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-icon___HEDsQ_5-0-22{
162
+ body.magritte-old-layout .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-icon___HEDsQ_5-0-23{
163
163
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-2-0);
164
164
  }
165
165
  }
166
166
  @media (min-width: 1024px){
167
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover{
167
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover{
168
168
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-hovered-v18-2-0);
169
169
  }
170
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-position-container___kZnvZ_5-0-22{
170
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-position-container___kZnvZ_5-0-23{
171
171
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v18-2-0);
172
172
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v18-2-0);
173
173
  }
174
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-field___9S8Tw_5-0-22{
174
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-field___9S8Tw_5-0-23{
175
175
  color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-0);
176
176
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-hovered-v18-2-0);
177
177
  opacity:1;
178
178
  }
179
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-hint___EFGK0_5-0-22{
179
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-hint___EFGK0_5-0-23{
180
180
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-hovered';
181
181
  color:var(--magritte-color-component-input-text-state-description-hovered-v18-2-0);
182
182
  }
183
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-additional-value___9Kyap_5-0-22{
183
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-additional-value___9Kyap_5-0-23{
184
184
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-hovered-v18-2-0);
185
185
  }
186
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-label_elevated___PVcpC_5-0-22{
186
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-label_elevated___PVcpC_5-0-23{
187
187
  color:var(--magritte-color-component-input-text-state-label-hovered-v18-2-0);
188
188
  }
189
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-label___YlOQk_5-0-22:not(.magritte-label_elevated___PVcpC_5-0-22),
190
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-fixed-placeholder___PYJIH_5-0-22{
189
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-label___YlOQk_5-0-23:not(.magritte-label_elevated___PVcpC_5-0-23),
190
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-fixed-placeholder___PYJIH_5-0-23{
191
191
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v18-2-0);
192
192
  }
193
- body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-22:not(.magritte-focused___dxrHD_5-0-22):not(.magritte-invalid___L5MVa_5-0-22):not(.magritte-disabled___0NH6E_5-0-22):hover .magritte-icon___HEDsQ_5-0-22{
193
+ body:not(.magritte-old-layout) .magritte-input___LVTID_5-0-23:not(.magritte-focused___dxrHD_5-0-23):not(.magritte-invalid___L5MVa_5-0-23):not(.magritte-disabled___0NH6E_5-0-23):hover .magritte-icon___HEDsQ_5-0-23{
194
194
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-hovered-v18-2-0);
195
195
  }
196
196
  }
197
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22{
197
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23{
198
198
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-focused-v18-2-0);
199
199
  }
200
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
200
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
201
201
  background-color:var(--magritte-color-component-input-background-state-field-focused-v18-2-0);
202
202
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v18-2-0);
203
203
  }
204
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-field___9S8Tw_5-0-22{
204
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-field___9S8Tw_5-0-23{
205
205
  color:var(--magritte-color-component-input-text-state-content-focused-v18-2-0);
206
206
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-focused-v18-2-0);
207
207
  opacity:1;
208
208
  }
209
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-hint___EFGK0_5-0-22{
209
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-hint___EFGK0_5-0-23{
210
210
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-focused';
211
211
  color:var(--magritte-color-component-input-text-state-description-focused-v18-2-0);
212
212
  }
213
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-additional-value___9Kyap_5-0-22{
213
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-additional-value___9Kyap_5-0-23{
214
214
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-focused-v18-2-0);
215
215
  }
216
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-label_elevated___PVcpC_5-0-22{
216
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-label_elevated___PVcpC_5-0-23{
217
217
  color:var(--magritte-color-component-input-text-state-label-focused-v18-2-0);
218
218
  }
219
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-label___YlOQk_5-0-22:not(.magritte-label_elevated___PVcpC_5-0-22),
220
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-fixed-placeholder___PYJIH_5-0-22{
219
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-label___YlOQk_5-0-23:not(.magritte-label_elevated___PVcpC_5-0-23),
220
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-fixed-placeholder___PYJIH_5-0-23{
221
221
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v18-2-0);
222
222
  }
223
- .magritte-input___LVTID_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-icon___HEDsQ_5-0-22{
223
+ .magritte-input___LVTID_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-icon___HEDsQ_5-0-23{
224
224
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-focused-v18-2-0);
225
225
  }
226
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22{
226
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23{
227
227
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-2-0);
228
228
  }
229
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
229
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
230
230
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-2-0);
231
231
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v18-2-0);
232
232
  }
233
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-field___9S8Tw_5-0-22{
233
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-field___9S8Tw_5-0-23{
234
234
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-0);
235
235
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-0);
236
236
  opacity:1;
237
237
  }
238
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-hint___EFGK0_5-0-22{
238
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-hint___EFGK0_5-0-23{
239
239
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
240
240
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-2-0);
241
241
  }
242
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-additional-value___9Kyap_5-0-22{
242
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-additional-value___9Kyap_5-0-23{
243
243
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-2-0);
244
244
  }
245
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-label_elevated___PVcpC_5-0-22{
245
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-label_elevated___PVcpC_5-0-23{
246
246
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-2-0);
247
247
  }
248
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-label___YlOQk_5-0-22:not(.magritte-label_elevated___PVcpC_5-0-22),
249
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-fixed-placeholder___PYJIH_5-0-22{
248
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-label___YlOQk_5-0-23:not(.magritte-label_elevated___PVcpC_5-0-23),
249
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-fixed-placeholder___PYJIH_5-0-23{
250
250
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-2-0);
251
251
  }
252
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-icon___HEDsQ_5-0-22{
252
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-icon___HEDsQ_5-0-23{
253
253
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-2-0);
254
254
  }
255
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22{
255
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23{
256
256
  --magritte-ui-form-helper-error-color-override:var(--magritte-color-component-input-text-state-description-invalid-v18-2-0);
257
257
  }
258
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
258
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
259
259
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v18-2-0);
260
260
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-invalid-v18-2-0);
261
261
  }
262
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-field___9S8Tw_5-0-22{
262
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-field___9S8Tw_5-0-23{
263
263
  color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-0);
264
264
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-invalid-v18-2-0);
265
265
  opacity:1;
266
266
  }
267
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-hint___EFGK0_5-0-22{
267
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-hint___EFGK0_5-0-23{
268
268
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-invalid';
269
269
  color:var(--magritte-color-component-input-text-state-description-invalid-v18-2-0);
270
270
  }
271
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-additional-value___9Kyap_5-0-22{
271
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-additional-value___9Kyap_5-0-23{
272
272
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-invalid-v18-2-0);
273
273
  }
274
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-label_elevated___PVcpC_5-0-22{
274
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-label_elevated___PVcpC_5-0-23{
275
275
  color:var(--magritte-color-component-input-text-state-label-invalid-v18-2-0);
276
276
  }
277
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-label___YlOQk_5-0-22:not(.magritte-label_elevated___PVcpC_5-0-22),
278
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-fixed-placeholder___PYJIH_5-0-22{
277
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-label___YlOQk_5-0-23:not(.magritte-label_elevated___PVcpC_5-0-23),
278
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-fixed-placeholder___PYJIH_5-0-23{
279
279
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v18-2-0);
280
280
  }
281
- .magritte-input___LVTID_5-0-22.magritte-invalid___L5MVa_5-0-22.magritte-focused___dxrHD_5-0-22 .magritte-icon___HEDsQ_5-0-22{
281
+ .magritte-input___LVTID_5-0-23.magritte-invalid___L5MVa_5-0-23.magritte-focused___dxrHD_5-0-23 .magritte-icon___HEDsQ_5-0-23{
282
282
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-invalid-v18-2-0);
283
283
  }
284
- .magritte-input___LVTID_5-0-22.magritte-focus-visible___QvCO1_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
284
+ .magritte-input___LVTID_5-0-23.magritte-focus-visible___QvCO1_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
285
285
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v18-2-0) solid 4px;
286
286
  }
287
- .magritte-input___LVTID_5-0-22.magritte-focus-visible___QvCO1_5-0-22.magritte-invalid___L5MVa_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
287
+ .magritte-input___LVTID_5-0-23.magritte-focus-visible___QvCO1_5-0-23.magritte-invalid___L5MVa_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
288
288
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v18-2-0);
289
289
  }
290
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22{
290
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23{
291
291
  --magritte-ui-form-helper-description-color-override:var(--magritte-color-component-input-text-state-description-disabled-v18-2-0);
292
292
  }
293
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
293
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
294
294
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v18-2-0);
295
295
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v18-2-0);
296
296
  }
297
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-field___9S8Tw_5-0-22{
297
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-field___9S8Tw_5-0-23{
298
298
  color:var(--magritte-color-component-input-text-state-content-disabled-v18-2-0);
299
299
  -webkit-text-fill-color:var(--magritte-color-component-input-text-state-content-disabled-v18-2-0);
300
300
  opacity:1;
301
301
  }
302
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-hint___EFGK0_5-0-22{
302
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-hint___EFGK0_5-0-23{
303
303
  --magritte-ui-text-color-override:'magritte-color-component-input-text-state-description-disabled';
304
304
  color:var(--magritte-color-component-input-text-state-description-disabled-v18-2-0);
305
305
  }
306
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-additional-value___9Kyap_5-0-22{
306
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-additional-value___9Kyap_5-0-23{
307
307
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-state-content-disabled-v18-2-0);
308
308
  }
309
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-label_elevated___PVcpC_5-0-22{
309
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-label_elevated___PVcpC_5-0-23{
310
310
  color:var(--magritte-color-component-input-text-state-label-disabled-v18-2-0);
311
311
  }
312
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-label___YlOQk_5-0-22:not(.magritte-label_elevated___PVcpC_5-0-22),
313
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-fixed-placeholder___PYJIH_5-0-22{
312
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-label___YlOQk_5-0-23:not(.magritte-label_elevated___PVcpC_5-0-23),
313
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-fixed-placeholder___PYJIH_5-0-23{
314
314
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v18-2-0);
315
315
  }
316
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-icon___HEDsQ_5-0-22{
316
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-icon___HEDsQ_5-0-23{
317
317
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-content-disabled-v18-2-0);
318
318
  }
319
- .magritte-input___LVTID_5-0-22.magritte-disabled___0NH6E_5-0-22 .magritte-right-container___N0B0o_5-0-22{
319
+ .magritte-input___LVTID_5-0-23.magritte-disabled___0NH6E_5-0-23 .magritte-right-container___N0B0o_5-0-23{
320
320
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-state-content-disabled-v18-2-0);
321
321
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-state-content-disabled-v18-2-0);
322
322
  }
323
323
  @media (prefers-reduced-motion){
324
- .magritte-input___LVTID_5-0-22{
324
+ .magritte-input___LVTID_5-0-23{
325
325
  --animation-100-duration:1ms;
326
326
  --animation-200-duration:1ms;
327
327
  }
328
328
  }
329
- .magritte-position-container___kZnvZ_5-0-22{
329
+ .magritte-position-container___kZnvZ_5-0-23{
330
330
  display:flex;
331
331
  align-items:center;
332
332
  position:relative;
@@ -336,20 +336,20 @@
336
336
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-field-v18-2-0);
337
337
  padding:4px 4px 4px 16px;
338
338
  }
339
- .magritte-with-icon___TPBe2_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
339
+ .magritte-with-icon___TPBe2_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
340
340
  padding-left:12px;
341
341
  }
342
- .magritte-large___9frRh_5-0-22 .magritte-position-container___kZnvZ_5-0-22{
342
+ .magritte-large___9frRh_5-0-23 .magritte-position-container___kZnvZ_5-0-23{
343
343
  padding:8px 8px 8px 16px;
344
344
  }
345
- .magritte-right-container___N0B0o_5-0-22{
345
+ .magritte-right-container___N0B0o_5-0-23{
346
346
  display:flex;
347
347
  align-items:center;
348
348
  justify-content:center;
349
349
  --magritte-counter-background-color:var(--magritte-color-component-input-counter-background-content-v18-2-0);
350
350
  --magritte-counter-label-color:var(--magritte-color-component-input-counter-text-content-v18-2-0);
351
351
  }
352
- .magritte-field___9S8Tw_5-0-22{
352
+ .magritte-field___9S8Tw_5-0-23{
353
353
  position:absolute;
354
354
  inset:0;
355
355
  background:none;
@@ -371,7 +371,7 @@
371
371
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-2-0);
372
372
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-2-0);
373
373
  }
374
- .magritte-icon___HEDsQ_5-0-22{
374
+ .magritte-icon___HEDsQ_5-0-23{
375
375
  display:flex;
376
376
  align-items:center;
377
377
  position:absolute;
@@ -380,14 +380,14 @@
380
380
  pointer-events:none;
381
381
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-content-v18-2-0);
382
382
  }
383
- .magritte-with-icon___TPBe2_5-0-22 .magritte-field___9S8Tw_5-0-22,
384
- .magritte-with-icon___TPBe2_5-0-22 .magritte-additional-value___9Kyap_5-0-22{
383
+ .magritte-with-icon___TPBe2_5-0-23 .magritte-field___9S8Tw_5-0-23,
384
+ .magritte-with-icon___TPBe2_5-0-23 .magritte-additional-value___9Kyap_5-0-23{
385
385
  padding-left:calc(24px + 12px);
386
386
  }
387
- .magritte-with-icon___TPBe2_5-0-22 .magritte-rigging-container___Up9Lb_5-0-22{
387
+ .magritte-with-icon___TPBe2_5-0-23 .magritte-rigging-container___Up9Lb_5-0-23{
388
388
  left:calc(24px + 12px);
389
389
  }
390
- .magritte-rigging-container___Up9Lb_5-0-22{
390
+ .magritte-rigging-container___Up9Lb_5-0-23{
391
391
  display:flex;
392
392
  align-items:center;
393
393
  position:absolute;
@@ -395,8 +395,8 @@
395
395
  inset:0;
396
396
  pointer-events:none;
397
397
  }
398
- .magritte-label___YlOQk_5-0-22,
399
- .magritte-fixed-placeholder___PYJIH_5-0-22{
398
+ .magritte-label___YlOQk_5-0-23,
399
+ .magritte-fixed-placeholder___PYJIH_5-0-23{
400
400
  font-family:var(--magritte-typography-label-2-regular-font-family-v18-2-0);
401
401
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-2-0);
402
402
  line-height:var(--magritte-typography-label-2-regular-line-height-v18-2-0);
@@ -414,11 +414,11 @@
414
414
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v18-2-0);
415
415
  color:var(--magritte-color-component-input-text-placeholder-v18-2-0);
416
416
  }
417
- .magritte-label___YlOQk_5-0-22{
417
+ .magritte-label___YlOQk_5-0-23{
418
418
  display:block;
419
419
  transition-property:transform, color, font-size, letter-spacing;
420
420
  }
421
- .magritte-label_elevated___PVcpC_5-0-22{
421
+ .magritte-label_elevated___PVcpC_5-0-23{
422
422
  font-family:var(--magritte-typography-label-4-regular-font-family-v18-2-0);
423
423
  font-weight:var(--magritte-typography-label-4-regular-font-weight-v18-2-0);
424
424
  line-height:var(--magritte-typography-label-4-regular-line-height-v18-2-0);
@@ -430,7 +430,7 @@
430
430
  color:var(--magritte-color-component-input-text-label-v18-2-0);
431
431
  transform:translateY(calc(0px - ((var(--magritte-typography-label-4-regular-line-height-v18-2-0) + var(--magritte-typography-label-2-regular-line-height-v18-2-0)) / 2) + (var(--magritte-typography-label-4-regular-line-height-v18-2-0) / 2)));
432
432
  }
433
- .magritte-input__mask___CHda2_5-0-22{
433
+ .magritte-input__mask___CHda2_5-0-23{
434
434
  position:absolute;
435
435
  width:100%;
436
436
  pointer-events:none;
@@ -440,11 +440,11 @@
440
440
  text-overflow:ellipsis;
441
441
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-content-v18-2-0);
442
442
  }
443
- .magritte-value-ghost___IXNZj_5-0-22{
443
+ .magritte-value-ghost___IXNZj_5-0-23{
444
444
  visibility:hidden;
445
445
  white-space:pre;
446
446
  }
447
- .magritte-hint-container___rGsD8_5-0-22{
447
+ .magritte-hint-container___rGsD8_5-0-23{
448
448
  display:flex;
449
449
  flex-grow:1;
450
450
  align-items:center;
@@ -452,10 +452,10 @@
452
452
  gap:12px;
453
453
  min-width:0;
454
454
  }
455
- .magritte-with-right___NUNiP_5-0-22 .magritte-hint-container___rGsD8_5-0-22{
455
+ .magritte-with-right___NUNiP_5-0-23 .magritte-hint-container___rGsD8_5-0-23{
456
456
  padding-right:4px;
457
457
  }
458
- .magritte-hint___EFGK0_5-0-22{
458
+ .magritte-hint___EFGK0_5-0-23{
459
459
  --magritte-ui-text-color-override:var(--magritte-color-component-input-text-description-v18-2-0);
460
460
  color:var(--magritte-color-component-input-text-description-v18-2-0);
461
461
  overflow:hidden;
@@ -463,25 +463,25 @@
463
463
  text-overflow:ellipsis;
464
464
  flex:0 1 auto;
465
465
  }
466
- .magritte-content-container___s-0kX_5-0-22{
466
+ .magritte-content-container___s-0kX_5-0-23{
467
467
  position:relative;
468
468
  flex:1 0 auto;
469
469
  display:flex;
470
470
  padding:8px 0;
471
471
  max-width:100%;
472
472
  }
473
- .magritte-elevated___kPcsM_5-0-22 .magritte-content-container___s-0kX_5-0-22{
473
+ .magritte-elevated___kPcsM_5-0-23 .magritte-content-container___s-0kX_5-0-23{
474
474
  padding:18px 0 0;
475
475
  }
476
- .magritte-counter___Bld3Q_5-0-22{
476
+ .magritte-counter___Bld3Q_5-0-23{
477
477
  padding:0 8px;
478
478
  }
479
- .magritte-value-container___6ReT7_5-0-22{
479
+ .magritte-value-container___6ReT7_5-0-23{
480
480
  position:relative;
481
481
  display:grid;
482
482
  width:100%;
483
483
  }
484
- .magritte-additional-value___9Kyap_5-0-22{
484
+ .magritte-additional-value___9Kyap_5-0-23{
485
485
  display:flex;
486
486
  align-items:center;
487
487
  grid-area:1 / 1;
@@ -491,6 +491,6 @@
491
491
  color:transparent;
492
492
  min-height:24px;
493
493
  }
494
- .magritte-elevated___kPcsM_5-0-22 .magritte-additional-value___9Kyap_5-0-22{
494
+ .magritte-elevated___kPcsM_5-0-23 .magritte-additional-value___9Kyap_5-0-23{
495
495
  min-height:22px;
496
496
  }