@hh.ru/magritte-ui-checkbox-radio 2.1.4 → 2.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/Checkbox.js +1 -1
  2. package/{CheckboxSkeleton-933b6df6.js → CheckboxSkeleton-3ffbf900.js} +2 -2
  3. package/{CheckboxSkeleton-933b6df6.js.map → CheckboxSkeleton-3ffbf900.js.map} +1 -1
  4. package/CheckboxSkeleton.js +1 -1
  5. package/Radio.js +1 -1
  6. package/{RadioSkeleton-c82f74e6.js → RadioSkeleton-a756c251.js} +2 -2
  7. package/{RadioSkeleton-c82f74e6.js.map → RadioSkeleton-a756c251.js.map} +1 -1
  8. package/RadioSkeleton.js +1 -1
  9. package/index.css +59 -59
  10. package/index.js +2 -2
  11. package/package.json +3 -3
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-933b6df6.js';
6
+ import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-3ffbf900.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-933b6df6.js → CheckboxSkeleton-3ffbf900.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_2-1-4","checkboxContainer":"magritte-checkbox_container___J-wPy_2-1-4","checkbox_input":"magritte-checkbox_input___tguDn_2-1-4","checkboxInput":"magritte-checkbox_input___tguDn_2-1-4","checkbox":"magritte-checkbox___xQHy4_2-1-4","icon_wrapper":"magritte-icon_wrapper___k96d9_2-1-4","iconWrapper":"magritte-icon_wrapper___k96d9_2-1-4","invalid":"magritte-invalid___6k7qT_2-1-4","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_2-1-4","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_2-1-4","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_2-1-4","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_2-1-4"};
6
+ var styles = {"checkbox_container":"magritte-checkbox_container___J-wPy_2-1-5","checkboxContainer":"magritte-checkbox_container___J-wPy_2-1-5","checkbox_input":"magritte-checkbox_input___tguDn_2-1-5","checkboxInput":"magritte-checkbox_input___tguDn_2-1-5","checkbox":"magritte-checkbox___xQHy4_2-1-5","icon_wrapper":"magritte-icon_wrapper___k96d9_2-1-5","iconWrapper":"magritte-icon_wrapper___k96d9_2-1-5","invalid":"magritte-invalid___6k7qT_2-1-5","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_2-1-5","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_2-1-5","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_2-1-5","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_2-1-5"};
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-933b6df6.js.map
19
+ //# sourceMappingURL=CheckboxSkeleton-3ffbf900.js.map
package/{CheckboxSkeleton-933b6df6.js.map → CheckboxSkeleton-3ffbf900.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSkeleton-933b6df6.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-3ffbf900.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-933b6df6.js';
5
+ export { C as CheckboxSkeleton } from './CheckboxSkeleton-3ffbf900.js';
6
6
  //# sourceMappingURL=CheckboxSkeleton.js.map
package/Radio.js CHANGED
@@ -2,7 +2,7 @@ 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-c82f74e6.js';
5
+ import { R as RadioSkeleton, s as styles } from './RadioSkeleton-a756c251.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';
package/{RadioSkeleton-c82f74e6.js → RadioSkeleton-a756c251.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_2-1-4","radioContainer":"magritte-radio_container___FI0P7_2-1-4","radio_input":"magritte-radio_input___-puK7_2-1-4","radioInput":"magritte-radio_input___-puK7_2-1-4","radio":"magritte-radio___diMe7_2-1-4","icon_wrapper":"magritte-icon_wrapper___qj1JL_2-1-4","iconWrapper":"magritte-icon_wrapper___qj1JL_2-1-4","invalid":"magritte-invalid___1vONj_2-1-4","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_2-1-4","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_2-1-4","radio-skeleton":"magritte-radio-skeleton___9TSLy_2-1-4","radioSkeleton":"magritte-radio-skeleton___9TSLy_2-1-4"};
6
+ var styles = {"radio_container":"magritte-radio_container___FI0P7_2-1-5","radioContainer":"magritte-radio_container___FI0P7_2-1-5","radio_input":"magritte-radio_input___-puK7_2-1-5","radioInput":"magritte-radio_input___-puK7_2-1-5","radio":"magritte-radio___diMe7_2-1-5","icon_wrapper":"magritte-icon_wrapper___qj1JL_2-1-5","iconWrapper":"magritte-icon_wrapper___qj1JL_2-1-5","invalid":"magritte-invalid___1vONj_2-1-5","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_2-1-5","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_2-1-5","radio-skeleton":"magritte-radio-skeleton___9TSLy_2-1-5","radioSkeleton":"magritte-radio-skeleton___9TSLy_2-1-5"};
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-c82f74e6.js.map
19
+ //# sourceMappingURL=RadioSkeleton-a756c251.js.map
package/{RadioSkeleton-c82f74e6.js.map → RadioSkeleton-a756c251.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSkeleton-c82f74e6.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-a756c251.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-c82f74e6.js';
5
+ export { R as RadioSkeleton } from './RadioSkeleton-a756c251.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-1:#ffffff;
46
46
  --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1:#919191;
47
47
  }
48
- .magritte-checkbox_container___J-wPy_2-1-4{
48
+ .magritte-checkbox_container___J-wPy_2-1-5{
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_2-1-4{
59
+ .magritte-checkbox_input___tguDn_2-1-5{
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_2-1-4.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_2-1-4{
71
+ .magritte-checkbox_input___tguDn_2-1-5.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_2-1-5{
72
72
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1);
73
73
  }
74
- .magritte-checkbox___xQHy4_2-1-4{
74
+ .magritte-checkbox___xQHy4_2-1-5{
75
75
  width:20px;
76
76
  height:20px;
77
77
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
@@ -85,7 +85,7 @@
85
85
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1);
86
86
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
87
87
  }
88
- .magritte-icon_wrapper___k96d9_2-1-4{
88
+ .magritte-icon_wrapper___k96d9_2-1-5{
89
89
  position:absolute;
90
90
  display:flex;
91
91
  justify-content:center;
@@ -96,117 +96,117 @@
96
96
  opacity:0;
97
97
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
98
98
  }
99
- .magritte-checkbox_input___tguDn_2-1-4:checked + .magritte-checkbox___xQHy4_2-1-4{
99
+ .magritte-checkbox_input___tguDn_2-1-5:checked + .magritte-checkbox___xQHy4_2-1-5{
100
100
  background-color:var(--magritte-color-component-checkable-background-checked-v18-1-1);
101
101
  border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-1);
102
102
  }
103
- .magritte-checkbox_input___tguDn_2-1-4:checked ~ .magritte-icon_wrapper___k96d9_2-1-4{
103
+ .magritte-checkbox_input___tguDn_2-1-5:checked ~ .magritte-icon_wrapper___k96d9_2-1-5{
104
104
  opacity:1;
105
105
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-1);
106
106
  }
107
- .magritte-checkbox_input___tguDn_2-1-4 + .magritte-invalid___6k7qT_2-1-4{
107
+ .magritte-checkbox_input___tguDn_2-1-5 + .magritte-invalid___6k7qT_2-1-5{
108
108
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
109
109
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
110
110
  }
111
- .magritte-checkbox_input___tguDn_2-1-4.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_2-1-4{
111
+ .magritte-checkbox_input___tguDn_2-1-5.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_2-1-5{
112
112
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
113
113
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
114
114
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1);
115
115
  }
116
- .magritte-checkbox_input___tguDn_2-1-4:disabled:checked + .magritte-checkbox___xQHy4_2-1-4{
116
+ .magritte-checkbox_input___tguDn_2-1-5:disabled:checked + .magritte-checkbox___xQHy4_2-1-5{
117
117
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-1);
118
118
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1);
119
119
  }
120
- .magritte-checkbox_input___tguDn_2-1-4:disabled:checked ~ .magritte-icon_wrapper___k96d9_2-1-4{
120
+ .magritte-checkbox_input___tguDn_2-1-5:disabled:checked ~ .magritte-icon_wrapper___k96d9_2-1-5{
121
121
  opacity:1;
122
122
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1);
123
123
  }
124
- .magritte-checkbox_input___tguDn_2-1-4:disabled{
124
+ .magritte-checkbox_input___tguDn_2-1-5:disabled{
125
125
  cursor:not-allowed;
126
126
  }
127
- .magritte-checkbox_input___tguDn_2-1-4:disabled + .magritte-checkbox___xQHy4_2-1-4{
127
+ .magritte-checkbox_input___tguDn_2-1-5:disabled + .magritte-checkbox___xQHy4_2-1-5{
128
128
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1);
129
129
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1);
130
130
  }
131
- .magritte-checkbox_input___tguDn_2-1-4:disabled ~ .magritte-icon_wrapper___k96d9_2-1-4{
131
+ .magritte-checkbox_input___tguDn_2-1-5:disabled ~ .magritte-icon_wrapper___k96d9_2-1-5{
132
132
  opacity:0;
133
133
  }
134
134
  @media (min-width: 1020px){
135
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-4:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-4{
135
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-5:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-5{
136
136
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
137
137
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
138
138
  }
139
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-4:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-4{
139
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-5:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-5{
140
140
  opacity:1;
141
141
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
142
142
  }
143
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-4:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-4{
143
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-5:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-5{
144
144
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
145
145
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
146
146
  }
147
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-4:hover:not(:disabled) + .magritte-invalid___6k7qT_2-1-4{
147
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-5:hover:not(:disabled) + .magritte-invalid___6k7qT_2-1-5{
148
148
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
149
149
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
150
150
  }
151
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-4:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-4{
151
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-1-5:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-5{
152
152
  opacity:1;
153
153
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
154
154
  }
155
155
  }
156
156
  @media (min-width: 1024px){
157
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-4:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-4{
157
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-5:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-5{
158
158
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
159
159
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
160
160
  }
161
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-4:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-4{
161
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-5:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-5{
162
162
  opacity:1;
163
163
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
164
164
  }
165
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-4:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-4{
165
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-5:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-1-5{
166
166
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
167
167
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
168
168
  }
169
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-4:hover:not(:disabled) + .magritte-invalid___6k7qT_2-1-4{
169
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-5:hover:not(:disabled) + .magritte-invalid___6k7qT_2-1-5{
170
170
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
171
171
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
172
172
  }
173
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-4:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-4{
173
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-1-5:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-1-5{
174
174
  opacity:1;
175
175
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
176
176
  }
177
177
  }
178
- .magritte-checkbox_input___tguDn_2-1-4:indeterminate + .magritte-checkbox___xQHy4_2-1-4{
178
+ .magritte-checkbox_input___tguDn_2-1-5:indeterminate + .magritte-checkbox___xQHy4_2-1-5{
179
179
  background-color:var(--magritte-color-component-checkable-background-checked-v18-1-1);
180
180
  border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-1);
181
181
  }
182
- .magritte-checkbox_input___tguDn_2-1-4:indeterminate ~ .magritte-icon_wrapper___k96d9_2-1-4{
182
+ .magritte-checkbox_input___tguDn_2-1-5:indeterminate ~ .magritte-icon_wrapper___k96d9_2-1-5{
183
183
  opacity:1;
184
184
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-1);
185
185
  }
186
- .magritte-checkbox_input___tguDn_2-1-4:indeterminate:hover + .magritte-checkbox___xQHy4_2-1-4{
186
+ .magritte-checkbox_input___tguDn_2-1-5:indeterminate:hover + .magritte-checkbox___xQHy4_2-1-5{
187
187
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
188
188
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
189
189
  }
190
- .magritte-checkbox_input___tguDn_2-1-4:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_2-1-4{
190
+ .magritte-checkbox_input___tguDn_2-1-5:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_2-1-5{
191
191
  opacity:1;
192
192
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
193
193
  }
194
- .magritte-checkbox_input___tguDn_2-1-4:disabled:indeterminate + .magritte-checkbox___xQHy4_2-1-4{
194
+ .magritte-checkbox_input___tguDn_2-1-5:disabled:indeterminate + .magritte-checkbox___xQHy4_2-1-5{
195
195
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-1);
196
196
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1);
197
197
  }
198
- .magritte-checkbox_input___tguDn_2-1-4:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_2-1-4{
198
+ .magritte-checkbox_input___tguDn_2-1-5:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_2-1-5{
199
199
  opacity:1;
200
200
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1);
201
201
  }
202
- .magritte-checkbox-skeleton-container___4uNYP_2-1-4{
202
+ .magritte-checkbox-skeleton-container___4uNYP_2-1-5{
203
203
  display:inline-flex;
204
204
  align-items:center;
205
205
  justify-content:center;
206
206
  width:24px;
207
207
  height:24px;
208
208
  }
209
- .magritte-checkbox-skeleton___uo6u7_2-1-4{
209
+ .magritte-checkbox-skeleton___uo6u7_2-1-5{
210
210
  width:20px;
211
211
  height:20px;
212
212
  border-radius:var(--magritte-core-border-radius-1-x-v18-1-1);
@@ -259,7 +259,7 @@
259
259
  --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1:#ffffff;
260
260
  --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1:#919191;
261
261
  }
262
- .magritte-radio_container___FI0P7_2-1-4{
262
+ .magritte-radio_container___FI0P7_2-1-5{
263
263
  position:relative;
264
264
  display:inline-flex;
265
265
  align-items:center;
@@ -270,7 +270,7 @@
270
270
  user-select:none;
271
271
  -webkit-user-select:none;
272
272
  }
273
- .magritte-radio_input___-puK7_2-1-4{
273
+ .magritte-radio_input___-puK7_2-1-5{
274
274
  cursor:inherit;
275
275
  position:absolute;
276
276
  opacity:0;
@@ -282,10 +282,10 @@
282
282
  padding:0;
283
283
  z-index:1;
284
284
  }
285
- .magritte-radio_input___-puK7_2-1-4.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_2-1-4{
285
+ .magritte-radio_input___-puK7_2-1-5.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_2-1-5{
286
286
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1);
287
287
  }
288
- .magritte-radio___diMe7_2-1-4{
288
+ .magritte-radio___diMe7_2-1-5{
289
289
  width:20px;
290
290
  height:20px;
291
291
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
@@ -299,7 +299,7 @@
299
299
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1);
300
300
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
301
301
  }
302
- .magritte-icon_wrapper___qj1JL_2-1-4{
302
+ .magritte-icon_wrapper___qj1JL_2-1-5{
303
303
  position:absolute;
304
304
  display:flex;
305
305
  justify-content:center;
@@ -310,96 +310,96 @@
310
310
  opacity:0;
311
311
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
312
312
  }
313
- .magritte-radio_input___-puK7_2-1-4:checked + .magritte-radio___diMe7_2-1-4{
313
+ .magritte-radio_input___-puK7_2-1-5:checked + .magritte-radio___diMe7_2-1-5{
314
314
  background-color:var(--magritte-color-component-checkable-background-checked-v18-1-1);
315
315
  border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-1);
316
316
  }
317
- .magritte-radio_input___-puK7_2-1-4:checked ~ .magritte-icon_wrapper___qj1JL_2-1-4{
317
+ .magritte-radio_input___-puK7_2-1-5:checked ~ .magritte-icon_wrapper___qj1JL_2-1-5{
318
318
  opacity:1;
319
319
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-1);
320
320
  }
321
- .magritte-radio_input___-puK7_2-1-4 + .magritte-invalid___1vONj_2-1-4{
321
+ .magritte-radio_input___-puK7_2-1-5 + .magritte-invalid___1vONj_2-1-5{
322
322
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
323
323
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
324
324
  }
325
- .magritte-radio_input___-puK7_2-1-4.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_2-1-4{
325
+ .magritte-radio_input___-puK7_2-1-5.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_2-1-5{
326
326
  background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
327
327
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
328
328
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1);
329
329
  }
330
- .magritte-radio_input___-puK7_2-1-4:disabled:checked + .magritte-radio___diMe7_2-1-4{
330
+ .magritte-radio_input___-puK7_2-1-5:disabled:checked + .magritte-radio___diMe7_2-1-5{
331
331
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-1);
332
332
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1);
333
333
  }
334
- .magritte-radio_input___-puK7_2-1-4:disabled:checked ~ .magritte-icon_wrapper___qj1JL_2-1-4{
334
+ .magritte-radio_input___-puK7_2-1-5:disabled:checked ~ .magritte-icon_wrapper___qj1JL_2-1-5{
335
335
  opacity:1;
336
336
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1);
337
337
  }
338
- .magritte-radio_input___-puK7_2-1-4:disabled{
338
+ .magritte-radio_input___-puK7_2-1-5:disabled{
339
339
  cursor:not-allowed;
340
340
  }
341
- .magritte-radio_input___-puK7_2-1-4:disabled + .magritte-radio___diMe7_2-1-4{
341
+ .magritte-radio_input___-puK7_2-1-5:disabled + .magritte-radio___diMe7_2-1-5{
342
342
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1);
343
343
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1);
344
344
  }
345
- .magritte-radio_input___-puK7_2-1-4:disabled ~ .magritte-icon_wrapper___qj1JL_2-1-4{
345
+ .magritte-radio_input___-puK7_2-1-5:disabled ~ .magritte-icon_wrapper___qj1JL_2-1-5{
346
346
  opacity:0;
347
347
  }
348
348
  @media (min-width: 1020px){
349
- body.magritte-old-layout .magritte-radio_input___-puK7_2-1-4:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-1-4{
349
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-1-5:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-1-5{
350
350
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
351
351
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
352
352
  }
353
- body.magritte-old-layout .magritte-radio_input___-puK7_2-1-4:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-4{
353
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-1-5:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-5{
354
354
  opacity:1;
355
355
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
356
356
  }
357
- body.magritte-old-layout .magritte-radio_input___-puK7_2-1-4:hover:not(:disabled) + .magritte-radio___diMe7_2-1-4{
357
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-1-5:hover:not(:disabled) + .magritte-radio___diMe7_2-1-5{
358
358
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
359
359
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
360
360
  }
361
- body.magritte-old-layout .magritte-radio_input___-puK7_2-1-4:hover:not(:disabled) + .magritte-invalid___1vONj_2-1-4{
361
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-1-5:hover:not(:disabled) + .magritte-invalid___1vONj_2-1-5{
362
362
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
363
363
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
364
364
  }
365
- body.magritte-old-layout .magritte-radio_input___-puK7_2-1-4:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-4{
365
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-1-5:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-5{
366
366
  opacity:1;
367
367
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
368
368
  }
369
369
  }
370
370
  @media (min-width: 1024px){
371
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-4:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-1-4{
371
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-5:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-1-5{
372
372
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
373
373
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
374
374
  }
375
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-4:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-4{
375
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-5:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-5{
376
376
  opacity:1;
377
377
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
378
378
  }
379
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-4:hover:not(:disabled) + .magritte-radio___diMe7_2-1-4{
379
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-5:hover:not(:disabled) + .magritte-radio___diMe7_2-1-5{
380
380
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
381
381
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
382
382
  }
383
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-4:hover:not(:disabled) + .magritte-invalid___1vONj_2-1-4{
383
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-5:hover:not(:disabled) + .magritte-invalid___1vONj_2-1-5{
384
384
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
385
385
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
386
386
  }
387
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-4:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-4{
387
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-1-5:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-1-5{
388
388
  opacity:1;
389
389
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
390
390
  }
391
391
  }
392
- .magritte-radio___diMe7_2-1-4{
392
+ .magritte-radio___diMe7_2-1-5{
393
393
  border-radius:50%;
394
394
  }
395
- .magritte-radio-skeleton-container___GjZez_2-1-4{
395
+ .magritte-radio-skeleton-container___GjZez_2-1-5{
396
396
  display:inline-flex;
397
397
  align-items:center;
398
398
  justify-content:center;
399
399
  width:24px;
400
400
  height:24px;
401
401
  }
402
- .magritte-radio-skeleton___9TSLy_2-1-4{
402
+ .magritte-radio-skeleton___9TSLy_2-1-5{
403
403
  width:20px;
404
404
  height:20px;
405
405
  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-933b6df6.js';
10
+ import './CheckboxSkeleton-3ffbf900.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-c82f74e6.js';
14
+ import './RadioSkeleton-a756c251.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": "2.1.4",
3
+ "version": "2.1.5",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -24,7 +24,7 @@
24
24
  "@hh.ru/magritte-design-tokens": "18.1.1",
25
25
  "@hh.ru/magritte-types": "4.0.1",
26
26
  "@hh.ru/magritte-ui-breakpoint": "4.0.1",
27
- "@hh.ru/magritte-ui-icon": "7.1.3",
27
+ "@hh.ru/magritte-ui-icon": "7.1.4",
28
28
  "@hh.ru/magritte-ui-skeleton": "2.1.2",
29
29
  "@hh.ru/magritte-ui-theme-provider": "1.1.21"
30
30
  },
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
38
+ "gitHead": "2cb1607215544b6003e0486f5b72e463309a5bee"
39
39
  }