@hh.ru/magritte-ui-checkbox-radio 2.2.2 → 3.0.0

package/Checkbox.js

@@ -3,12 +3,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
-import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-9aa1ed5d.js';
+import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-4d37c44c.js';
 import { CheckboxLineSize24, CheckboxCheckSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
 import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
 import '@hh.ru/magritte-common-use-loading-state';
 
-const CheckboxComponent = ({ disabled, invalid, indeterminate = false, onChange, readOnly, ariaLabel, dataQaContainer = 'checkbox-container', dataQaCheckbox = 'checkbox', ...props }) => {
+const CheckboxComponent = ({ disabled, invalid, indeterminate = false, onChange, readOnly, 'aria-label': ariaLabel, 'data-qa': dataQaContainer = 'checkbox-container', dataQaCheckbox = 'checkbox', ...props }) => {
     const forceDisabled = useDisabled();
     const checkboxRef = useRef(null);
     useEffect(() => {

package/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../src/Checkbox.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { CheckboxSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/CheckboxSkeleton';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { CheckboxCheckSize24, CheckboxLineSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nconst CheckboxComponent: FcWithFlag<CheckboxProps, 'isCheckbox'> = ({\n    disabled,\n    invalid,\n    indeterminate = false,\n    onChange,\n    readOnly,\n    ariaLabel,\n    dataQaContainer = 'checkbox-container',\n    dataQaCheckbox = 'checkbox',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        if (!checkboxRef.current) {\n            return;\n        }\n        checkboxRef.current.indeterminate = indeterminate;\n    }, [indeterminate]);\n\n    return (\n        <span className={styles.checkbox_container} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                className={styles.checkbox_input}\n                ref={checkboxRef}\n                readOnly={readOnly}\n                type=\"checkbox\"\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.checkbox, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaCheckbox}\n            ></span>\n            <span className={styles.icon_wrapper}>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: !indeterminate,\n                    })}\n                >\n                    <CheckboxLineSize24 />\n                </span>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: indeterminate,\n                    })}\n                >\n                    <CheckboxCheckSize24 />\n                </span>\n            </span>\n        </span>\n    );\n};\n\nCheckboxComponent.isCheckbox = true;\n\nexport const Checkbox = enrichWithSkeleton(CheckboxComponent, CheckboxSkeleton);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAYA,MAAM,iBAAiB,GAA4C,CAAC,EAChE,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,GAAG,oBAAoB,EACtC,cAAc,GAAG,UAAU,EAC3B,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;AACV,SAAA;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;AACtD,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,QACIA,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,SAAA,EAAW,eAAe,EAAA,QAAA,EAAA,CAChEC,GACQ,CAAA,OAAA,EAAA,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACH,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,aAAa,IAAI,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,EACpB,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE;AACnC,oBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AAC5B,iBAAA,CAAC,aACO,cAAc,EAAA,CACnB,EACRD,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAChC,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,4BAAA,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,aAAa;AACtC,yBAAA,CAAC,EAEF,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EAAA,EAAA,CAAG,GACnB,EACPA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,4BAAA,CAAC,MAAM,CAAC,UAAU,GAAG,aAAa;yBACrC,CAAC,EAAA,QAAA,EAEFA,IAAC,mBAAmB,EAAA,EAAA,CAAG,GACpB,CACJ,EAAA,CAAA,CAAA,EAAA,CACJ,EACT;AACN,CAAC,CAAC;AAEF,iBAAiB,CAAC,UAAU,GAAG,IAAI,CAAC;AAEvB,MAAA,QAAQ,GAAG,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../src/Checkbox.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { CheckboxSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/CheckboxSkeleton';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { CheckboxCheckSize24, CheckboxLineSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nconst CheckboxComponent: FcWithFlag<CheckboxProps, 'isCheckbox'> = ({\n    disabled,\n    invalid,\n    indeterminate = false,\n    onChange,\n    readOnly,\n    'aria-label': ariaLabel,\n    'data-qa': dataQaContainer = 'checkbox-container',\n    dataQaCheckbox = 'checkbox',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        if (!checkboxRef.current) {\n            return;\n        }\n        checkboxRef.current.indeterminate = indeterminate;\n    }, [indeterminate]);\n\n    return (\n        <span className={styles.checkbox_container} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                className={styles.checkbox_input}\n                ref={checkboxRef}\n                readOnly={readOnly}\n                type=\"checkbox\"\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.checkbox, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaCheckbox}\n            ></span>\n            <span className={styles.icon_wrapper}>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: !indeterminate,\n                    })}\n                >\n                    <CheckboxLineSize24 />\n                </span>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: indeterminate,\n                    })}\n                >\n                    <CheckboxCheckSize24 />\n                </span>\n            </span>\n        </span>\n    );\n};\n\nCheckboxComponent.isCheckbox = true;\n\nexport const Checkbox = enrichWithSkeleton(CheckboxComponent, CheckboxSkeleton);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAYA,MAAM,iBAAiB,GAA4C,CAAC,EAChE,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,eAAe,GAAG,oBAAoB,EACjD,cAAc,GAAG,UAAU,EAC3B,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;YACtB,OAAO;AACV,SAAA;AACD,QAAA,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;AACtD,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,QACIA,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,SAAA,EAAW,eAAe,EAAA,QAAA,EAAA,CAChEC,GACQ,CAAA,OAAA,EAAA,EAAA,GAAA,KAAK,EACT,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EACH,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,aAAa,IAAI,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,EACpB,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE;AACnC,oBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AAC5B,iBAAA,CAAC,aACO,cAAc,EAAA,CACnB,EACRD,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,YAAY,EAChC,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,4BAAA,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,aAAa;AACtC,yBAAA,CAAC,EAEF,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EAAA,EAAA,CAAG,GACnB,EACPA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,4BAAA,CAAC,MAAM,CAAC,UAAU,GAAG,aAAa;yBACrC,CAAC,EAAA,QAAA,EAEFA,IAAC,mBAAmB,EAAA,EAAA,CAAG,GACpB,CACJ,EAAA,CAAA,CAAA,EAAA,CACJ,EACT;AACN,CAAC,CAAC;AAEF,iBAAiB,CAAC,UAAU,GAAG,IAAI,CAAC;AAEvB,MAAA,QAAQ,GAAG,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB;;;;"}

package/{CheckboxSkeleton-9aa1ed5d.js → CheckboxSkeleton-4d37c44c.js}

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
 import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
 
-var styles = {"checkbox_container":"magritte-checkbox_container___J-wPy_2-2-2","checkboxContainer":"magritte-checkbox_container___J-wPy_2-2-2","checkbox_input":"magritte-checkbox_input___tguDn_2-2-2","checkboxInput":"magritte-checkbox_input___tguDn_2-2-2","checkbox":"magritte-checkbox___xQHy4_2-2-2","icon_wrapper":"magritte-icon_wrapper___k96d9_2-2-2","iconWrapper":"magritte-icon_wrapper___k96d9_2-2-2","invalid":"magritte-invalid___6k7qT_2-2-2","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_2-2-2","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_2-2-2","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_2-2-2","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_2-2-2","icon":"magritte-icon___q1TLo_2-2-2","iconHidden":"magritte-iconHidden___Sb3FQ_2-2-2"};
+var styles = {"checkbox_container":"magritte-checkbox_container___J-wPy_3-0-0","checkboxContainer":"magritte-checkbox_container___J-wPy_3-0-0","checkbox_input":"magritte-checkbox_input___tguDn_3-0-0","checkboxInput":"magritte-checkbox_input___tguDn_3-0-0","checkbox":"magritte-checkbox___xQHy4_3-0-0","icon_wrapper":"magritte-icon_wrapper___k96d9_3-0-0","iconWrapper":"magritte-icon_wrapper___k96d9_3-0-0","invalid":"magritte-invalid___6k7qT_3-0-0","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_3-0-0","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_3-0-0","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_3-0-0","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_3-0-0","icon":"magritte-icon___q1TLo_3-0-0","iconHidden":"magritte-iconHidden___Sb3FQ_3-0-0"};
 
 const CheckboxSkeleton = ({ Component: Checkbox, 
 // skeleton props
@@ -16,4 +16,4 @@ width, height, borderRadius, inline, additionalClass, loading, ...checkboxProps
 };
 
 export { CheckboxSkeleton as C, styles as s };
-//# sourceMappingURL=CheckboxSkeleton-9aa1ed5d.js.map
+//# sourceMappingURL=CheckboxSkeleton-4d37c44c.js.map

package/{CheckboxSkeleton-9aa1ed5d.js.map → CheckboxSkeleton-4d37c44c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CheckboxSkeleton-9aa1ed5d.js","sources":["../src/CheckboxSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nexport const CheckboxSkeleton: IncompleteSkeletonComponent<CheckboxProps> = ({\n    Component: Checkbox,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...checkboxProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.checkboxSkeletonContainer}>\n                <Skeleton loading additionalClass={styles.checkboxSkeleton} />\n            </div>\n        );\n    }\n    return <Checkbox {...checkboxProps} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAMa,gBAAgB,GAA+C,CAAC,EACzE,SAAS,EAAE,QAAQ;AAEnB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,aAAa,EACnB,KAAI;AACD,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;AAE/C,IAAA,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,YAC5CA,GAAC,CAAA,QAAQ,IAAC,OAAO,EAAA,IAAA,EAAC,eAAe,EAAE,MAAM,CAAC,gBAAgB,EAAA,CAAI,EAC5D,CAAA,EACR;AACL,KAAA;AACD,IAAA,OAAOA,GAAC,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,GAAI,CAAC;AAC3C;;;;"}
+{"version":3,"file":"CheckboxSkeleton-4d37c44c.js","sources":["../src/CheckboxSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nexport const CheckboxSkeleton: IncompleteSkeletonComponent<CheckboxProps> = ({\n    Component: Checkbox,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...checkboxProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.checkboxSkeletonContainer}>\n                <Skeleton loading additionalClass={styles.checkboxSkeleton} />\n            </div>\n        );\n    }\n    return <Checkbox {...checkboxProps} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAMa,gBAAgB,GAA+C,CAAC,EACzE,SAAS,EAAE,QAAQ;AAEnB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,aAAa,EACnB,KAAI;AACD,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;AAE/C,IAAA,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,YAC5CA,GAAC,CAAA,QAAQ,IAAC,OAAO,EAAA,IAAA,EAAC,eAAe,EAAE,MAAM,CAAC,gBAAgB,EAAA,CAAI,EAC5D,CAAA,EACR;AACL,KAAA;AACD,IAAA,OAAOA,GAAC,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,GAAI,CAAC;AAC3C;;;;"}

package/CheckboxSkeleton.js

@@ -2,5 +2,5 @@ import './index.css';
 import 'react/jsx-runtime';
 import '@hh.ru/magritte-common-use-loading-state';
 import '@hh.ru/magritte-ui-skeleton';
-export { C as CheckboxSkeleton } from './CheckboxSkeleton-9aa1ed5d.js';
+export { C as CheckboxSkeleton } from './CheckboxSkeleton-4d37c44c.js';
 //# sourceMappingURL=CheckboxSkeleton.js.map

package/Radio.js

@@ -2,12 +2,12 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
-import { R as RadioSkeleton, s as styles } from './RadioSkeleton-99664c4b.js';
+import { R as RadioSkeleton, s as styles } from './RadioSkeleton-b02706c2.js';
 import { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
 import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
 import '@hh.ru/magritte-common-use-loading-state';
 
-const RadioComponent = ({ disabled, invalid, onChange, readOnly, ariaLabel, dataQaContainer = 'radio-container', dataQaRadio = 'radio', ...props }) => {
+const RadioComponent = ({ disabled, invalid, onChange, readOnly, 'aria-label': ariaLabel, 'data-qa': dataQaContainer = 'radio-container', dataQaRadio = 'radio', ...props }) => {
     const forceDisabled = useDisabled();
     return (jsxs("span", { className: styles.radio_container, "data-qa": dataQaContainer, children: [jsx("input", { ...props, className: styles.radio_input, type: "radio", readOnly: readOnly, "aria-label": ariaLabel, disabled: forceDisabled || !!disabled, onChange: onChange }), jsx("span", { className: classnames(styles.radio, {
                     [styles.invalid]: invalid,

package/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../src/Radio.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { RadioSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/RadioSkeleton';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nconst RadioComponent: FcWithFlag<RadioProps, 'isRadio'> = ({\n    disabled,\n    invalid,\n    onChange,\n    readOnly,\n    ariaLabel,\n    dataQaContainer = 'radio-container',\n    dataQaRadio = 'radio',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n\n    return (\n        <span className={styles.radio_container} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                className={styles.radio_input}\n                type=\"radio\"\n                readOnly={readOnly}\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.radio, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaRadio}\n            />\n            <span className={styles.icon_wrapper}>\n                <RadioCircleSize24 />\n            </span>\n        </span>\n    );\n};\n\nRadioComponent.isRadio = true;\n\nexport const Radio = enrichWithSkeleton(RadioComponent, RadioSkeleton);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,GAAsC,CAAC,EACvD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,GAAG,iBAAiB,EACnC,WAAW,GAAG,OAAO,EACrB,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IAEpC,QACIA,eAAM,SAAS,EAAE,MAAM,CAAC,eAAe,EAAW,SAAA,EAAA,eAAe,EAC7D,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,KAAK,EACT,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,aAAa,IAAI,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,EAAA,CACpB,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE;AAChC,oBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AAC5B,iBAAA,CAAC,aACO,WAAW,EAAA,CACtB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,YAAY,YAChCA,GAAC,CAAA,iBAAiB,KAAG,EAClB,CAAA,CAAA,EAAA,CACJ,EACT;AACN,CAAC,CAAC;AAEF,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;AAEjB,MAAA,KAAK,GAAG,kBAAkB,CAAC,cAAc,EAAE,aAAa;;;;"}
+{"version":3,"file":"Radio.js","sources":["../src/Radio.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { RadioSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/RadioSkeleton';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nconst RadioComponent: FcWithFlag<RadioProps, 'isRadio'> = ({\n    disabled,\n    invalid,\n    onChange,\n    readOnly,\n    'aria-label': ariaLabel,\n    'data-qa': dataQaContainer = 'radio-container',\n    dataQaRadio = 'radio',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n\n    return (\n        <span className={styles.radio_container} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                className={styles.radio_input}\n                type=\"radio\"\n                readOnly={readOnly}\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.radio, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaRadio}\n            />\n            <span className={styles.icon_wrapper}>\n                <RadioCircleSize24 />\n            </span>\n        </span>\n    );\n};\n\nRadioComponent.isRadio = true;\n\nexport const Radio = enrichWithSkeleton(RadioComponent, RadioSkeleton);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,GAAsC,CAAC,EACvD,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,eAAe,GAAG,iBAAiB,EAC9C,WAAW,GAAG,OAAO,EACrB,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IAEpC,QACIA,eAAM,SAAS,EAAE,MAAM,CAAC,eAAe,EAAW,SAAA,EAAA,eAAe,EAC7D,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA,EAAA,GACQ,KAAK,EACT,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EACN,YAAA,EAAA,SAAS,EACrB,QAAQ,EAAE,aAAa,IAAI,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,EAAA,CACpB,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE;AAChC,oBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AAC5B,iBAAA,CAAC,aACO,WAAW,EAAA,CACtB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,YAAY,YAChCA,GAAC,CAAA,iBAAiB,KAAG,EAClB,CAAA,CAAA,EAAA,CACJ,EACT;AACN,CAAC,CAAC;AAEF,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;AAEjB,MAAA,KAAK,GAAG,kBAAkB,CAAC,cAAc,EAAE,aAAa;;;;"}

package/{RadioSkeleton-99664c4b.js → RadioSkeleton-b02706c2.js}

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
 import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
 
-var styles = {"radio_container":"magritte-radio_container___FI0P7_2-2-2","radioContainer":"magritte-radio_container___FI0P7_2-2-2","radio_input":"magritte-radio_input___-puK7_2-2-2","radioInput":"magritte-radio_input___-puK7_2-2-2","radio":"magritte-radio___diMe7_2-2-2","icon_wrapper":"magritte-icon_wrapper___qj1JL_2-2-2","iconWrapper":"magritte-icon_wrapper___qj1JL_2-2-2","invalid":"magritte-invalid___1vONj_2-2-2","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_2-2-2","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_2-2-2","radio-skeleton":"magritte-radio-skeleton___9TSLy_2-2-2","radioSkeleton":"magritte-radio-skeleton___9TSLy_2-2-2"};
+var styles = {"radio_container":"magritte-radio_container___FI0P7_3-0-0","radioContainer":"magritte-radio_container___FI0P7_3-0-0","radio_input":"magritte-radio_input___-puK7_3-0-0","radioInput":"magritte-radio_input___-puK7_3-0-0","radio":"magritte-radio___diMe7_3-0-0","icon_wrapper":"magritte-icon_wrapper___qj1JL_3-0-0","iconWrapper":"magritte-icon_wrapper___qj1JL_3-0-0","invalid":"magritte-invalid___1vONj_3-0-0","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_3-0-0","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_3-0-0","radio-skeleton":"magritte-radio-skeleton___9TSLy_3-0-0","radioSkeleton":"magritte-radio-skeleton___9TSLy_3-0-0"};
 
 const RadioSkeleton = ({ Component: Radio, 
 // skeleton props
@@ -16,4 +16,4 @@ width, height, borderRadius, inline, additionalClass, loading, ...radioProps })
 };
 
 export { RadioSkeleton as R, styles as s };
-//# sourceMappingURL=RadioSkeleton-99664c4b.js.map
+//# sourceMappingURL=RadioSkeleton-b02706c2.js.map

package/{RadioSkeleton-99664c4b.js.map → RadioSkeleton-b02706c2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioSkeleton-99664c4b.js","sources":["../src/RadioSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nexport const RadioSkeleton: IncompleteSkeletonComponent<RadioProps> = ({\n    Component: Radio,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...radioProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.radioSkeletonContainer}>\n                <Skeleton additionalClass={styles.radioSkeleton} loading={isLoading} />\n            </div>\n        );\n    }\n\n    return <Radio {...radioProps} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAMa,aAAa,GAA4C,CAAC,EACnE,SAAS,EAAE,KAAK;AAEhB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,UAAU,EAChB,KAAI;AACD,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;AAE/C,IAAA,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,EACzC,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAC,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAA,CAAI,EACrE,CAAA,EACR;AACL,KAAA;AAED,IAAA,OAAOA,GAAC,CAAA,KAAK,EAAK,EAAA,GAAA,UAAU,GAAI,CAAC;AACrC;;;;"}
+{"version":3,"file":"RadioSkeleton-b02706c2.js","sources":["../src/RadioSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nexport const RadioSkeleton: IncompleteSkeletonComponent<RadioProps> = ({\n    Component: Radio,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...radioProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.radioSkeletonContainer}>\n                <Skeleton additionalClass={styles.radioSkeleton} loading={isLoading} />\n            </div>\n        );\n    }\n\n    return <Radio {...radioProps} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAMa,aAAa,GAA4C,CAAC,EACnE,SAAS,EAAE,KAAK;AAEhB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,UAAU,EAChB,KAAI;AACD,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;AAE/C,IAAA,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,EACzC,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAC,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAA,CAAI,EACrE,CAAA,EACR;AACL,KAAA;AAED,IAAA,OAAOA,GAAC,CAAA,KAAK,EAAK,EAAA,GAAA,UAAU,GAAI,CAAC;AACrC;;;;"}

package/RadioSkeleton.js

@@ -2,5 +2,5 @@ import './index.css';
 import 'react/jsx-runtime';
 import '@hh.ru/magritte-common-use-loading-state';
 import '@hh.ru/magritte-ui-skeleton';
-export { R as RadioSkeleton } from './RadioSkeleton-99664c4b.js';
+export { R as RadioSkeleton } from './RadioSkeleton-b02706c2.js';
 //# sourceMappingURL=RadioSkeleton.js.map

package/index.css

@@ -45,7 +45,7 @@
   --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
   --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#919191;
 }
-.magritte-checkbox_container___J-wPy_2-2-2{
+.magritte-checkbox_container___J-wPy_3-0-0{
   position:relative;
   display:inline-flex;
   align-items:center;
@@ -56,7 +56,7 @@
   user-select:none;
   -webkit-user-select:none;
 }
-.magritte-checkbox_input___tguDn_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0{
   cursor:inherit;
   position:absolute;
   opacity:0;
@@ -68,10 +68,10 @@
   padding:0;
   z-index:1;
 }
-.magritte-checkbox_input___tguDn_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_3-0-0{
   outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2);
 }
-.magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox___xQHy4_3-0-0{
   width:20px;
   height:20px;
   background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
@@ -85,7 +85,7 @@
   transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
 }
-.magritte-icon_wrapper___k96d9_2-2-2{
+.magritte-icon_wrapper___k96d9_3-0-0{
   position:absolute;
   display:flex;
   width:24px;
@@ -98,138 +98,138 @@
   opacity:0;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:checked + .magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:checked + .magritte-checkbox___xQHy4_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:checked ~ .magritte-icon_wrapper___k96d9_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:checked ~ .magritte-icon_wrapper___k96d9_3-0-0{
   opacity:1;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2 + .magritte-invalid___6k7qT_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0 + .magritte-invalid___6k7qT_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
   outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:disabled:checked + .magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:disabled:checked + .magritte-checkbox___xQHy4_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:disabled:checked ~ .magritte-icon_wrapper___k96d9_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:disabled:checked ~ .magritte-icon_wrapper___k96d9_3-0-0{
   opacity:1;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:disabled{
+.magritte-checkbox_input___tguDn_3-0-0:disabled{
   cursor:not-allowed;
 }
-.magritte-checkbox_input___tguDn_2-2-2:disabled + .magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:disabled + .magritte-checkbox___xQHy4_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:disabled ~ .magritte-icon_wrapper___k96d9_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:disabled ~ .magritte-icon_wrapper___k96d9_3-0-0{
   opacity:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout  .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
+  body.magritte-old-layout  .magritte-checkbox_input___tguDn_3-0-0:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
+  body.magritte-old-layout  .magritte-checkbox_input___tguDn_3-0-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
+  body.magritte-old-layout  .magritte-checkbox_input___tguDn_3-0-0:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
+  body.magritte-old-layout  .magritte-checkbox_input___tguDn_3-0-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
+  body.magritte-old-layout  .magritte-checkbox_input___tguDn_3-0-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-invalid___6k7qT_2-2-2{
+  body.magritte-old-layout  .magritte-checkbox_input___tguDn_3-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
+  body.magritte-old-layout  .magritte-checkbox_input___tguDn_3-0-0:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_3-0-0:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_3-0-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_3-0-0:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_3-0-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_3-0-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-invalid___6k7qT_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_3-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-checkbox_input___tguDn_3-0-0:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
   }
 }
-.magritte-checkbox_input___tguDn_2-2-2:indeterminate + .magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:indeterminate + .magritte-checkbox___xQHy4_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:indeterminate ~ .magritte-icon_wrapper___k96d9_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-0{
   opacity:1;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover + .magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:indeterminate:hover + .magritte-checkbox___xQHy4_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_3-0-0{
   opacity:1;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:disabled:indeterminate + .magritte-checkbox___xQHy4_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:disabled:indeterminate + .magritte-checkbox___xQHy4_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
 }
-.magritte-checkbox_input___tguDn_2-2-2:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_2-2-2{
+.magritte-checkbox_input___tguDn_3-0-0:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-0{
   opacity:1;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
 }
-.magritte-checkbox-skeleton-container___4uNYP_2-2-2{
+.magritte-checkbox-skeleton-container___4uNYP_3-0-0{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:24px;
   height:24px;
 }
-.magritte-checkbox-skeleton___uo6u7_2-2-2{
+.magritte-checkbox-skeleton___uo6u7_3-0-0{
   width:20px;
   height:20px;
   border-radius:var(--magritte-core-border-radius-1-x-v18-1-2);
 }
-.magritte-icon___q1TLo_2-2-2{
+.magritte-icon___q1TLo_3-0-0{
   opacity:1;
   position:absolute;
   line-height:0;
@@ -237,7 +237,7 @@
   transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
 }
-.magritte-icon___q1TLo_2-2-2.magritte-iconHidden___Sb3FQ_2-2-2{
+.magritte-icon___q1TLo_3-0-0.magritte-iconHidden___Sb3FQ_3-0-0{
   opacity:0;
 }
 
@@ -288,7 +288,7 @@
   --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
   --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#919191;
 }
-.magritte-radio_container___FI0P7_2-2-2{
+.magritte-radio_container___FI0P7_3-0-0{
   position:relative;
   display:inline-flex;
   align-items:center;
@@ -299,7 +299,7 @@
   user-select:none;
   -webkit-user-select:none;
 }
-.magritte-radio_input___-puK7_2-2-2{
+.magritte-radio_input___-puK7_3-0-0{
   cursor:inherit;
   position:absolute;
   opacity:0;
@@ -311,10 +311,10 @@
   padding:0;
   z-index:1;
 }
-.magritte-radio_input___-puK7_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_2-2-2{
+.magritte-radio_input___-puK7_3-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_3-0-0{
   outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2);
 }
-.magritte-radio___diMe7_2-2-2{
+.magritte-radio___diMe7_3-0-0{
   width:20px;
   height:20px;
   background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
@@ -328,7 +328,7 @@
   transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
   transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
 }
-.magritte-icon_wrapper___qj1JL_2-2-2{
+.magritte-icon_wrapper___qj1JL_3-0-0{
   position:absolute;
   display:flex;
   width:24px;
@@ -341,112 +341,112 @@
   opacity:0;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2:checked + .magritte-radio___diMe7_2-2-2{
+.magritte-radio_input___-puK7_3-0-0:checked + .magritte-radio___diMe7_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2:checked ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+.magritte-radio_input___-puK7_3-0-0:checked ~ .magritte-icon_wrapper___qj1JL_3-0-0{
   opacity:1;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2 + .magritte-invalid___1vONj_2-2-2{
+.magritte-radio_input___-puK7_3-0-0 + .magritte-invalid___1vONj_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_2-2-2{
+.magritte-radio_input___-puK7_3-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
   outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2:disabled:checked + .magritte-radio___diMe7_2-2-2{
+.magritte-radio_input___-puK7_3-0-0:disabled:checked + .magritte-radio___diMe7_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2:disabled:checked ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+.magritte-radio_input___-puK7_3-0-0:disabled:checked ~ .magritte-icon_wrapper___qj1JL_3-0-0{
   opacity:1;
   --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2:disabled{
+.magritte-radio_input___-puK7_3-0-0:disabled{
   cursor:not-allowed;
 }
-.magritte-radio_input___-puK7_2-2-2:disabled + .magritte-radio___diMe7_2-2-2{
+.magritte-radio_input___-puK7_3-0-0:disabled + .magritte-radio___diMe7_3-0-0{
   background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2);
   border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2);
 }
-.magritte-radio_input___-puK7_2-2-2:disabled ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+.magritte-radio_input___-puK7_3-0-0:disabled ~ .magritte-icon_wrapper___qj1JL_3-0-0{
   opacity:0;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout  .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
+  body.magritte-old-layout  .magritte-radio_input___-puK7_3-0-0:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+  body.magritte-old-layout  .magritte-radio_input___-puK7_3-0-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
+  body.magritte-old-layout  .magritte-radio_input___-puK7_3-0-0:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+  body.magritte-old-layout  .magritte-radio_input___-puK7_3-0-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
+  body.magritte-old-layout  .magritte-radio_input___-puK7_3-0-0:hover:not(:disabled) + .magritte-radio___diMe7_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-invalid___1vONj_2-2-2{
+  body.magritte-old-layout  .magritte-radio_input___-puK7_3-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
   }
-  body.magritte-old-layout  .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+  body.magritte-old-layout  .magritte-radio_input___-puK7_3-0-0:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_3-0-0:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_3-0-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_3-0-0:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_3-0-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_3-0-0:hover:not(:disabled) + .magritte-radio___diMe7_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-invalid___1vONj_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_3-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-0{
     background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
     border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
   }
-  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
+  body:not(.magritte-old-layout)  .magritte-radio_input___-puK7_3-0-0:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-0{
     opacity:1;
     --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
   }
 }
-.magritte-radio___diMe7_2-2-2{
+.magritte-radio___diMe7_3-0-0{
   border-radius:50%;
 }
-.magritte-radio-skeleton-container___GjZez_2-2-2{
+.magritte-radio-skeleton-container___GjZez_3-0-0{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   width:24px;
   height:24px;
 }
-.magritte-radio-skeleton___9TSLy_2-2-2{
+.magritte-radio-skeleton___9TSLy_3-0-0{
   width:20px;
   height:20px;
   border-radius:50%;

package/index.js

@@ -7,9 +7,9 @@ import 'react/jsx-runtime';
 import 'react';
 import 'classnames';
 import '@hh.ru/magritte-common-use-disabled';
-import './CheckboxSkeleton-9aa1ed5d.js';
+import './CheckboxSkeleton-4d37c44c.js';
 import '@hh.ru/magritte-common-use-loading-state';
 import '@hh.ru/magritte-ui-skeleton';
 import '@hh.ru/magritte-ui-icon/variants/private';
-import './RadioSkeleton-99664c4b.js';
+import './RadioSkeleton-b02706c2.js';
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-checkbox-radio",
-  "version": "2.2.2",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -24,8 +24,8 @@
     "@hh.ru/magritte-design-tokens": "18.1.2",
     "@hh.ru/magritte-types": "4.0.1",
     "@hh.ru/magritte-ui-breakpoint": "4.0.1",
-    "@hh.ru/magritte-ui-icon": "7.1.5",
-    "@hh.ru/magritte-ui-skeleton": "2.1.3",
+    "@hh.ru/magritte-ui-icon": "7.1.6",
+    "@hh.ru/magritte-ui-skeleton": "2.1.4",
     "@hh.ru/magritte-ui-theme-provider": "1.1.22"
   },
   "peerDependencies": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9f09ecd7831d299cd9c5a8852bd30334245ab0e7"
+  "gitHead": "77a359961872f43d688f9507b225fa72ba99a3e8"
 }

package/types.d.ts

@@ -9,9 +9,9 @@ interface CheckboxRadioProps {
     /** функция действия на изменение состояния */
     onChange?: ChangeEventHandler<HTMLInputElement>;
     /** атрибут aria-label */
-    ariaLabel?: string;
+    'aria-label'?: string;
     /** атрибут data-qa для контейнера */
-    dataQaContainer?: string;
+    'data-qa'?: string;
 }
 export interface RadioBaseProps extends CheckboxRadioProps {
     /** атрибут data-qa для визуального элемента выполняющего роль радио */

package/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import { isValidElement, ReactElement, ChangeEventHandler } from 'react';\n\ninterface CheckboxRadioProps {\n    /** флаг состояния по умолчанию - включен - true, выключен/отсутствует - false */\n    checked?: boolean;\n    /** компонент отключен для взаимодействия */\n    disabled?: boolean;\n    /** ошибка валидации */\n    invalid?: boolean;\n    /** функция действия на изменение состояния */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /** атрибут aria-label */\n    ariaLabel?: string;\n    /** атрибут data-qa для контейнера */\n    dataQaContainer?: string;\n}\n\nexport interface RadioBaseProps extends CheckboxRadioProps {\n    /** атрибут data-qa для визуального элемента выполняющего роль радио */\n    dataQaRadio?: string;\n}\n\nexport type RadioProps = RadioBaseProps & JSX.IntrinsicElements['input'];\n\nexport type CheckboxProps = CheckboxRadioProps & {\n    /** визуальное состояние неопределено */\n    indeterminate?: boolean;\n    /** атрибут data-qa для визуального элемента выполняющего роль чекбокса */\n    dataQaCheckbox?: string;\n} & JSX.IntrinsicElements['input'];\n\nexport const isCheckboxComponent = (component: ReactElement): component is ReactElement<CheckboxProps> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isCheckbox' in component.type;\n};\n\nexport const isRadioComponent = (component: ReactElement): component is ReactElement<RadioProps> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isRadio' in component.type;\n};\n"],"names":[],"mappings":";;AA+Ba,MAAA,mBAAmB,GAAG,CAAC,SAAuB,KAA8C;AACrG,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,YAAY,IAAI,SAAS,CAAC,IAAI,CAAC;AAC7G,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,SAAuB,KAA2C;AAC/F,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC;AAC1G;;;;"}
+{"version":3,"file":"types.js","sources":["../src/types.ts"],"sourcesContent":["import { isValidElement, ReactElement, ChangeEventHandler } from 'react';\n\ninterface CheckboxRadioProps {\n    /** флаг состояния по умолчанию - включен - true, выключен/отсутствует - false */\n    checked?: boolean;\n    /** компонент отключен для взаимодействия */\n    disabled?: boolean;\n    /** ошибка валидации */\n    invalid?: boolean;\n    /** функция действия на изменение состояния */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /** атрибут aria-label */\n    'aria-label'?: string;\n    /** атрибут data-qa для контейнера */\n    'data-qa'?: string;\n}\n\nexport interface RadioBaseProps extends CheckboxRadioProps {\n    /** атрибут data-qa для визуального элемента выполняющего роль радио */\n    dataQaRadio?: string;\n}\n\nexport type RadioProps = RadioBaseProps & JSX.IntrinsicElements['input'];\n\nexport type CheckboxProps = CheckboxRadioProps & {\n    /** визуальное состояние неопределено */\n    indeterminate?: boolean;\n    /** атрибут data-qa для визуального элемента выполняющего роль чекбокса */\n    dataQaCheckbox?: string;\n} & JSX.IntrinsicElements['input'];\n\nexport const isCheckboxComponent = (component: ReactElement): component is ReactElement<CheckboxProps> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isCheckbox' in component.type;\n};\n\nexport const isRadioComponent = (component: ReactElement): component is ReactElement<RadioProps> => {\n    return isValidElement(component) && typeof component.type !== 'string' && 'isRadio' in component.type;\n};\n"],"names":[],"mappings":";;AA+Ba,MAAA,mBAAmB,GAAG,CAAC,SAAuB,KAA8C;AACrG,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,YAAY,IAAI,SAAS,CAAC,IAAI,CAAC;AAC7G,EAAE;AAEW,MAAA,gBAAgB,GAAG,CAAC,SAAuB,KAA2C;AAC/F,IAAA,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,OAAO,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAI,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC;AAC1G;;;;"}