@hh.ru/magritte-ui-checkbox-radio 3.0.2 → 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.
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-7c421f59.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';
@@ -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-2","checkboxContainer":"magritte-checkbox_container___J-wPy_3-0-2","checkbox_input":"magritte-checkbox_input___tguDn_3-0-2","checkboxInput":"magritte-checkbox_input___tguDn_3-0-2","checkbox":"magritte-checkbox___xQHy4_3-0-2","icon_wrapper":"magritte-icon_wrapper___k96d9_3-0-2","iconWrapper":"magritte-icon_wrapper___k96d9_3-0-2","invalid":"magritte-invalid___6k7qT_3-0-2","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_3-0-2","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_3-0-2","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_3-0-2","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_3-0-2","icon":"magritte-icon___q1TLo_3-0-2","iconHidden":"magritte-iconHidden___Sb3FQ_3-0-2"};
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-7c421f59.js.map
19
+ //# sourceMappingURL=CheckboxSkeleton-8949f700.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSkeleton-7c421f59.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;;;;"}
@@ -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-7c421f59.js';
5
+ export { C as CheckboxSkeleton } from './CheckboxSkeleton-8949f700.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-d94476ac.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';
@@ -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-2","radioContainer":"magritte-radio_container___FI0P7_3-0-2","radio_input":"magritte-radio_input___-puK7_3-0-2","radioInput":"magritte-radio_input___-puK7_3-0-2","radio":"magritte-radio___diMe7_3-0-2","icon_wrapper":"magritte-icon_wrapper___qj1JL_3-0-2","iconWrapper":"magritte-icon_wrapper___qj1JL_3-0-2","invalid":"magritte-invalid___1vONj_3-0-2","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_3-0-2","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_3-0-2","radio-skeleton":"magritte-radio-skeleton___9TSLy_3-0-2","radioSkeleton":"magritte-radio-skeleton___9TSLy_3-0-2"};
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-d94476ac.js.map
19
+ //# sourceMappingURL=RadioSkeleton-6e5e6e82.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSkeleton-d94476ac.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-d94476ac.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-2{
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-2{
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-2.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_3-0-2{
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-2{
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-2{
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-2:checked + .magritte-checkbox___xQHy4_3-0-2{
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-2:checked ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2 + .magritte-invalid___6k7qT_3-0-2{
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-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_3-0-2{
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-2:disabled:checked + .magritte-checkbox___xQHy4_3-0-2{
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-2:disabled:checked ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:disabled{
126
+ .magritte-checkbox_input___tguDn_3-0-3:disabled{
127
127
  cursor:not-allowed;
128
128
  }
129
- .magritte-checkbox_input___tguDn_3-0-2:disabled + .magritte-checkbox___xQHy4_3-0-2{
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-2:disabled ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-2{
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-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-2{
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-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-2{
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-2:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-2{
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-2:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-2{
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-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-2{
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-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-2{
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-2:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-2{
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-2:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:indeterminate + .magritte-checkbox___xQHy4_3-0-2{
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-2:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:indeterminate:hover + .magritte-checkbox___xQHy4_3-0-2{
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-2:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2:disabled:indeterminate + .magritte-checkbox___xQHy4_3-0-2{
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-2:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_3-0-2{
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-2{
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-2{
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-2{
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-2.magritte-iconHidden___Sb3FQ_3-0-2{
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-2{
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-2{
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-2.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_3-0-2{
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-2{
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-2{
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-2:checked + .magritte-radio___diMe7_3-0-2{
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-2:checked ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2 + .magritte-invalid___1vONj_3-0-2{
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-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_3-0-2{
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-2:disabled:checked + .magritte-radio___diMe7_3-0-2{
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-2:disabled:checked ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2:disabled{
369
+ .magritte-radio_input___-puK7_3-0-3:disabled{
370
370
  cursor:not-allowed;
371
371
  }
372
- .magritte-radio_input___-puK7_3-0-2:disabled + .magritte-radio___diMe7_3-0-2{
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-2:disabled ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-2{
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-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-2{
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-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2:hover:not(:disabled) + .magritte-radio___diMe7_3-0-2{
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-2:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-2{
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-2:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2:checked:hover:not(:disabled) + .magritte-radio___diMe7_3-0-2{
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-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_3-0-2{
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-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2:hover:not(:disabled) + .magritte-radio___diMe7_3-0-2{
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-2:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-2{
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-2:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_3-0-2{
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-2{
439
+ .magritte-radio___diMe7_3-0-3{
440
440
  border-radius:50%;
441
441
  }
442
- .magritte-radio-skeleton-container___GjZez_3-0-2{
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-2{
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-7c421f59.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-d94476ac.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.2",
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": "6fd7a0b7f2af780bd38bc43b2066bf6ec986eec3"
38
+ "gitHead": "a72846c6f393720276c3a8abcbd754142906f5d1"
39
39
  }