@hh.ru/magritte-ui-form-label 8.0.3 → 8.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/FormLabel.js CHANGED
@@ -6,21 +6,21 @@ import '@hh.ru/magritte-common-focus-visible';
6
6
  import { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
7
7
  import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
8
8
  import { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';
9
- import { isIconComponent, IconDynamic } from '@hh.ru/magritte-ui-icon';
9
+ import { isIconElement, IconDynamic } from '@hh.ru/magritte-ui-icon';
10
10
  import { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
11
11
  import { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';
12
12
  import { VSpacing } from '@hh.ru/magritte-ui-spacing';
13
13
  import { Tooltip } from '@hh.ru/magritte-ui-tooltip';
14
14
  import { Text } from '@hh.ru/magritte-ui-typography';
15
15
 
16
- var styles = {"form-label":"magritte-form-label___Yzcxs_8-0-3","formLabel":"magritte-form-label___Yzcxs_8-0-3","content":"magritte-content___o4wkg_8-0-3","postfix":"magritte-postfix___UBcl3_8-0-3","icon":"magritte-icon___nwksH_8-0-3","style-text__primary":"magritte-style-text__primary___O5HzE_8-0-3","styleTextPrimary":"magritte-style-text__primary___O5HzE_8-0-3","form-label_disabled":"magritte-form-label_disabled___rq0Rq_8-0-3","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_8-0-3","style-text__secondary":"magritte-style-text__secondary___Uc8qw_8-0-3","styleTextSecondary":"magritte-style-text__secondary___Uc8qw_8-0-3","style-text__tertiary":"magritte-style-text__tertiary___4Tv0c_8-0-3","styleTextTertiary":"magritte-style-text__tertiary___4Tv0c_8-0-3","style-text__accent":"magritte-style-text__accent___DO4-g_8-0-3","styleTextAccent":"magritte-style-text__accent___DO4-g_8-0-3","style-text__accent-secondary":"magritte-style-text__accent-secondary___vZP4l_8-0-3","styleTextAccentSecondary":"magritte-style-text__accent-secondary___vZP4l_8-0-3","style-text__positive":"magritte-style-text__positive___A7nAW_8-0-3","styleTextPositive":"magritte-style-text__positive___A7nAW_8-0-3","style-text__positive-secondary":"magritte-style-text__positive-secondary___BVzsp_8-0-3","styleTextPositiveSecondary":"magritte-style-text__positive-secondary___BVzsp_8-0-3","style-text__negative":"magritte-style-text__negative___bfQGc_8-0-3","styleTextNegative":"magritte-style-text__negative___bfQGc_8-0-3","style-text__negative-secondary":"magritte-style-text__negative-secondary___dwdIU_8-0-3","styleTextNegativeSecondary":"magritte-style-text__negative-secondary___dwdIU_8-0-3","style-text__warning":"magritte-style-text__warning___LMwJL_8-0-3","styleTextWarning":"magritte-style-text__warning___LMwJL_8-0-3","style-text__warning-secondary":"magritte-style-text__warning-secondary___00jFu_8-0-3","styleTextWarningSecondary":"magritte-style-text__warning-secondary___00jFu_8-0-3","style-text__special":"magritte-style-text__special___dM5OC_8-0-3","styleTextSpecial":"magritte-style-text__special___dM5OC_8-0-3","style-text__special-secondary":"magritte-style-text__special-secondary___TW9M0_8-0-3","styleTextSpecialSecondary":"magritte-style-text__special-secondary___TW9M0_8-0-3","style-text__contrast":"magritte-style-text__contrast___gdVqp_8-0-3","styleTextContrast":"magritte-style-text__contrast___gdVqp_8-0-3","style-text__contrast-secondary":"magritte-style-text__contrast-secondary___Vg7J2_8-0-3","styleTextContrastSecondary":"magritte-style-text__contrast-secondary___Vg7J2_8-0-3","style-postfix__primary":"magritte-style-postfix__primary___SZze8_8-0-3","stylePostfixPrimary":"magritte-style-postfix__primary___SZze8_8-0-3","style-postfix__secondary":"magritte-style-postfix__secondary___62v6C_8-0-3","stylePostfixSecondary":"magritte-style-postfix__secondary___62v6C_8-0-3","style-postfix__tertiary":"magritte-style-postfix__tertiary___ETf7E_8-0-3","stylePostfixTertiary":"magritte-style-postfix__tertiary___ETf7E_8-0-3","style-postfix__accent":"magritte-style-postfix__accent___qZ4eI_8-0-3","stylePostfixAccent":"magritte-style-postfix__accent___qZ4eI_8-0-3","style-postfix__accent-secondary":"magritte-style-postfix__accent-secondary___X20G-_8-0-3","stylePostfixAccentSecondary":"magritte-style-postfix__accent-secondary___X20G-_8-0-3","style-postfix__positive":"magritte-style-postfix__positive___X1KrC_8-0-3","stylePostfixPositive":"magritte-style-postfix__positive___X1KrC_8-0-3","style-postfix__positive-secondary":"magritte-style-postfix__positive-secondary___mcQO2_8-0-3","stylePostfixPositiveSecondary":"magritte-style-postfix__positive-secondary___mcQO2_8-0-3","style-postfix__negative":"magritte-style-postfix__negative___FTrS7_8-0-3","stylePostfixNegative":"magritte-style-postfix__negative___FTrS7_8-0-3","style-postfix__negative-secondary":"magritte-style-postfix__negative-secondary___Z3jnL_8-0-3","stylePostfixNegativeSecondary":"magritte-style-postfix__negative-secondary___Z3jnL_8-0-3","style-postfix__warning":"magritte-style-postfix__warning___WvGdQ_8-0-3","stylePostfixWarning":"magritte-style-postfix__warning___WvGdQ_8-0-3","style-postfix__warning-secondary":"magritte-style-postfix__warning-secondary___bGMil_8-0-3","stylePostfixWarningSecondary":"magritte-style-postfix__warning-secondary___bGMil_8-0-3","style-postfix__special":"magritte-style-postfix__special___lBEXe_8-0-3","stylePostfixSpecial":"magritte-style-postfix__special___lBEXe_8-0-3","style-postfix__special-secondary":"magritte-style-postfix__special-secondary___oTEbd_8-0-3","stylePostfixSpecialSecondary":"magritte-style-postfix__special-secondary___oTEbd_8-0-3","style-postfix__contrast":"magritte-style-postfix__contrast___BrIfF_8-0-3","stylePostfixContrast":"magritte-style-postfix__contrast___BrIfF_8-0-3","style-postfix__contrast-secondary":"magritte-style-postfix__contrast-secondary___bcpSX_8-0-3","stylePostfixContrastSecondary":"magritte-style-postfix__contrast-secondary___bcpSX_8-0-3"};
16
+ var styles = {"form-label":"magritte-form-label___Yzcxs_8-0-5","formLabel":"magritte-form-label___Yzcxs_8-0-5","content":"magritte-content___o4wkg_8-0-5","postfix":"magritte-postfix___UBcl3_8-0-5","icon":"magritte-icon___nwksH_8-0-5","style-text__primary":"magritte-style-text__primary___O5HzE_8-0-5","styleTextPrimary":"magritte-style-text__primary___O5HzE_8-0-5","form-label_disabled":"magritte-form-label_disabled___rq0Rq_8-0-5","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_8-0-5","style-text__secondary":"magritte-style-text__secondary___Uc8qw_8-0-5","styleTextSecondary":"magritte-style-text__secondary___Uc8qw_8-0-5","style-text__tertiary":"magritte-style-text__tertiary___4Tv0c_8-0-5","styleTextTertiary":"magritte-style-text__tertiary___4Tv0c_8-0-5","style-text__accent":"magritte-style-text__accent___DO4-g_8-0-5","styleTextAccent":"magritte-style-text__accent___DO4-g_8-0-5","style-text__accent-secondary":"magritte-style-text__accent-secondary___vZP4l_8-0-5","styleTextAccentSecondary":"magritte-style-text__accent-secondary___vZP4l_8-0-5","style-text__positive":"magritte-style-text__positive___A7nAW_8-0-5","styleTextPositive":"magritte-style-text__positive___A7nAW_8-0-5","style-text__positive-secondary":"magritte-style-text__positive-secondary___BVzsp_8-0-5","styleTextPositiveSecondary":"magritte-style-text__positive-secondary___BVzsp_8-0-5","style-text__negative":"magritte-style-text__negative___bfQGc_8-0-5","styleTextNegative":"magritte-style-text__negative___bfQGc_8-0-5","style-text__negative-secondary":"magritte-style-text__negative-secondary___dwdIU_8-0-5","styleTextNegativeSecondary":"magritte-style-text__negative-secondary___dwdIU_8-0-5","style-text__warning":"magritte-style-text__warning___LMwJL_8-0-5","styleTextWarning":"magritte-style-text__warning___LMwJL_8-0-5","style-text__warning-secondary":"magritte-style-text__warning-secondary___00jFu_8-0-5","styleTextWarningSecondary":"magritte-style-text__warning-secondary___00jFu_8-0-5","style-text__special":"magritte-style-text__special___dM5OC_8-0-5","styleTextSpecial":"magritte-style-text__special___dM5OC_8-0-5","style-text__special-secondary":"magritte-style-text__special-secondary___TW9M0_8-0-5","styleTextSpecialSecondary":"magritte-style-text__special-secondary___TW9M0_8-0-5","style-text__contrast":"magritte-style-text__contrast___gdVqp_8-0-5","styleTextContrast":"magritte-style-text__contrast___gdVqp_8-0-5","style-text__contrast-secondary":"magritte-style-text__contrast-secondary___Vg7J2_8-0-5","styleTextContrastSecondary":"magritte-style-text__contrast-secondary___Vg7J2_8-0-5","style-postfix__primary":"magritte-style-postfix__primary___SZze8_8-0-5","stylePostfixPrimary":"magritte-style-postfix__primary___SZze8_8-0-5","style-postfix__secondary":"magritte-style-postfix__secondary___62v6C_8-0-5","stylePostfixSecondary":"magritte-style-postfix__secondary___62v6C_8-0-5","style-postfix__tertiary":"magritte-style-postfix__tertiary___ETf7E_8-0-5","stylePostfixTertiary":"magritte-style-postfix__tertiary___ETf7E_8-0-5","style-postfix__accent":"magritte-style-postfix__accent___qZ4eI_8-0-5","stylePostfixAccent":"magritte-style-postfix__accent___qZ4eI_8-0-5","style-postfix__accent-secondary":"magritte-style-postfix__accent-secondary___X20G-_8-0-5","stylePostfixAccentSecondary":"magritte-style-postfix__accent-secondary___X20G-_8-0-5","style-postfix__positive":"magritte-style-postfix__positive___X1KrC_8-0-5","stylePostfixPositive":"magritte-style-postfix__positive___X1KrC_8-0-5","style-postfix__positive-secondary":"magritte-style-postfix__positive-secondary___mcQO2_8-0-5","stylePostfixPositiveSecondary":"magritte-style-postfix__positive-secondary___mcQO2_8-0-5","style-postfix__negative":"magritte-style-postfix__negative___FTrS7_8-0-5","stylePostfixNegative":"magritte-style-postfix__negative___FTrS7_8-0-5","style-postfix__negative-secondary":"magritte-style-postfix__negative-secondary___Z3jnL_8-0-5","stylePostfixNegativeSecondary":"magritte-style-postfix__negative-secondary___Z3jnL_8-0-5","style-postfix__warning":"magritte-style-postfix__warning___WvGdQ_8-0-5","stylePostfixWarning":"magritte-style-postfix__warning___WvGdQ_8-0-5","style-postfix__warning-secondary":"magritte-style-postfix__warning-secondary___bGMil_8-0-5","stylePostfixWarningSecondary":"magritte-style-postfix__warning-secondary___bGMil_8-0-5","style-postfix__special":"magritte-style-postfix__special___lBEXe_8-0-5","stylePostfixSpecial":"magritte-style-postfix__special___lBEXe_8-0-5","style-postfix__special-secondary":"magritte-style-postfix__special-secondary___oTEbd_8-0-5","stylePostfixSpecialSecondary":"magritte-style-postfix__special-secondary___oTEbd_8-0-5","style-postfix__contrast":"magritte-style-postfix__contrast___BrIfF_8-0-5","stylePostfixContrast":"magritte-style-postfix__contrast___BrIfF_8-0-5","style-postfix__contrast-secondary":"magritte-style-postfix__contrast-secondary___bcpSX_8-0-5","stylePostfixContrastSecondary":"magritte-style-postfix__contrast-secondary___bcpSX_8-0-5"};
17
17
 
18
18
  const FormLabel = ({ children, info, postfix, styleText = 'secondary', stylePostfix = 'tertiary', icon: _icon, 'data-qa': dataQa = 'form-label', ...props }) => {
19
19
  const disabled = useDisabled();
20
20
  const [showBottomSheet, setShowBottomSheet] = useState(false);
21
21
  const [showTooltip, setShowTooltip] = useState(false);
22
22
  const activatorRef = useRef(null);
23
- const icon = isIconComponent(_icon) && _icon.type._size === 16 ? (_icon) : (jsx(QuestionCircleOutlinedSize16, { initialColor: "secondary", highlightedColor: "secondary", disabledColor: "secondary" }));
23
+ const icon = isIconElement(_icon) && _icon.type._size === 16 ? (_icon) : (jsx(QuestionCircleOutlinedSize16, { initialColor: "secondary", highlightedColor: "secondary", disabledColor: "secondary" }));
24
24
  const onClick = useCallback((event) => {
25
25
  if (info) {
26
26
  event.preventDefault();
package/FormLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormLabel.js","sources":["../src/FormLabel.tsx"],"sourcesContent":["import { FC, KeyboardEvent, MouseEvent, useCallback, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport '@hh.ru/magritte-common-focus-visible';\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { FormLabelProps } from '@hh.ru/magritte-ui-form-label/types';\nimport { IconDynamic, IconWrapperComponentSize16, isIconComponent } from '@hh.ru/magritte-ui-icon';\nimport { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Tooltip } from '@hh.ru/magritte-ui-tooltip';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './form-label.less';\n\nexport const FormLabel: FC<FormLabelProps> = ({\n children,\n info,\n postfix,\n styleText = 'secondary',\n stylePostfix = 'tertiary',\n icon: _icon,\n 'data-qa': dataQa = 'form-label',\n ...props\n}) => {\n const disabled = useDisabled();\n const [showBottomSheet, setShowBottomSheet] = useState<boolean>(false);\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const activatorRef = useRef<HTMLSpanElement | null>(null);\n\n const icon =\n isIconComponent(_icon) && (_icon.type as IconWrapperComponentSize16)._size === 16 ? (\n _icon\n ) : (\n <QuestionCircleOutlinedSize16\n initialColor=\"secondary\"\n highlightedColor=\"secondary\"\n disabledColor=\"secondary\"\n />\n );\n\n const onClick = useCallback(\n (event: MouseEvent) => {\n if (info) {\n event.preventDefault();\n }\n\n if (!disabled) {\n setShowBottomSheet(true);\n }\n },\n [disabled, info]\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLLabelElement>) => {\n if (disabled || !onClick) {\n return;\n }\n\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onClick(event as unknown as MouseEvent<HTMLLabelElement>);\n }\n },\n [onClick, disabled]\n );\n\n const propsForInfo = info\n ? {\n tabIndex: disabled ? -1 : 0,\n role: 'button',\n onKeyDown,\n onClick,\n onMouseEnter: () => setShowTooltip(true),\n onMouseLeave: () => setShowTooltip(false),\n onFocus: () => setShowTooltip(true),\n onBlur: () => setShowTooltip(false),\n }\n : {};\n\n return (\n <>\n <IconDynamic>\n <label\n className={classNames(styles.formLabel, {\n [styles.formLabelDisabled]: disabled,\n [styles[`style-postfix__${stylePostfix}`]]: stylePostfix,\n [styles[`style-text__${styleText}`]]: styleText,\n })}\n data-qa={dataQa}\n {...propsForInfo}\n {...props}\n >\n <span className={styles.content}>{children}</span>\n {postfix && (\n <span className={styles.postfix} data-qa=\"form-label-postfix\">\n {postfix}\n </span>\n )}\n {info && (\n <span data-qa=\"form-label-info-icon\" className={styles.icon} ref={activatorRef}>\n {icon}\n </span>\n )}\n </label>\n </IconDynamic>\n {info && (\n <>\n <Tooltip\n maxWidth={300}\n visible={showTooltip}\n activatorRef={activatorRef}\n placement=\"top-center\"\n data-qa=\"form-label-tooltip\"\n >\n {info}\n </Tooltip>\n <BottomSheet\n visible={showBottomSheet}\n onClose={() => {\n setShowBottomSheet(false);\n }}\n header={\n <NavigationBar\n title={children}\n right={<CrossOutlinedSize24 onClick={() => setShowBottomSheet(false)} />}\n showDivider=\"always\"\n />\n }\n data-qa=\"form-label-bottom-sheet\"\n >\n <Text typography=\"label-2-regular\">{info}</Text>\n <VSpacing default={16} />\n </BottomSheet>\n </>\n )}\n </>\n );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAM,SAAS,GAAuB,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,WAAW,EACvB,YAAY,GAAG,UAAU,EACzB,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,MAAM,GAAG,YAAY,EAChC,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AAC/D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;AAE1D,IAAA,MAAM,IAAI,GACN,eAAe,CAAC,KAAK,CAAC,IAAK,KAAK,CAAC,IAAmC,CAAC,KAAK,KAAK,EAAE,IAC7E,KAAK,KAELA,GAAA,CAAC,4BAA4B,EACzB,EAAA,YAAY,EAAC,WAAW,EACxB,gBAAgB,EAAC,WAAW,EAC5B,aAAa,EAAC,WAAW,EAAA,CAC3B,CACL,CAAC;AAEN,IAAA,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,KAAiB,KAAI;QAClB,IAAI,IAAI,EAAE;YACN,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;QAED,IAAI,CAAC,QAAQ,EAAE;YACX,kBAAkB,CAAC,IAAI,CAAC,CAAC;SAC5B;AACL,KAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACnB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,KAAsC,KAAI;AACvC,QAAA,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;AAED,QAAA,IAAI,eAAe,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE;YAC9E,OAAO,CAAC,KAAgD,CAAC,CAAC;SAC7D;AACL,KAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI;AACrB,UAAE;YACI,QAAQ,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE,QAAQ;YACd,SAAS;YACT,OAAO;AACP,YAAA,YAAY,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC;AACxC,YAAA,YAAY,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC;AACzC,YAAA,OAAO,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC;AACtC,SAAA;UACD,EAAE,CAAC;AAET,IAAA,QACIC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIF,GAAC,CAAA,WAAW,EACR,EAAA,QAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;AACpC,wBAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,QAAQ;wBACpC,CAAC,MAAM,CAAC,CAAkB,eAAA,EAAA,YAAY,EAAE,CAAC,GAAG,YAAY;wBACxD,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,SAAS,EAAE,CAAC,GAAG,SAAS;qBAClD,CAAC,EAAA,SAAA,EACO,MAAM,EACX,GAAA,YAAY,KACZ,KAAK,EAAA,QAAA,EAAA,CAETD,cAAM,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,EAAA,CAAQ,EACjD,OAAO,KACJA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAU,SAAA,EAAA,oBAAoB,YACxD,OAAO,EAAA,CACL,CACV,EACA,IAAI,KACDA,GAAA,CAAA,MAAA,EAAA,EAAA,SAAA,EAAc,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAA,QAAA,EACzE,IAAI,EACF,CAAA,CACV,IACG,EACE,CAAA,EACb,IAAI,KACDC,4BACID,GAAC,CAAA,OAAO,IACJ,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACd,SAAA,EAAA,oBAAoB,YAE3B,IAAI,EAAA,CACC,EACVC,IAAC,CAAA,WAAW,IACR,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,MAAK;4BACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;yBAC7B,EACD,MAAM,EACFD,GAAC,CAAA,aAAa,IACV,KAAK,EAAE,QAAQ,EACf,KAAK,EAAEA,IAAC,mBAAmB,EAAA,EAAC,OAAO,EAAE,MAAM,kBAAkB,CAAC,KAAK,CAAC,EAAA,CAAI,EACxE,WAAW,EAAC,QAAQ,EAAA,CACtB,EAEE,SAAA,EAAA,yBAAyB,EAEjC,QAAA,EAAA,CAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAA,QAAA,EAAE,IAAI,EAAA,CAAQ,EAChDA,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAI,CAAA,CAAA,EAAA,CACf,CACf,EAAA,CAAA,CACN,CACF,EAAA,CAAA,EACL;AACN;;;;"}
1
+ {"version":3,"file":"FormLabel.js","sources":["../src/FormLabel.tsx"],"sourcesContent":["import { FC, KeyboardEvent, MouseEvent, useCallback, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport '@hh.ru/magritte-common-focus-visible';\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { FormLabelProps } from '@hh.ru/magritte-ui-form-label/types';\nimport { IconDynamic, IconWrapperComponentSize16, isIconElement } from '@hh.ru/magritte-ui-icon';\nimport { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Tooltip } from '@hh.ru/magritte-ui-tooltip';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './form-label.less';\n\nexport const FormLabel: FC<FormLabelProps> = ({\n children,\n info,\n postfix,\n styleText = 'secondary',\n stylePostfix = 'tertiary',\n icon: _icon,\n 'data-qa': dataQa = 'form-label',\n ...props\n}) => {\n const disabled = useDisabled();\n const [showBottomSheet, setShowBottomSheet] = useState<boolean>(false);\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const activatorRef = useRef<HTMLSpanElement | null>(null);\n\n const icon =\n isIconElement(_icon) && (_icon.type as IconWrapperComponentSize16)._size === 16 ? (\n _icon\n ) : (\n <QuestionCircleOutlinedSize16\n initialColor=\"secondary\"\n highlightedColor=\"secondary\"\n disabledColor=\"secondary\"\n />\n );\n\n const onClick = useCallback(\n (event: MouseEvent) => {\n if (info) {\n event.preventDefault();\n }\n\n if (!disabled) {\n setShowBottomSheet(true);\n }\n },\n [disabled, info]\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLLabelElement>) => {\n if (disabled || !onClick) {\n return;\n }\n\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onClick(event as unknown as MouseEvent<HTMLLabelElement>);\n }\n },\n [onClick, disabled]\n );\n\n const propsForInfo = info\n ? {\n tabIndex: disabled ? -1 : 0,\n role: 'button',\n onKeyDown,\n onClick,\n onMouseEnter: () => setShowTooltip(true),\n onMouseLeave: () => setShowTooltip(false),\n onFocus: () => setShowTooltip(true),\n onBlur: () => setShowTooltip(false),\n }\n : {};\n\n return (\n <>\n <IconDynamic>\n <label\n className={classNames(styles.formLabel, {\n [styles.formLabelDisabled]: disabled,\n [styles[`style-postfix__${stylePostfix}`]]: stylePostfix,\n [styles[`style-text__${styleText}`]]: styleText,\n })}\n data-qa={dataQa}\n {...propsForInfo}\n {...props}\n >\n <span className={styles.content}>{children}</span>\n {postfix && (\n <span className={styles.postfix} data-qa=\"form-label-postfix\">\n {postfix}\n </span>\n )}\n {info && (\n <span data-qa=\"form-label-info-icon\" className={styles.icon} ref={activatorRef}>\n {icon}\n </span>\n )}\n </label>\n </IconDynamic>\n {info && (\n <>\n <Tooltip\n maxWidth={300}\n visible={showTooltip}\n activatorRef={activatorRef}\n placement=\"top-center\"\n data-qa=\"form-label-tooltip\"\n >\n {info}\n </Tooltip>\n <BottomSheet\n visible={showBottomSheet}\n onClose={() => {\n setShowBottomSheet(false);\n }}\n header={\n <NavigationBar\n title={children}\n right={<CrossOutlinedSize24 onClick={() => setShowBottomSheet(false)} />}\n showDivider=\"always\"\n />\n }\n data-qa=\"form-label-bottom-sheet\"\n >\n <Text typography=\"label-2-regular\">{info}</Text>\n <VSpacing default={16} />\n </BottomSheet>\n </>\n )}\n </>\n );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
package/index.css CHANGED
@@ -205,7 +205,7 @@
205
205
  --magritte-color-text-state-contrast-pressed-v22-1-0:#ffffff;
206
206
  --magritte-color-text-state-contrast-secondary-pressed-v22-1-0:#ABABAB;
207
207
  }
208
- .magritte-form-label___Yzcxs_8-0-3{
208
+ .magritte-form-label___Yzcxs_8-0-5{
209
209
  font-family:var(--magritte-typography-label-2-regular-font-family-v22-1-0);
210
210
  font-weight:var(--magritte-typography-label-2-regular-font-weight-v22-1-0);
211
211
  line-height:var(--magritte-typography-label-2-regular-line-height-v22-1-0);
@@ -219,16 +219,16 @@
219
219
  align-items:center;
220
220
  border-radius:50vh;
221
221
  }
222
- .magritte-form-label___Yzcxs_8-0-3.focus-visible{
222
+ .magritte-form-label___Yzcxs_8-0-5.focus-visible{
223
223
  outline:var(--magritte-color-stroke-state-focused-accessible-v22-1-0) solid 4px;
224
224
  }
225
- .magritte-form-label___Yzcxs_8-0-3 .magritte-content___o4wkg_8-0-3{
225
+ .magritte-form-label___Yzcxs_8-0-5 .magritte-content___o4wkg_8-0-5{
226
226
  flex:0 1 auto;
227
227
  min-width:0;
228
228
  overflow:hidden;
229
229
  text-overflow:ellipsis;
230
230
  }
231
- .magritte-form-label___Yzcxs_8-0-3 .magritte-postfix___UBcl3_8-0-3{
231
+ .magritte-form-label___Yzcxs_8-0-5 .magritte-postfix___UBcl3_8-0-5{
232
232
  font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v22-1-0);
233
233
  font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v22-1-0);
234
234
  line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v22-1-0);
@@ -243,577 +243,577 @@
243
243
  text-overflow:ellipsis;
244
244
  white-space:nowrap;
245
245
  }
246
- .magritte-form-label___Yzcxs_8-0-3 .magritte-icon___nwksH_8-0-3{
246
+ .magritte-form-label___Yzcxs_8-0-5 .magritte-icon___nwksH_8-0-5{
247
247
  display:inline-flex;
248
248
  align-items:center;
249
249
  }
250
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__primary___O5HzE_8-0-3{
250
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__primary___O5HzE_8-0-5{
251
251
  color:var(--magritte-color-text-primary-v22-1-0);
252
252
  }
253
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__primary___O5HzE_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
253
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__primary___O5HzE_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
254
254
  color:var(--magritte-color-text-state-primary-pressed-v22-1-0);
255
255
  }
256
256
  @media (min-width: 1020px){
257
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__primary___O5HzE_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
257
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__primary___O5HzE_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
258
258
  color:var(--magritte-color-text-state-primary-hovered-v22-1-0);
259
259
  }
260
260
  }
261
261
  @media (min-width: 1024px){
262
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__primary___O5HzE_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
262
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__primary___O5HzE_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
263
263
  color:var(--magritte-color-text-state-primary-hovered-v22-1-0);
264
264
  }
265
265
  }
266
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__primary___O5HzE_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
266
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__primary___O5HzE_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
267
267
  color:var(--magritte-color-text-state-primary-disabled-v22-1-0);
268
268
  }
269
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__secondary___Uc8qw_8-0-3{
269
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__secondary___Uc8qw_8-0-5{
270
270
  color:var(--magritte-color-text-secondary-v22-1-0);
271
271
  }
272
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__secondary___Uc8qw_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
272
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__secondary___Uc8qw_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
273
273
  color:var(--magritte-color-text-state-secondary-pressed-v22-1-0);
274
274
  }
275
275
  @media (min-width: 1020px){
276
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__secondary___Uc8qw_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
276
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__secondary___Uc8qw_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
277
277
  color:var(--magritte-color-text-state-secondary-hovered-v22-1-0);
278
278
  }
279
279
  }
280
280
  @media (min-width: 1024px){
281
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__secondary___Uc8qw_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
281
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__secondary___Uc8qw_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
282
282
  color:var(--magritte-color-text-state-secondary-hovered-v22-1-0);
283
283
  }
284
284
  }
285
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__secondary___Uc8qw_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
285
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__secondary___Uc8qw_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
286
286
  color:var(--magritte-color-text-state-secondary-disabled-v22-1-0);
287
287
  }
288
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__tertiary___4Tv0c_8-0-3{
288
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__tertiary___4Tv0c_8-0-5{
289
289
  color:var(--magritte-color-text-tertiary-v22-1-0);
290
290
  }
291
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__tertiary___4Tv0c_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
291
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__tertiary___4Tv0c_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
292
292
  color:var(--magritte-color-text-state-tertiary-pressed-v22-1-0);
293
293
  }
294
294
  @media (min-width: 1020px){
295
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__tertiary___4Tv0c_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
295
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__tertiary___4Tv0c_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
296
296
  color:var(--magritte-color-text-state-tertiary-hovered-v22-1-0);
297
297
  }
298
298
  }
299
299
  @media (min-width: 1024px){
300
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__tertiary___4Tv0c_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
300
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__tertiary___4Tv0c_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
301
301
  color:var(--magritte-color-text-state-tertiary-hovered-v22-1-0);
302
302
  }
303
303
  }
304
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__tertiary___4Tv0c_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
304
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__tertiary___4Tv0c_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
305
305
  color:var(--magritte-color-text-state-tertiary-disabled-v22-1-0);
306
306
  }
307
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent___DO4-g_8-0-3{
307
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent___DO4-g_8-0-5{
308
308
  color:var(--magritte-color-text-accent-v22-1-0);
309
309
  }
310
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent___DO4-g_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
310
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent___DO4-g_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
311
311
  color:var(--magritte-color-text-state-accent-pressed-v22-1-0);
312
312
  }
313
313
  @media (min-width: 1020px){
314
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent___DO4-g_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
314
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent___DO4-g_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
315
315
  color:var(--magritte-color-text-state-accent-hovered-v22-1-0);
316
316
  }
317
317
  }
318
318
  @media (min-width: 1024px){
319
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent___DO4-g_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
319
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent___DO4-g_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
320
320
  color:var(--magritte-color-text-state-accent-hovered-v22-1-0);
321
321
  }
322
322
  }
323
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent___DO4-g_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
323
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent___DO4-g_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
324
324
  color:var(--magritte-color-text-state-accent-disabled-v22-1-0);
325
325
  }
326
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent-secondary___vZP4l_8-0-3{
326
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent-secondary___vZP4l_8-0-5{
327
327
  color:var(--magritte-color-text-accent-secondary-v22-1-0);
328
328
  }
329
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent-secondary___vZP4l_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
329
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent-secondary___vZP4l_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
330
330
  color:var(--magritte-color-text-state-accent-secondary-pressed-v22-1-0);
331
331
  }
332
332
  @media (min-width: 1020px){
333
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent-secondary___vZP4l_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
333
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent-secondary___vZP4l_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
334
334
  color:var(--magritte-color-text-state-accent-secondary-hovered-v22-1-0);
335
335
  }
336
336
  }
