@hh.ru/magritte-ui-checkbox-radio 3.0.1 → 3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/Checkbox.js +1 -1
  2. package/{CheckboxSkeleton-c32c94a3.js → CheckboxSkeleton-8949f700.js} +2 -2
  3. package/{CheckboxSkeleton-c32c94a3.js.map → CheckboxSkeleton-8949f700.js.map} +1 -1
  4. package/CheckboxSkeleton.js +1 -1
  5. package/Radio.js +3 -3
  6. package/Radio.js.map +1 -1
  7. package/{RadioSkeleton-7494f08d.js → RadioSkeleton-6e5e6e82.js} +2 -2
  8. package/{RadioSkeleton-7494f08d.js.map → RadioSkeleton-6e5e6e82.js.map} +1 -1
  9. package/RadioSkeleton.js +1 -1
  10. package/index.css +69 -69
  11. package/index.js +2 -2
  12. package/package.json +6 -6
package/Checkbox.js CHANGED
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useRef, useEffect } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
6
- import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-c32c94a3.js';
6
+ import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-8949f700.js';
7
7
  import { CheckboxLineSize24, CheckboxCheckSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
8
8
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
9
9
  import '@hh.ru/magritte-common-use-loading-state';
package/{CheckboxSkeleton-c32c94a3.js → CheckboxSkeleton-8949f700.js} RENAMED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
4
4
  import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
5
5
 
6
- var styles = {"checkbox_container":"magritte-checkbox_container___J-wPy_3-0-1","checkboxContainer":"magritte-checkbox_container___J-wPy_3-0-1","checkbox_input":"magritte-checkbox_input___tguDn_3-0-1","checkboxInput":"magritte-checkbox_input___tguDn_3-0-1","checkbox":"magritte-checkbox___xQHy4_3-0-1","icon_wrapper":"magritte-icon_wrapper___k96d9_3-0-1","iconWrapper":"magritte-icon_wrapper___k96d9_3-0-1","invalid":"magritte-invalid___6k7qT_3-0-1","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_3-0-1","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_3-0-1","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_3-0-1","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_3-0-1","icon":"magritte-icon___q1TLo_3-0-1","iconHidden":"magritte-iconHidden___Sb3FQ_3-0-1"};
6
+ var styles = {"checkbox_container":"magritte-checkbox_container___J-wPy_3-0-3","checkboxContainer":"magritte-checkbox_container___J-wPy_3-0-3","checkbox_input":"magritte-checkbox_input___tguDn_3-0-3","checkboxInput":"magritte-checkbox_input___tguDn_3-0-3","checkbox":"magritte-checkbox___xQHy4_3-0-3","icon_wrapper":"magritte-icon_wrapper___k96d9_3-0-3","iconWrapper":"magritte-icon_wrapper___k96d9_3-0-3","invalid":"magritte-invalid___6k7qT_3-0-3","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_3-0-3","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_3-0-3","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_3-0-3","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_3-0-3","icon":"magritte-icon___q1TLo_3-0-3","iconHidden":"magritte-iconHidden___Sb3FQ_3-0-3"};
7
7
 
8
8
  const CheckboxSkeleton = ({ Component: Checkbox,
9
9
  // skeleton props
@@ -16,4 +16,4 @@ width, height, borderRadius, inline, additionalClass, loading, ...checkboxProps
16
16
  };
17
17
 
18
18
  export { CheckboxSkeleton as C, styles as s };
19
- //# sourceMappingURL=CheckboxSkeleton-c32c94a3.js.map
19
+ //# sourceMappingURL=CheckboxSkeleton-8949f700.js.map
package/{CheckboxSkeleton-c32c94a3.js.map → CheckboxSkeleton-8949f700.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSkeleton-c32c94a3.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;;;;"}
1
+ {"version":3,"file":"CheckboxSkeleton-8949f700.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 CHANGED
@@ -2,5 +2,5 @@ import './index.css';
2
2
  import 'react/jsx-runtime';
3
3
  import '@hh.ru/magritte-common-use-loading-state';
4
4
  import '@hh.ru/magritte-ui-skeleton';
5
- export { C as CheckboxSkeleton } from './CheckboxSkeleton-c32c94a3.js';
5
+ export { C as CheckboxSkeleton } from './CheckboxSkeleton-8949f700.js';
6
6
  //# sourceMappingURL=CheckboxSkeleton.js.map
package/Radio.js CHANGED
@@ -2,14 +2,14 @@ import './index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
5
- import { R as RadioSkeleton, s as styles } from './RadioSkeleton-7494f08d.js';
5
+ import { R as RadioSkeleton, s as styles } from './RadioSkeleton-6e5e6e82.js';
6
6
  import { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
7
7
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
8
8
  import '@hh.ru/magritte-common-use-loading-state';
9
9
 
10
- const RadioComponent = ({ disabled, invalid, onChange, readOnly, 'aria-label': ariaLabel, 'data-qa': dataQaContainer = 'radio-container', dataQaRadio = 'radio', ...props }) => {
10
+ const RadioComponent = ({ disabled, invalid, onChange, readOnly, 'aria-label': ariaLabel, 'data-qa': dataQaInput, dataQaContainer = 'radio-container', dataQaRadio = 'radio', ...props }) => {
11
11
  const forceDisabled = useDisabled();
12
- 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, {
12
+ return (jsxs("span", { className: styles.radio_container, "data-qa": dataQaContainer, children: [jsx("input", { ...props, "data-qa": dataQaInput, className: styles.radio_input, type: "radio", readOnly: readOnly, "aria-label": ariaLabel, disabled: forceDisabled || !!disabled, onChange: onChange }), jsx("span", { className: classnames(styles.radio, {
13
13
  [styles.invalid]: invalid,
14
14
  }), "data-qa": dataQaRadio }), jsx("span", { className: styles.icon_wrapper, children: jsx(RadioCircleSize24, {}) })] }));
15
15
  };
package/Radio.js.map CHANGED
@@ -1 +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 '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;;;;"}
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 'aria-label': ariaLabel,\n 'data-qa': dataQaInput,\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 data-qa={dataQaInput}\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,WAAW,EACtB,eAAe,GAAG,iBAAiB,EACnC,WAAW,GAAG,OAAO,EACrB,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IAEpC,QACIA,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,SAAA,EAAW,eAAe,EAAA,QAAA,EAAA,CAC7DC,GACQ,CAAA,OAAA,EAAA,EAAA,GAAA,KAAK,aACA,WAAW,EACpB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,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-7494f08d.js → RadioSkeleton-6e5e6e82.js} RENAMED
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
4
4
  import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
5
5
 
6
- var styles = {"radio_container":"magritte-radio_container___FI0P7_3-0-1","radioContainer":"magritte-radio_container___FI0P7_3-0-1","radio_input":"magritte-radio_input___-puK7_3-0-1","radioInput":"magritte-radio_input___-puK7_3-0-1","radio":"magritte-radio___diMe7_3-0-1","icon_wrapper":"magritte-icon_wrapper___qj1JL_3-0-1","iconWrapper":"magritte-icon_wrapper___qj1JL_3-0-1","invalid":"magritte-invalid___1vONj_3-0-1","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_3-0-1","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_3-0-1","radio-skeleton":"magritte-radio-skeleton___9TSLy_3-0-1","radioSkeleton":"magritte-radio-skeleton___9TSLy_3-0-1"};
6
+ var styles = {"radio_container":"magritte-radio_container___FI0P7_3-0-3","radioContainer":"magritte-radio_container___FI0P7_3-0-3","radio_input":"magritte-radio_input___-puK7_3-0-3","radioInput":"magritte-radio_input___-puK7_3-0-3","radio":"magritte-radio___diMe7_3-0-3","icon_wrapper":"magritte-icon_wrapper___qj1JL_3-0-3","iconWrapper":"magritte-icon_wrapper___qj1JL_3-0-3","invalid":"magritte-invalid___1vONj_3-0-3","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_3-0-3","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_3-0-3","radio-skeleton":"magritte-radio-skeleton___9TSLy_3-0-3","radioSkeleton":"magritte-radio-skeleton___9TSLy_3-0-3"};
7
7
 
8
8
  const RadioSkeleton = ({ Component: Radio,
9
9
  // skeleton props
@@ -16,4 +16,4 @@ width, height, borderRadius, inline, additionalClass, loading, ...radioProps })
16
16
  };
17
17
 
18
18
  export { RadioSkeleton as R, styles as s };
19
- //# sourceMappingURL=RadioSkeleton-7494f08d.js.map
19
+ //# sourceMappingURL=RadioSkeleton-6e5e6e82.js.map
package/{RadioSkeleton-7494f08d.js.map → RadioSkeleton-6e5e6e82.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSkeleton-7494f08d.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;;;;"}
1
+ {"version":3,"file":"RadioSkeleton-6e5e6e82.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 CHANGED
@@ -2,5 +2,5 @@ import './index.css';
2
2
  import 'react/jsx-runtime';
3
3
  import '@hh.ru/magritte-common-use-loading-state';
4
4
  import '@hh.ru/magritte-ui-skeleton';
5
- export { R as RadioSkeleton } from './RadioSkeleton-7494f08d.js';
5
+ export { R as RadioSkeleton } from './RadioSkeleton-6e5e6e82.js';
6
6
  //# sourceMappingURL=RadioSkeleton.js.map
package/index.css CHANGED
@@ -45,7 +45,7 @@
45
45
  --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
46
46
  --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#919191;
47
47
  }
48
- .magritte-checkbox_container___J-wPy_3-0-1{
48
+ .magritte-checkbox_container___J-wPy_3-0-3{
49
49
  position:relative;
50
50
  display:inline-flex;
51
51
  align-items:center;
@@ -56,7 +56,7 @@
56
56
  user-select:none;
57
57
  -webkit-user-select:none;
58
58
  }
59
- .magritte-checkbox_input___tguDn_3-0-1{
59
+ .magritte-checkbox_input___tguDn_3-0-3{
60
60
  cursor:inherit;
61
61
  position:absolute;
62
62
  opacity:0;
@@ -68,10 +68,10 @@
68
68
  padding:0;
69
69
  z-index:1;
70
70
  }
71
- .magritte-checkbox_input___tguDn_3-0-1.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_3-0-1{
71
+ .magritte-checkbox_input___tguDn_3-0-3.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_3-0-3{
72
72
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2);
73
73
  }
74
- .magritte-checkbox___xQHy4_3-0-1{
74
+ .magritte-checkbox___xQHy4_3-0-3{
75
75
  width:20px;
76
76
  height:20px;
77
77
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
@@ -85,7 +85,7 @@
85
85
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
86
86
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
87
87
  }
88
- .magritte-icon_wrapper___k96d9_3-0-1{
88
+ .magritte-icon_wrapper___k96d9_3-0-3{
89
89
  position:absolute;
90
90
  display:flex;
91
91
  width:24px;
@@ -98,138 +98,138 @@
98
98
  opacity:0;
99
99
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
100
100
  }
101
- .magritte-checkbox_input___tguDn_3-0-1:checked + .magritte-checkbox___xQHy4_3-0-1{
101
+ .magritte-checkbox_input___tguDn_3-0-3:checked + .magritte-checkbox___xQHy4_3-0-3{
102
102
  background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
103
103
  border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
104
104
  }
105
- .magritte-checkbox_input___tguDn_3-0-1:checked ~ .magritte-icon_wrapper___k96d9_3-0-1{
105
+ .magritte-checkbox_input___tguDn_3-0-3:checked ~ .magritte-icon_wrapper___k96d9_3-0-3{
106
106
  opacity:1;
107
107
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
108
108
  }
109
- .magritte-checkbox_input___tguDn_3-0-1 + .magritte-invalid___6k7qT_3-0-1{
109
+ .magritte-checkbox_input___tguDn_3-0-3 + .magritte-invalid___6k7qT_3-0-3{
110
110
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
111
111
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
112
112
  }
113
- .magritte-checkbox_input___tguDn_3-0-1.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_3-0-1{
113
+ .magritte-checkbox_input___tguDn_3-0-3.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_3-0-3{
114
114
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
115
115
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
116
116
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2);
117
117
  }
118
- .magritte-checkbox_input___tguDn_3-0-1:disabled:checked + .magritte-checkbox___xQHy4_3-0-1{
118
+ .magritte-checkbox_input___tguDn_3-0-3:disabled:checked + .magritte-checkbox___xQHy4_3-0-3{
119
119
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
120
120
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
121
121
  }
122
- .magritte-checkbox_input___tguDn_3-0-1:disabled:checked ~ .magritte-icon_wrapper___k96d9_3-0-1{
122
+ .magritte-checkbox_input___tguDn_3-0-3:disabled:checked ~ .magritte-icon_wrapper___k96d9_3-0-3{
123
123
  opacity:1;
124
124
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
125
125
  }
126
- .magritte-checkbox_input___tguDn_3-0-1:disabled{
126
+ .magritte-checkbox_input___tguDn_3-0-3:disabled{
127
127
  cursor:not-allowed;
128
128
  }
129
- .magritte-checkbox_input___tguDn_3-0-1:disabled + .magritte-checkbox___xQHy4_3-0-1{
129
+ .magritte-checkbox_input___tguDn_3-0-3:disabled + .magritte-checkbox___xQHy4_3-0-3{
130
130
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2);
131
131
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2);
132
132
  }
133
- .magritte-checkbox_input___tguDn_3-0-1:disabled ~ .magritte-icon_wrapper___k96d9_3-0-1{
133
+ .magritte-checkbox_input___tguDn_3-0-3:disabled ~ .magritte-icon_wrapper___k96d9_3-0-3{
134
134
  opacity:0;
135
135
  }
136
136
  @media (min-width: 1020px){
137
- body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-1:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-1{
137
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-3:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-3{
138
138
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
139
139
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
140
140
  }
141
- body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-1:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-1{
141
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-3:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-3{
142
142
  opacity:1;
143
143
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
144
144
  }
145
- body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-1:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-1{
145
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-3:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-3{
146
146
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
147
147
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
148
148
  }
149
- body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-1:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-1{
149
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-3:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-3{
150
150
  opacity:1;
151
151
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
152
152
  }
153
- body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-1:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-1{
153
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-3:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-3{
154
154
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
155
155
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
156
156
  }
157
- body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-1:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-1{
157
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-3:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-3{
158
158
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
159
159
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
160
160
  }
161
- body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-1:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-1{
161
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_3-0-3:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-3{
162
162
  opacity:1;
163
163
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
164
164
  }
165
165
  }
166
166
  @media (min-width: 1024px){
167
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-1:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-1{
167
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-3:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-3{
168
168
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
169
169
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
170
170
  }
171
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-1:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-1{
171
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-3:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-3{
172
172
  opacity:1;
173
173
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
174
174
  }
175
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-1:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-1{
175
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-3:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-3{
176
176
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
177
177
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
178
178
  }
179
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-1:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-1{
179
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-3:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-3{
180
180
  opacity:1;
181
181
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
182
182
  }
183
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-1:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-1{
183
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-3:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-3{
184
184
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
185
185
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
186
186
  }
187
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-1:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-1{
187
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-3:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-3{
188
188
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
189
189
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
190
190
  }
191
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-1:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-1{
191
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_3-0-3:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-3{
192
192
  opacity:1;
193
193
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
194
194
  }
195
195
  }
196
- .magritte-checkbox_input___tguDn_3-0-1:indeterminate + .magritte-checkbox___xQHy4_3-0-1{
196
+ .magritte-checkbox_input___tguDn_3-0-3:indeterminate + .magritte-checkbox___xQHy4_3-0-3{
197
197
  background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
198
198
  border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
199
199
  }
200
- .magritte-checkbox_input___tguDn_3-0-1:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-1{
200
+ .magritte-checkbox_input___tguDn_3-0-3:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-3{
201
201
  opacity:1;
202
202
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
203
203
  }
204
- .magritte-checkbox_input___tguDn_3-0-1:indeterminate:hover + .magritte-checkbox___xQHy4_3-0-1{
204
+ .magritte-checkbox_input___tguDn_3-0-3:indeterminate:hover + .magritte-checkbox___xQHy4_3-0-3{
205
205
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
206
206
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
207
207
  }
208
- .magritte-checkbox_input___tguDn_3-0-1:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_3-0-1{
208
+ .magritte-checkbox_input___tguDn_3-0-3:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_3-0-3{
209
209
  opacity:1;
210
210
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
211
211
  }
212
- .magritte-checkbox_input___tguDn_3-0-1:disabled:indeterminate + .magritte-checkbox___xQHy4_3-0-1{
212
+ .magritte-checkbox_input___tguDn_3-0-3:disabled:indeterminate + .magritte-checkbox___xQHy4_3-0-3{
213
213
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
214
214
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
215
215
  }
216
- .magritte-checkbox_input___tguDn_3-0-1:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-1{
216
+ .magritte-checkbox_input___tguDn_3-0-3:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-3{
217
217
  opacity:1;
218
218
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
219
219
  }
220
- .magritte-checkbox-skeleton-container___4uNYP_3-0-1{
220
+ .magritte-checkbox-skeleton-container___4uNYP_3-0-3{
221
221
  display:inline-flex;
222
222
  align-items:center;
223
223
  justify-content:center;
224
224
  width:24px;
225
225
  height:24px;
226
226
  }
227
- .magritte-checkbox-skeleton___uo6u7_3-0-1{
227
+ .magritte-checkbox-skeleton___uo6u7_3-0-3{
228
228
  width:20px;
229
229
  height:20px;
230
230
  border-radius:var(--magritte-core-border-radius-1-x-v18-1-2);
231
231
  }
232
- .magritte-icon___q1TLo_3-0-1{
232
+ .magritte-icon___q1TLo_3-0-3{
233
233
  opacity:1;
234
234
  position:absolute;
235
235
  line-height:0;
@@ -237,7 +237,7 @@
237
237
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
238
238
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
239
239
  }
240
- .magritte-icon___q1TLo_3-0-1.magritte-iconHidden___Sb3FQ_3-0-1{
240
+ .magritte-icon___q1TLo_3-0-3.magritte-iconHidden___Sb3FQ_3-0-3{
241
241
  opacity:0;
242
242
  }
243
243
 
@@ -288,7 +288,7 @@
288
288
  --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
289
289
  --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#919191;
290
290
  }
291
- .magritte-radio_container___FI0P7_3-0-1{
291
+ .magritte-radio_container___FI0P7_3-0-3{
292
292
  position:relative;
293
293
  display:inline-flex;
294
294
  align-items:center;
@@ -299,7 +299,7 @@
299
299
  user-select:none;
300
300
  -webkit-user-select:none;
301
301
  }
302
- .magritte-radio_input___-puK7_3-0-1{
302
+ .magritte-radio_input___-puK7_3-0-3{
303
303
  cursor:inherit;
304
304
  position:absolute;
305
305
  opacity:0;
@@ -311,10 +311,10 @@
311
311
  padding:0;
312
312
  z-index:1;
313
313
  }
314
- .magritte-radio_input___-puK7_3-0-1.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_3-0-1{
314
+ .magritte-radio_input___-puK7_3-0-3.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_3-0-3{
315
315
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2);
316
316
  }
317
- .magritte-radio___diMe7_3-0-1{
317
+ .magritte-radio___diMe7_3-0-3{
318
318
  width:20px;
319
319
  height:20px;
320
320
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
@@ -328,7 +328,7 @@
328
328
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
329
329
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
330
330
  }
331
- .magritte-icon_wrapper___qj1JL_3-0-1{
331
+ .magritte-icon_wrapper___qj1JL_3-0-3{
332
332
  position:absolute;
333
333
  display:flex;
334
334
  width:24px;
@@ -341,112 +341,112 @@
341
341
  opacity:0;
342
342
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
343
343
  }
344
- .magritte-radio_input___-puK7_3-0-1:checked + .magritte-radio___diMe7_3-0-1{
344
+ .magritte-radio_input___-puK7_3-0-3:checked + .magritte-radio___diMe7_3-0-3{
345
345
  background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
346
346
  border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
347
347
  }
348
- .magritte-radio_input___-puK7_3-0-1:checked ~ .magritte-icon_wrapper___qj1JL_3-0-1{
348
+ .magritte-radio_input___-puK7_3-0-3:checked ~ .magritte-icon_wrapper___qj1JL_3-0-3{
349
349
  opacity:1;
350
350
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
351
351
  }
352
- .magritte-radio_input___-puK7_3-0-1 + .magritte-invalid___1vONj_3-0-1{
352
+ .magritte-radio_input___-puK7_3-0-3 + .magritte-invalid___1vONj_3-0-3{
353
353
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
354
354
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
355
355
  }
356
- .magritte-radio_input___-puK7_3-0-1.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_3-0-1{
356
+ .magritte-radio_input___-puK7_3-0-3.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_3-0-3{
357
357
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
358
358
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
359
359
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2);
360
360
  }
361
- .magritte-radio_input___-puK7_3-0-1:disabled:checked + .magritte-radio___diMe7_3-0-1{
361
+ .magritte-radio_input___-puK7_3-0-3:disabled:checked + .magritte-radio___diMe7_3-0-3{
362
362
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
363
363
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
364
364
  }
365
- .magritte-radio_input___-puK7_3-0-1:disabled:checked ~ .magritte-icon_wrapper___qj1JL_3-0-1{
365
+ .magritte-radio_input___-puK7_3-0-3:disabled:checked ~ .magritte-icon_wrapper___qj1JL_3-0-3{
366
366
  opacity:1;
367
367
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
368
368
  }
369
- .magritte-radio_input___-puK7_3-0-1:disabled{
369
+ .magritte-radio_input___-puK7_3-0-3:disabled{
370
370
  cursor:not-allowed;
371
371
  }
372
- .magritte-radio_input___-puK7_3-0-1:disabled + .magritte-radio___diMe7_3-0-1{
372
+ .magritte-radio_input___-puK7_3-0-3:disabled + .magritte-radio___diMe7_3-0-3{
373
373
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2);
374
374
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2);
375
375
  }
376
- .magritte-radio_input___-puK7_3-0-1:disabled ~ .magritte-icon_wrapper___qj1JL_3-0-1{
376
+ .magritte-radio_input___-puK7_3-0-3:disabled ~ .magritte-icon_wrapper___qj1JL_3-0-3{
377
377
  opacity:0;
378
378
  }
379
379
  @media (min-width: 1020px){
380
- body.magritte-old-layout .magritte-radio_input___-puK7_3-0-1:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-1{
380
+ body.magritte-old-layout .magritte-radio_input___-puK7_3-0-3:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-3{
381
381
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
382
382
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
383
383
  }
384
- body.magritte-old-layout .magritte-radio_input___-puK7_3-0-1:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-1{
384
+ body.magritte-old-layout .magritte-radio_input___-puK7_3-0-3:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-3{
385
385
  opacity:1;
386
386
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
387
387
  }
388
- body.magritte-old-layout .magritte-radio_input___-puK7_3-0-1:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-1{
388
+ body.magritte-old-layout .magritte-radio_input___-puK7_3-0-3:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-3{
389
389
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
390
390
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
391
391
  }
392
- body.magritte-old-layout .magritte-radio_input___-puK7_3-0-1:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-1{
392
+ body.magritte-old-layout .magritte-radio_input___-puK7_3-0-3:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-3{
393
393
  opacity:1;
394
394
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
395
395
  }
396
- body.magritte-old-layout .magritte-radio_input___-puK7_3-0-1:hover:not(:disabled) + .magritte-radio___diMe7_3-0-1{
396
+ body.magritte-old-layout .magritte-radio_input___-puK7_3-0-3:hover:not(:disabled) + .magritte-radio___diMe7_3-0-3{
397
397
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
398
398
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
399
399
  }
400
- body.magritte-old-layout .magritte-radio_input___-puK7_3-0-1:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-1{
400
+ body.magritte-old-layout .magritte-radio_input___-puK7_3-0-3:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-3{
401
401
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
402
402
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
403
403
  }
404
- body.magritte-old-layout .magritte-radio_input___-puK7_3-0-1:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-1{
404
+ body.magritte-old-layout .magritte-radio_input___-puK7_3-0-3:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-3{
405
405
  opacity:1;
406
406
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
407
407
  }
408
408
  }
409
409
  @media (min-width: 1024px){
410
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-1:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-1{
410
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-3:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-3{
411
411
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
412
412
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
413
413
  }
414
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-1:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-1{
414
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-3:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-3{
415
415
  opacity:1;
416
416
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
417
417
  }
418
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-1:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-1{
418
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-3:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-3{
419
419
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
420
420
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
421
421
  }
422
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-1:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-1{
422
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-3:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-3{
423
423
  opacity:1;
424
424
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
425
425
  }
426
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-1:hover:not(:disabled) + .magritte-radio___diMe7_3-0-1{
426
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-3:hover:not(:disabled) + .magritte-radio___diMe7_3-0-3{
427
427
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
428
428
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
429
429
  }
430
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-1:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-1{
430
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-3:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-3{
431
431
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
432
432
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
433
433
  }
434
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-1:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-1{
434
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_3-0-3:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-3{
435
435
  opacity:1;
436
436
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
437
437
  }
438
438
  }
439
- .magritte-radio___diMe7_3-0-1{
439
+ .magritte-radio___diMe7_3-0-3{
440
440
  border-radius:50%;
441
441
  }
442
- .magritte-radio-skeleton-container___GjZez_3-0-1{
442
+ .magritte-radio-skeleton-container___GjZez_3-0-3{
443
443
  display:inline-flex;
444
444
  align-items:center;
445
445
  justify-content:center;
446
446
  width:24px;
447
447
  height:24px;
448
448
  }
449
- .magritte-radio-skeleton___9TSLy_3-0-1{
449
+ .magritte-radio-skeleton___9TSLy_3-0-3{
450
450
  width:20px;
451
451
  height:20px;
452
452
  border-radius:50%;
package/index.js CHANGED
@@ -7,9 +7,9 @@ import 'react/jsx-runtime';
7
7
  import 'react';
8
8
  import 'classnames';
9
9
  import '@hh.ru/magritte-common-use-disabled';
10
- import './CheckboxSkeleton-c32c94a3.js';
10
+ import './CheckboxSkeleton-8949f700.js';
11
11
  import '@hh.ru/magritte-common-use-loading-state';
12
12
  import '@hh.ru/magritte-ui-skeleton';
13
13
  import '@hh.ru/magritte-ui-icon/variants/private';
14
- import './RadioSkeleton-7494f08d.js';
14
+ import './RadioSkeleton-6e5e6e82.js';
15
15
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-checkbox-radio",
3
- "version": "3.0.1",
3
+ "version": "3.0.3",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,10 +23,10 @@
23
23
  "@hh.ru/magritte-common-use-loading-state": "1.0.4",
24
24
  "@hh.ru/magritte-design-tokens": "18.1.2",
25
25
  "@hh.ru/magritte-types": "4.0.1",
26
- "@hh.ru/magritte-ui-breakpoint": "4.0.1",
27
- "@hh.ru/magritte-ui-icon": "7.1.6",
28
- "@hh.ru/magritte-ui-skeleton": "2.1.4",
29
- "@hh.ru/magritte-ui-theme-provider": "1.1.22"
26
+ "@hh.ru/magritte-ui-breakpoint": "4.0.2",
27
+ "@hh.ru/magritte-ui-icon": "7.1.7",
28
+ "@hh.ru/magritte-ui-skeleton": "2.1.5",
29
+ "@hh.ru/magritte-ui-theme-provider": "1.1.23"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "classnames": ">=2.3.2",
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "ffd9d6fb929de8843e75abdc15a7ab22a6050434"
38
+ "gitHead": "a72846c6f393720276c3a8abcbd754142906f5d1"
39
39
  }