337
337
  @media (min-width: 1024px){
338
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent-secondary___vZP4l_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
338
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent-secondary___vZP4l_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
339
339
  color:var(--magritte-color-text-state-accent-secondary-hovered-v22-1-0);
340
340
  }
341
341
  }
342
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__accent-secondary___vZP4l_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
342
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__accent-secondary___vZP4l_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
343
343
  color:var(--magritte-color-text-state-accent-secondary-disabled-v22-1-0);
344
344
  }
345
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive___A7nAW_8-0-3{
345
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive___A7nAW_8-0-5{
346
346
  color:var(--magritte-color-text-positive-v22-1-0);
347
347
  }
348
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive___A7nAW_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
348
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive___A7nAW_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
349
349
  color:var(--magritte-color-text-state-positive-pressed-v22-1-0);
350
350
  }
351
351
  @media (min-width: 1020px){
352
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive___A7nAW_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
352
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive___A7nAW_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
353
353
  color:var(--magritte-color-text-state-positive-hovered-v22-1-0);
354
354
  }
355
355
  }
356
356
  @media (min-width: 1024px){
357
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive___A7nAW_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
357
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive___A7nAW_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
358
358
  color:var(--magritte-color-text-state-positive-hovered-v22-1-0);
359
359
  }
360
360
  }
361
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive___A7nAW_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
361
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive___A7nAW_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
362
362
  color:var(--magritte-color-text-state-positive-disabled-v22-1-0);
363
363
  }
364
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive-secondary___BVzsp_8-0-3{
364
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive-secondary___BVzsp_8-0-5{
365
365
  color:var(--magritte-color-text-positive-secondary-v22-1-0);
366
366
  }
367
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive-secondary___BVzsp_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
367
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive-secondary___BVzsp_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
368
368
  color:var(--magritte-color-text-state-positive-secondary-pressed-v22-1-0);
369
369
  }
370
370
  @media (min-width: 1020px){
371
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive-secondary___BVzsp_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
371
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive-secondary___BVzsp_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
372
372
  color:var(--magritte-color-text-state-positive-secondary-hovered-v22-1-0);
373
373
  }
374
374
  }
375
375
  @media (min-width: 1024px){
376
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive-secondary___BVzsp_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
376
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive-secondary___BVzsp_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
377
377
  color:var(--magritte-color-text-state-positive-secondary-hovered-v22-1-0);
378
378
  }
379
379
  }
380
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__positive-secondary___BVzsp_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
380
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__positive-secondary___BVzsp_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
381
381
  color:var(--magritte-color-text-state-positive-secondary-disabled-v22-1-0);
382
382
  }
383
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative___bfQGc_8-0-3{
383
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative___bfQGc_8-0-5{
384
384
  color:var(--magritte-color-text-negative-v22-1-0);
385
385
  }
386
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative___bfQGc_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
386
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative___bfQGc_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
387
387
  color:var(--magritte-color-text-state-negative-pressed-v22-1-0);
388
388
  }
389
389
  @media (min-width: 1020px){
390
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative___bfQGc_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
390
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative___bfQGc_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
391
391
  color:var(--magritte-color-text-state-negative-hovered-v22-1-0);
392
392
  }
393
393
  }
394
394
  @media (min-width: 1024px){
395
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative___bfQGc_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
395
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative___bfQGc_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
396
396
  color:var(--magritte-color-text-state-negative-hovered-v22-1-0);
397
397
  }
398
398
  }
399
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative___bfQGc_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
399
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative___bfQGc_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
400
400
  color:var(--magritte-color-text-state-negative-disabled-v22-1-0);
401
401
  }
402
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative-secondary___dwdIU_8-0-3{
402
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative-secondary___dwdIU_8-0-5{
403
403
  color:var(--magritte-color-text-negative-secondary-v22-1-0);
404
404
  }
405
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative-secondary___dwdIU_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
405
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative-secondary___dwdIU_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
406
406
  color:var(--magritte-color-text-state-negative-secondary-pressed-v22-1-0);
407
407
  }
408
408
  @media (min-width: 1020px){
409
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative-secondary___dwdIU_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
409
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative-secondary___dwdIU_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
410
410
  color:var(--magritte-color-text-state-negative-secondary-hovered-v22-1-0);
411
411
  }
412
412
  }
413
413
  @media (min-width: 1024px){
414
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative-secondary___dwdIU_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
414
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative-secondary___dwdIU_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
415
415
  color:var(--magritte-color-text-state-negative-secondary-hovered-v22-1-0);
416
416
  }
417
417
  }
418
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__negative-secondary___dwdIU_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
418
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__negative-secondary___dwdIU_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
419
419
  color:var(--magritte-color-text-state-negative-secondary-disabled-v22-1-0);
420
420
  }
421
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning___LMwJL_8-0-3{
421
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning___LMwJL_8-0-5{
422
422
  color:var(--magritte-color-text-warning-v22-1-0);
423
423
  }
424
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning___LMwJL_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
424
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning___LMwJL_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
425
425
  color:var(--magritte-color-text-state-warning-pressed-v22-1-0);
426
426
  }
427
427
  @media (min-width: 1020px){
428
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning___LMwJL_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
428
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning___LMwJL_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
429
429
  color:var(--magritte-color-text-state-warning-hovered-v22-1-0);
430
430
  }
431
431
  }
432
432
  @media (min-width: 1024px){
433
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning___LMwJL_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
433
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning___LMwJL_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
434
434
  color:var(--magritte-color-text-state-warning-hovered-v22-1-0);
435
435
  }
436
436
  }
437
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning___LMwJL_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
437
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning___LMwJL_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
438
438
  color:var(--magritte-color-text-state-warning-disabled-v22-1-0);
439
439
  }
440
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning-secondary___00jFu_8-0-3{
440
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning-secondary___00jFu_8-0-5{
441
441
  color:var(--magritte-color-text-warning-secondary-v22-1-0);
442
442
  }
443
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning-secondary___00jFu_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
443
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning-secondary___00jFu_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
444
444
  color:var(--magritte-color-text-state-warning-secondary-pressed-v22-1-0);
445
445
  }
446
446
  @media (min-width: 1020px){
447
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning-secondary___00jFu_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
447
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning-secondary___00jFu_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
448
448
  color:var(--magritte-color-text-state-warning-secondary-hovered-v22-1-0);
449
449
  }
450
450
  }
451
451
  @media (min-width: 1024px){
452
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning-secondary___00jFu_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
452
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning-secondary___00jFu_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
453
453
  color:var(--magritte-color-text-state-warning-secondary-hovered-v22-1-0);
454
454
  }
455
455
  }
456
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__warning-secondary___00jFu_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
456
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__warning-secondary___00jFu_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
457
457
  color:var(--magritte-color-text-state-warning-secondary-disabled-v22-1-0);
458
458
  }
459
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special___dM5OC_8-0-3{
459
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special___dM5OC_8-0-5{
460
460
  color:var(--magritte-color-text-special-v22-1-0);
461
461
  }
462
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special___dM5OC_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
462
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special___dM5OC_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
463
463
  color:var(--magritte-color-text-state-special-pressed-v22-1-0);
464
464
  }
465
465
  @media (min-width: 1020px){
466
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special___dM5OC_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
466
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special___dM5OC_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
467
467
  color:var(--magritte-color-text-state-special-hovered-v22-1-0);
468
468
  }
469
469
  }
470
470
  @media (min-width: 1024px){
471
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special___dM5OC_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
471
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special___dM5OC_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
472
472
  color:var(--magritte-color-text-state-special-hovered-v22-1-0);
473
473
  }
474
474
  }
475
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special___dM5OC_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
475
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special___dM5OC_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
476
476
  color:var(--magritte-color-text-state-special-disabled-v22-1-0);
477
477
  }
478
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special-secondary___TW9M0_8-0-3{
478
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special-secondary___TW9M0_8-0-5{
479
479
  color:var(--magritte-color-text-special-secondary-v22-1-0);
480
480
  }
481
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special-secondary___TW9M0_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
481
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special-secondary___TW9M0_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
482
482
  color:var(--magritte-color-text-state-special-secondary-pressed-v22-1-0);
483
483
  }
484
484
  @media (min-width: 1020px){
485
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special-secondary___TW9M0_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
485
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special-secondary___TW9M0_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
486
486
  color:var(--magritte-color-text-state-special-secondary-hovered-v22-1-0);
487
487
  }
488
488
  }
489
489
  @media (min-width: 1024px){
490
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special-secondary___TW9M0_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
490
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special-secondary___TW9M0_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
491
491
  color:var(--magritte-color-text-state-special-secondary-hovered-v22-1-0);
492
492
  }
493
493
  }
494
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__special-secondary___TW9M0_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
494
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__special-secondary___TW9M0_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
495
495
  color:var(--magritte-color-text-state-special-secondary-disabled-v22-1-0);
496
496
  }
497
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast___gdVqp_8-0-3{
497
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast___gdVqp_8-0-5{
498
498
  color:var(--magritte-color-text-contrast-v22-1-0);
499
499
  }
500
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast___gdVqp_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
500
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast___gdVqp_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
501
501
  color:var(--magritte-color-text-state-contrast-pressed-v22-1-0);
502
502
  }
503
503
  @media (min-width: 1020px){
504
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast___gdVqp_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
504
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast___gdVqp_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
505
505
  color:var(--magritte-color-text-state-contrast-hovered-v22-1-0);
506
506
  }
507
507
  }
508
508
  @media (min-width: 1024px){
509
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast___gdVqp_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
509
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast___gdVqp_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
510
510
  color:var(--magritte-color-text-state-contrast-hovered-v22-1-0);
511
511
  }
512
512
  }
513
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast___gdVqp_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
513
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast___gdVqp_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
514
514
  color:var(--magritte-color-text-state-contrast-disabled-v22-1-0);
515
515
  }
516
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast-secondary___Vg7J2_8-0-3{
516
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast-secondary___Vg7J2_8-0-5{
517
517
  color:var(--magritte-color-text-contrast-secondary-v22-1-0);
518
518
  }
519
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast-secondary___Vg7J2_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active{
519
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast-secondary___Vg7J2_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active{
520
520
  color:var(--magritte-color-text-state-contrast-secondary-pressed-v22-1-0);
521
521
  }
522
522
  @media (min-width: 1020px){
523
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast-secondary___Vg7J2_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
523
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast-secondary___Vg7J2_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
524
524
  color:var(--magritte-color-text-state-contrast-secondary-hovered-v22-1-0);
525
525
  }
526
526
  }
527
527
  @media (min-width: 1024px){
528
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast-secondary___Vg7J2_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active){
528
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast-secondary___Vg7J2_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active){
529
529
  color:var(--magritte-color-text-state-contrast-secondary-hovered-v22-1-0);
530
530
  }
531
531
  }
532
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-text__contrast-secondary___Vg7J2_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3{
532
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-text__contrast-secondary___Vg7J2_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5{
533
533
  color:var(--magritte-color-text-state-contrast-secondary-disabled-v22-1-0);
534
534
  }
535
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__primary___SZze8_8-0-3 .magritte-postfix___UBcl3_8-0-3{
535
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__primary___SZze8_8-0-5 .magritte-postfix___UBcl3_8-0-5{
536
536
  color:var(--magritte-color-text-primary-v22-1-0);
537
537
  }
538
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__primary___SZze8_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
538
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__primary___SZze8_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
539
539
  color:var(--magritte-color-text-state-primary-pressed-v22-1-0);
540
540
  }
541
541
  @media (min-width: 1020px){
542
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__primary___SZze8_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
542
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__primary___SZze8_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
543
543
  color:var(--magritte-color-text-state-primary-hovered-v22-1-0);
544
544
  }
545
545
  }
546
546
  @media (min-width: 1024px){
547
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__primary___SZze8_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
547
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__primary___SZze8_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
548
548
  color:var(--magritte-color-text-state-primary-hovered-v22-1-0);
549
549
  }
550
550
  }
551
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__primary___SZze8_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
551
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__primary___SZze8_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
552
552
  color:var(--magritte-color-text-state-primary-disabled-v22-1-0);
553
553
  }
554
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__secondary___62v6C_8-0-3 .magritte-postfix___UBcl3_8-0-3{
554
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__secondary___62v6C_8-0-5 .magritte-postfix___UBcl3_8-0-5{
555
555
  color:var(--magritte-color-text-secondary-v22-1-0);
556
556
  }
557
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__secondary___62v6C_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
557
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__secondary___62v6C_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
558
558
  color:var(--magritte-color-text-state-secondary-pressed-v22-1-0);
559
559
  }
560
560
  @media (min-width: 1020px){
561
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__secondary___62v6C_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
561
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__secondary___62v6C_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
562
562
  color:var(--magritte-color-text-state-secondary-hovered-v22-1-0);
563
563
  }
564
564
  }
565
565
  @media (min-width: 1024px){
566
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__secondary___62v6C_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
566
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__secondary___62v6C_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
567
567
  color:var(--magritte-color-text-state-secondary-hovered-v22-1-0);
568
568
  }
569
569
  }
570
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__secondary___62v6C_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
570
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__secondary___62v6C_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
571
571
  color:var(--magritte-color-text-state-secondary-disabled-v22-1-0);
572
572
  }
573
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__tertiary___ETf7E_8-0-3 .magritte-postfix___UBcl3_8-0-3{
573
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__tertiary___ETf7E_8-0-5 .magritte-postfix___UBcl3_8-0-5{
574
574
  color:var(--magritte-color-text-tertiary-v22-1-0);
575
575
  }
576
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__tertiary___ETf7E_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
576
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__tertiary___ETf7E_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
577
577
  color:var(--magritte-color-text-state-tertiary-pressed-v22-1-0);
578
578
  }
579
579
  @media (min-width: 1020px){
580
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__tertiary___ETf7E_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
580
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__tertiary___ETf7E_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
581
581
  color:var(--magritte-color-text-state-tertiary-hovered-v22-1-0);
582
582
  }
583
583
  }
584
584
  @media (min-width: 1024px){
585
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__tertiary___ETf7E_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
585
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__tertiary___ETf7E_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
586
586
  color:var(--magritte-color-text-state-tertiary-hovered-v22-1-0);
587
587
  }
588
588
  }
589
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__tertiary___ETf7E_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
589
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__tertiary___ETf7E_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
590
590
  color:var(--magritte-color-text-state-tertiary-disabled-v22-1-0);
591
591
  }
592
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent___qZ4eI_8-0-3 .magritte-postfix___UBcl3_8-0-3{
592
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent___qZ4eI_8-0-5 .magritte-postfix___UBcl3_8-0-5{
593
593
  color:var(--magritte-color-text-accent-v22-1-0);
594
594
  }
595
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent___qZ4eI_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
595
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent___qZ4eI_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
596
596
  color:var(--magritte-color-text-state-accent-pressed-v22-1-0);
597
597
  }
598
598
  @media (min-width: 1020px){
599
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent___qZ4eI_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
599
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent___qZ4eI_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
600
600
  color:var(--magritte-color-text-state-accent-hovered-v22-1-0);
601
601
  }
602
602
  }
603
603
  @media (min-width: 1024px){
604
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent___qZ4eI_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
604
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent___qZ4eI_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
605
605
  color:var(--magritte-color-text-state-accent-hovered-v22-1-0);
606
606
  }
607
607
  }
608
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent___qZ4eI_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
608
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent___qZ4eI_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
609
609
  color:var(--magritte-color-text-state-accent-disabled-v22-1-0);
610
610
  }
611
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent-secondary___X20G-_8-0-3 .magritte-postfix___UBcl3_8-0-3{
611
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent-secondary___X20G-_8-0-5 .magritte-postfix___UBcl3_8-0-5{
612
612
  color:var(--magritte-color-text-accent-secondary-v22-1-0);
613
613
  }
614
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent-secondary___X20G-_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
614
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent-secondary___X20G-_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
615
615
  color:var(--magritte-color-text-state-accent-secondary-pressed-v22-1-0);
616
616
  }
617
617
  @media (min-width: 1020px){
618
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent-secondary___X20G-_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
618
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent-secondary___X20G-_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
619
619
  color:var(--magritte-color-text-state-accent-secondary-hovered-v22-1-0);
620
620
  }
621
621
  }
622
622
  @media (min-width: 1024px){
623
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent-secondary___X20G-_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
623
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent-secondary___X20G-_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
624
624
  color:var(--magritte-color-text-state-accent-secondary-hovered-v22-1-0);
625
625
  }
626
626
  }
627
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__accent-secondary___X20G-_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
627
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__accent-secondary___X20G-_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
628
628
  color:var(--magritte-color-text-state-accent-secondary-disabled-v22-1-0);
629
629
  }
630
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive___X1KrC_8-0-3 .magritte-postfix___UBcl3_8-0-3{
630
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive___X1KrC_8-0-5 .magritte-postfix___UBcl3_8-0-5{
631
631
  color:var(--magritte-color-text-positive-v22-1-0);
632
632
  }
633
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive___X1KrC_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
633
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive___X1KrC_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
634
634
  color:var(--magritte-color-text-state-positive-pressed-v22-1-0);
635
635
  }
636
636
  @media (min-width: 1020px){
637
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive___X1KrC_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
637
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive___X1KrC_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
638
638
  color:var(--magritte-color-text-state-positive-hovered-v22-1-0);
639
639
  }
640
640
  }
641
641
  @media (min-width: 1024px){
642
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive___X1KrC_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
642
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive___X1KrC_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
643
643
  color:var(--magritte-color-text-state-positive-hovered-v22-1-0);
644
644
  }
645
645
  }
646
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive___X1KrC_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
646
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive___X1KrC_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
647
647
  color:var(--magritte-color-text-state-positive-disabled-v22-1-0);
648
648
  }
649
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive-secondary___mcQO2_8-0-3 .magritte-postfix___UBcl3_8-0-3{
649
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive-secondary___mcQO2_8-0-5 .magritte-postfix___UBcl3_8-0-5{
650
650
  color:var(--magritte-color-text-positive-secondary-v22-1-0);
651
651
  }
652
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive-secondary___mcQO2_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
652
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive-secondary___mcQO2_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
653
653
  color:var(--magritte-color-text-state-positive-secondary-pressed-v22-1-0);
654
654
  }
655
655
  @media (min-width: 1020px){
656
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive-secondary___mcQO2_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
656
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive-secondary___mcQO2_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
657
657
  color:var(--magritte-color-text-state-positive-secondary-hovered-v22-1-0);
658
658
  }
659
659
  }
660
660
  @media (min-width: 1024px){
661
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive-secondary___mcQO2_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
661
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive-secondary___mcQO2_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
662
662
  color:var(--magritte-color-text-state-positive-secondary-hovered-v22-1-0);
663
663
  }
664
664
  }
665
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__positive-secondary___mcQO2_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
665
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__positive-secondary___mcQO2_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
666
666
  color:var(--magritte-color-text-state-positive-secondary-disabled-v22-1-0);
667
667
  }
668
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative___FTrS7_8-0-3 .magritte-postfix___UBcl3_8-0-3{
668
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative___FTrS7_8-0-5 .magritte-postfix___UBcl3_8-0-5{
669
669
  color:var(--magritte-color-text-negative-v22-1-0);
670
670
  }
671
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative___FTrS7_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
671
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative___FTrS7_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
672
672
  color:var(--magritte-color-text-state-negative-pressed-v22-1-0);
673
673
  }
674
674
  @media (min-width: 1020px){
675
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative___FTrS7_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
675
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative___FTrS7_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
676
676
  color:var(--magritte-color-text-state-negative-hovered-v22-1-0);
677
677
  }
678
678
  }
679
679
  @media (min-width: 1024px){
680
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative___FTrS7_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
680
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative___FTrS7_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
681
681
  color:var(--magritte-color-text-state-negative-hovered-v22-1-0);
682
682
  }
683
683
  }
684
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative___FTrS7_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
684
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative___FTrS7_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
685
685
  color:var(--magritte-color-text-state-negative-disabled-v22-1-0);
686
686
  }
687
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative-secondary___Z3jnL_8-0-3 .magritte-postfix___UBcl3_8-0-3{
687
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative-secondary___Z3jnL_8-0-5 .magritte-postfix___UBcl3_8-0-5{
688
688
  color:var(--magritte-color-text-negative-secondary-v22-1-0);
689
689
  }
690
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative-secondary___Z3jnL_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
690
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative-secondary___Z3jnL_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
691
691
  color:var(--magritte-color-text-state-negative-secondary-pressed-v22-1-0);
692
692
  }
693
693
  @media (min-width: 1020px){
694
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative-secondary___Z3jnL_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
694
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative-secondary___Z3jnL_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
695
695
  color:var(--magritte-color-text-state-negative-secondary-hovered-v22-1-0);
696
696
  }
697
697
  }
698
698
  @media (min-width: 1024px){
699
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative-secondary___Z3jnL_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
699
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative-secondary___Z3jnL_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
700
700
  color:var(--magritte-color-text-state-negative-secondary-hovered-v22-1-0);
701
701
  }
702
702
  }
703
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__negative-secondary___Z3jnL_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
703
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__negative-secondary___Z3jnL_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
704
704
  color:var(--magritte-color-text-state-negative-secondary-disabled-v22-1-0);
705
705
  }
706
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning___WvGdQ_8-0-3 .magritte-postfix___UBcl3_8-0-3{
706
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning___WvGdQ_8-0-5 .magritte-postfix___UBcl3_8-0-5{
707
707
  color:var(--magritte-color-text-warning-v22-1-0);
708
708
  }
709
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning___WvGdQ_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
709
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning___WvGdQ_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
710
710
  color:var(--magritte-color-text-state-warning-pressed-v22-1-0);
711
711
  }
712
712
  @media (min-width: 1020px){
713
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning___WvGdQ_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
713
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning___WvGdQ_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
714
714
  color:var(--magritte-color-text-state-warning-hovered-v22-1-0);
715
715
  }
716
716
  }
717
717
  @media (min-width: 1024px){
718
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning___WvGdQ_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
718
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning___WvGdQ_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
719
719
  color:var(--magritte-color-text-state-warning-hovered-v22-1-0);
720
720
  }
721
721
  }
722
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning___WvGdQ_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
722
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning___WvGdQ_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
723
723
  color:var(--magritte-color-text-state-warning-disabled-v22-1-0);
724
724
  }
725
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning-secondary___bGMil_8-0-3 .magritte-postfix___UBcl3_8-0-3{
725
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning-secondary___bGMil_8-0-5 .magritte-postfix___UBcl3_8-0-5{
726
726
  color:var(--magritte-color-text-warning-secondary-v22-1-0);
727
727
  }
728
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning-secondary___bGMil_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
728
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning-secondary___bGMil_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
729
729
  color:var(--magritte-color-text-state-warning-secondary-pressed-v22-1-0);
730
730
  }
731
731
  @media (min-width: 1020px){
732
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning-secondary___bGMil_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
732
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning-secondary___bGMil_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
733
733
  color:var(--magritte-color-text-state-warning-secondary-hovered-v22-1-0);
734
734
  }
735
735
  }
736
736
  @media (min-width: 1024px){
737
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning-secondary___bGMil_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
737
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning-secondary___bGMil_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
738
738
  color:var(--magritte-color-text-state-warning-secondary-hovered-v22-1-0);
739
739
  }
740
740
  }
741
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__warning-secondary___bGMil_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
741
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__warning-secondary___bGMil_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
742
742
  color:var(--magritte-color-text-state-warning-secondary-disabled-v22-1-0);
743
743
  }
744
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special___lBEXe_8-0-3 .magritte-postfix___UBcl3_8-0-3{
744
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special___lBEXe_8-0-5 .magritte-postfix___UBcl3_8-0-5{
745
745
  color:var(--magritte-color-text-special-v22-1-0);
746
746
  }
747
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special___lBEXe_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
747
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special___lBEXe_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
748
748
  color:var(--magritte-color-text-state-special-pressed-v22-1-0);
749
749
  }
750
750
  @media (min-width: 1020px){
751
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special___lBEXe_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
751
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special___lBEXe_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
752
752
  color:var(--magritte-color-text-state-special-hovered-v22-1-0);
753
753
  }
754
754
  }
755
755
  @media (min-width: 1024px){
756
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special___lBEXe_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
756
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special___lBEXe_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
757
757
  color:var(--magritte-color-text-state-special-hovered-v22-1-0);
758
758
  }
759
759
  }
760
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special___lBEXe_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
760
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special___lBEXe_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
761
761
  color:var(--magritte-color-text-state-special-disabled-v22-1-0);
762
762
  }
763
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special-secondary___oTEbd_8-0-3 .magritte-postfix___UBcl3_8-0-3{
763
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special-secondary___oTEbd_8-0-5 .magritte-postfix___UBcl3_8-0-5{
764
764
  color:var(--magritte-color-text-special-secondary-v22-1-0);
765
765
  }
766
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special-secondary___oTEbd_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
766
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special-secondary___oTEbd_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
767
767
  color:var(--magritte-color-text-state-special-secondary-pressed-v22-1-0);
768
768
  }
769
769
  @media (min-width: 1020px){
770
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special-secondary___oTEbd_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
770
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special-secondary___oTEbd_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
771
771
  color:var(--magritte-color-text-state-special-secondary-hovered-v22-1-0);
772
772
  }
773
773
  }
774
774
  @media (min-width: 1024px){
775
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special-secondary___oTEbd_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
775
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special-secondary___oTEbd_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
776
776
  color:var(--magritte-color-text-state-special-secondary-hovered-v22-1-0);
777
777
  }
778
778
  }
779
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__special-secondary___oTEbd_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
779
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__special-secondary___oTEbd_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
780
780
  color:var(--magritte-color-text-state-special-secondary-disabled-v22-1-0);
781
781
  }
782
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast___BrIfF_8-0-3 .magritte-postfix___UBcl3_8-0-3{
782
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast___BrIfF_8-0-5 .magritte-postfix___UBcl3_8-0-5{
783
783
  color:var(--magritte-color-text-contrast-v22-1-0);
784
784
  }
785
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast___BrIfF_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
785
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast___BrIfF_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
786
786
  color:var(--magritte-color-text-state-contrast-pressed-v22-1-0);
787
787
  }
788
788
  @media (min-width: 1020px){
789
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast___BrIfF_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
789
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast___BrIfF_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
790
790
  color:var(--magritte-color-text-state-contrast-hovered-v22-1-0);
791
791
  }
792
792
  }
793
793
  @media (min-width: 1024px){
794
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast___BrIfF_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
794
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast___BrIfF_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
795
795
  color:var(--magritte-color-text-state-contrast-hovered-v22-1-0);
796
796
  }
797
797
  }
798
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast___BrIfF_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
798
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast___BrIfF_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
799
799
  color:var(--magritte-color-text-state-contrast-disabled-v22-1-0);
800
800
  }
801
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast-secondary___bcpSX_8-0-3 .magritte-postfix___UBcl3_8-0-3{
801
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast-secondary___bcpSX_8-0-5 .magritte-postfix___UBcl3_8-0-5{
802
802
  color:var(--magritte-color-text-contrast-secondary-v22-1-0);
803
803
  }
804
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast-secondary___bcpSX_8-0-3:not(.magritte-form-label_disabled___rq0Rq_8-0-3):active .magritte-postfix___UBcl3_8-0-3{
804
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast-secondary___bcpSX_8-0-5:not(.magritte-form-label_disabled___rq0Rq_8-0-5):active .magritte-postfix___UBcl3_8-0-5{
805
805
  color:var(--magritte-color-text-state-contrast-secondary-pressed-v22-1-0);
806
806
  }
807
807
  @media (min-width: 1020px){
808
- body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast-secondary___bcpSX_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
808
+ body.magritte-old-layout .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast-secondary___bcpSX_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
809
809
  color:var(--magritte-color-text-state-contrast-secondary-hovered-v22-1-0);
810
810
  }
811
811
  }
812
812
  @media (min-width: 1024px){
813
- body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast-secondary___bcpSX_8-0-3:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-3):not(:active) .magritte-postfix___UBcl3_8-0-3{
813
+ body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast-secondary___bcpSX_8-0-5:hover:not(.magritte-form-label_disabled___rq0Rq_8-0-5):not(:active) .magritte-postfix___UBcl3_8-0-5{
814
814
  color:var(--magritte-color-text-state-contrast-secondary-hovered-v22-1-0);
815
815
  }
816
816
  }
817
- .magritte-form-label___Yzcxs_8-0-3.magritte-style-postfix__contrast-secondary___bcpSX_8-0-3.magritte-form-label_disabled___rq0Rq_8-0-3 .magritte-postfix___UBcl3_8-0-3{
817
+ .magritte-form-label___Yzcxs_8-0-5.magritte-style-postfix__contrast-secondary___bcpSX_8-0-5.magritte-form-label_disabled___rq0Rq_8-0-5 .magritte-postfix___UBcl3_8-0-5{
818
818
  color:var(--magritte-color-text-state-contrast-secondary-disabled-v22-1-0);
819
819
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-form-label",
3
- "version": "8.0.3",
3
+ "version": "8.0.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,14 +24,14 @@
24
24
  "@hh.ru/magritte-common-use-disabled": "1.0.12",
25
25
  "@hh.ru/magritte-design-tokens": "22.1.0",
26
26
  "@hh.ru/magritte-types": "5.0.4",
27
- "@hh.ru/magritte-ui-bottom-sheet": "8.1.2",
27
+ "@hh.ru/magritte-ui-bottom-sheet": "8.1.4",
28
28
  "@hh.ru/magritte-ui-breakpoint": "6.0.0",
29
- "@hh.ru/magritte-ui-icon": "12.0.0",
29
+ "@hh.ru/magritte-ui-icon": "12.1.0",
30
30
  "@hh.ru/magritte-ui-mock-component": "1.1.4",
31
- "@hh.ru/magritte-ui-navigation-bar": "10.0.1",
31
+ "@hh.ru/magritte-ui-navigation-bar": "10.0.3",
32
32
  "@hh.ru/magritte-ui-spacing": "2.0.58",
33
- "@hh.ru/magritte-ui-tooltip": "10.0.1",
34
- "@hh.ru/magritte-ui-typography": "4.0.0"
33
+ "@hh.ru/magritte-ui-tooltip": "10.0.3",
34
+ "@hh.ru/magritte-ui-typography": "4.1.0"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "classnames": ">=2.3.2",
@@ -40,5 +40,5 @@
40
40
  "publishConfig": {
41
41
  "access": "public"
42
42
  },
43
- "gitHead": "3683d6878ef11d2912f1bcda4bd1112735fb0493"
43
+ "gitHead": "84be7fb81c268510672bdaa32f856319f7022df8"
44
44
  }