@hh.ru/magritte-ui-checkbox-radio 4.0.0 → 4.0.2

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-DX-sKchE.js +19 -0
  3. package/{CheckboxSkeleton-BUOVRxrd.js.map → CheckboxSkeleton-DX-sKchE.js.map} +1 -1
  4. package/CheckboxSkeleton.js +1 -1
  5. package/Radio.js +1 -1
  6. package/{RadioSkeleton-BS_BuOAm.js → RadioSkeleton-BDT3VW5h.js} +2 -2
  7. package/{RadioSkeleton-BS_BuOAm.js.map → RadioSkeleton-BDT3VW5h.js.map} +1 -1
  8. package/RadioSkeleton.js +1 -1
  9. package/index.css +87 -87
  10. package/index.js +2 -2
  11. package/package.json +4 -4
  12. package/CheckboxSkeleton-BUOVRxrd.js +0 -19
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-BUOVRxrd.js';
6
+ import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-DX-sKchE.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-DX-sKchE.js ADDED
@@ -0,0 +1,19 @@
1
+ import './index.css';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
4
+ import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
5
+
6
+ var styles = {"checkbox-container":"magritte-checkbox-container___3QIIQ_4-0-2","checkboxContainer":"magritte-checkbox-container___3QIIQ_4-0-2","checkbox-input":"magritte-checkbox-input___Y41Ta_4-0-2","checkboxInput":"magritte-checkbox-input___Y41Ta_4-0-2","checkbox":"magritte-checkbox___xQHy4_4-0-2","icon-wrapper":"magritte-icon-wrapper___li18-_4-0-2","iconWrapper":"magritte-icon-wrapper___li18-_4-0-2","checkbox-input-unchecked":"magritte-checkbox-input-unchecked___Mupry_4-0-2","checkboxInputUnchecked":"magritte-checkbox-input-unchecked___Mupry_4-0-2","checkbox-input-checked":"magritte-checkbox-input-checked___8CrvA_4-0-2","checkboxInputChecked":"magritte-checkbox-input-checked___8CrvA_4-0-2","invalid":"magritte-invalid___6k7qT_4-0-2","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_4-0-2","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_4-0-2","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_4-0-2","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_4-0-2","icon":"magritte-icon___q1TLo_4-0-2","iconHidden":"magritte-iconHidden___Sb3FQ_4-0-2"};
7
+
8
+ const CheckboxSkeleton = ({ Component: Checkbox,
9
+ // skeleton props
10
+ width, height, borderRadius, inline, additionalClass, loading, ...checkboxProps }) => {
11
+ const isLoading = useLoadingState() || loading;
12
+ if (isLoading) {
13
+ return (jsx("div", { className: styles.checkboxSkeletonContainer, children: jsx(Skeleton, { loading: true, additionalClass: styles.checkboxSkeleton }) }));
14
+ }
15
+ return jsx(Checkbox, { ...checkboxProps });
16
+ };
17
+
18
+ export { CheckboxSkeleton as C, styles as s };
19
+ //# sourceMappingURL=CheckboxSkeleton-DX-sKchE.js.map
package/{CheckboxSkeleton-BUOVRxrd.js.map → CheckboxSkeleton-DX-sKchE.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSkeleton-BUOVRxrd.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;IAE/C,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;KACL;AACD,IAAA,OAAOA,GAAC,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,GAAI,CAAC;AAC3C;;;;"}
1
+ {"version":3,"file":"CheckboxSkeleton-DX-sKchE.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;IAE/C,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;KACL;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-BUOVRxrd.js';
5
+ export { C as CheckboxSkeleton } from './CheckboxSkeleton-DX-sKchE.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-BS_BuOAm.js';
5
+ import { R as RadioSkeleton, s as styles } from './RadioSkeleton-BDT3VW5h.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-BS_BuOAm.js → RadioSkeleton-BDT3VW5h.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___4uMia_4-0-0","radioContainer":"magritte-radio-container___4uMia_4-0-0","radio-input":"magritte-radio-input___-IM3Y_4-0-0","radioInput":"magritte-radio-input___-IM3Y_4-0-0","radio":"magritte-radio___diMe7_4-0-0","icon-wrapper":"magritte-icon-wrapper___ASC7R_4-0-0","iconWrapper":"magritte-icon-wrapper___ASC7R_4-0-0","radio-input-unchecked":"magritte-radio-input-unchecked___J-rPE_4-0-0","radioInputUnchecked":"magritte-radio-input-unchecked___J-rPE_4-0-0","radio-input-checked":"magritte-radio-input-checked___eYMcP_4-0-0","radioInputChecked":"magritte-radio-input-checked___eYMcP_4-0-0","invalid":"magritte-invalid___1vONj_4-0-0","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_4-0-0","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_4-0-0","radio-skeleton":"magritte-radio-skeleton___9TSLy_4-0-0","radioSkeleton":"magritte-radio-skeleton___9TSLy_4-0-0"};
6
+ var styles = {"radio-container":"magritte-radio-container___4uMia_4-0-2","radioContainer":"magritte-radio-container___4uMia_4-0-2","radio-input":"magritte-radio-input___-IM3Y_4-0-2","radioInput":"magritte-radio-input___-IM3Y_4-0-2","radio":"magritte-radio___diMe7_4-0-2","icon-wrapper":"magritte-icon-wrapper___ASC7R_4-0-2","iconWrapper":"magritte-icon-wrapper___ASC7R_4-0-2","radio-input-unchecked":"magritte-radio-input-unchecked___J-rPE_4-0-2","radioInputUnchecked":"magritte-radio-input-unchecked___J-rPE_4-0-2","radio-input-checked":"magritte-radio-input-checked___eYMcP_4-0-2","radioInputChecked":"magritte-radio-input-checked___eYMcP_4-0-2","invalid":"magritte-invalid___1vONj_4-0-2","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_4-0-2","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_4-0-2","radio-skeleton":"magritte-radio-skeleton___9TSLy_4-0-2","radioSkeleton":"magritte-radio-skeleton___9TSLy_4-0-2"};
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-BS_BuOAm.js.map
19
+ //# sourceMappingURL=RadioSkeleton-BDT3VW5h.js.map
package/{RadioSkeleton-BS_BuOAm.js.map → RadioSkeleton-BDT3VW5h.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSkeleton-BS_BuOAm.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;IAE/C,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;KACL;AAED,IAAA,OAAOA,GAAC,CAAA,KAAK,EAAK,EAAA,GAAA,UAAU,GAAI,CAAC;AACrC;;;;"}
1
+ {"version":3,"file":"RadioSkeleton-BDT3VW5h.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;IAE/C,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;KACL;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-BS_BuOAm.js';
5
+ export { R as RadioSkeleton } from './RadioSkeleton-BDT3VW5h.js';
6
6
  //# sourceMappingURL=RadioSkeleton.js.map
package/index.css CHANGED
@@ -66,7 +66,7 @@
66
66
  --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#000000;
67
67
  --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#96aabb;
68
68
  }
69
- .magritte-checkbox-container___3QIIQ_4-0-0{
69
+ .magritte-checkbox-container___3QIIQ_4-0-2{
70
70
  position:relative;
71
71
  display:inline-flex;
72
72
  align-items:center;
@@ -77,7 +77,7 @@
77
77
  user-select:none;
78
78
  -webkit-user-select:none;
79
79
  }
80
- .magritte-checkbox-input___Y41Ta_4-0-0{
80
+ .magritte-checkbox-input___Y41Ta_4-0-2{
81
81
  cursor:inherit;
82
82
  position:absolute;
83
83
  opacity:0;
@@ -89,10 +89,10 @@
89
89
  padding:0;
90
90
  z-index:1;
91
91
  }
92
- .magritte-checkbox-input___Y41Ta_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_4-0-0{
92
+ .magritte-checkbox-input___Y41Ta_4-0-2.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_4-0-2{
93
93
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0);
94
94
  }
95
- .magritte-checkbox___xQHy4_4-0-0{
95
+ .magritte-checkbox___xQHy4_4-0-2{
96
96
  width:20px;
97
97
  height:20px;
98
98
  background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
@@ -106,7 +106,7 @@
106
106
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
107
107
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
108
108
  }
109
- .magritte-icon-wrapper___li18-_4-0-0{
109
+ .magritte-icon-wrapper___li18-_4-0-2{
110
110
  position:absolute;
111
111
  display:flex;
112
112
  width:24px;
@@ -119,156 +119,156 @@
119
119
  opacity:0;
120
120
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
121
121
  }
122
- .magritte-checkbox-input___Y41Ta_4-0-0:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) + .magritte-checkbox___xQHy4_4-0-0,
123
- .magritte-checkbox-input-checked___8CrvA_4-0-0 + .magritte-checkbox___xQHy4_4-0-0{
122
+ .magritte-checkbox-input___Y41Ta_4-0-2:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) + .magritte-checkbox___xQHy4_4-0-2,
123
+ .magritte-checkbox-input-checked___8CrvA_4-0-2 + .magritte-checkbox___xQHy4_4-0-2{
124
124
  background-color:var(--magritte-color-component-checkable-background-checked-v22-1-0);
125
125
  border-color:var(--magritte-color-component-checkable-stroke-checked-v22-1-0);
126
126
  }
127
- .magritte-checkbox-input___Y41Ta_4-0-0:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) ~ .magritte-icon-wrapper___li18-_4-0-0,
128
- .magritte-checkbox-input-checked___8CrvA_4-0-0 ~ .magritte-icon-wrapper___li18-_4-0-0{
127
+ .magritte-checkbox-input___Y41Ta_4-0-2:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) ~ .magritte-icon-wrapper___li18-_4-0-2,
128
+ .magritte-checkbox-input-checked___8CrvA_4-0-2 ~ .magritte-icon-wrapper___li18-_4-0-2{
129
129
  opacity:1;
130
130
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-1-0);
131
131
  }
132
- .magritte-checkbox-input___Y41Ta_4-0-0 + .magritte-invalid___6k7qT_4-0-0{
132
+ .magritte-checkbox-input___Y41Ta_4-0-2 + .magritte-invalid___6k7qT_4-0-2{
133
133
  background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
134
134
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
135
135
  }
136
- .magritte-checkbox-input___Y41Ta_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_4-0-0{
136
+ .magritte-checkbox-input___Y41Ta_4-0-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_4-0-2{
137
137
  background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
138
138
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
139
139
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0);
140
140
  }
141
- .magritte-checkbox-input___Y41Ta_4-0-0:disabled{
141
+ .magritte-checkbox-input___Y41Ta_4-0-2:disabled{
142
142
  cursor:not-allowed;
143
143
  }
144
- .magritte-checkbox-input___Y41Ta_4-0-0:disabled + .magritte-checkbox___xQHy4_4-0-0{
144
+ .magritte-checkbox-input___Y41Ta_4-0-2:disabled + .magritte-checkbox___xQHy4_4-0-2{
145
145
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0);
146
146
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0);
147
147
  }
148
- .magritte-checkbox-input___Y41Ta_4-0-0:disabled ~ .magritte-icon-wrapper___li18-_4-0-0{
148
+ .magritte-checkbox-input___Y41Ta_4-0-2:disabled ~ .magritte-icon-wrapper___li18-_4-0-2{
149
149
  opacity:0;
150
150
  }
151
- .magritte-checkbox-input___Y41Ta_4-0-0:disabled:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) + .magritte-checkbox___xQHy4_4-0-0,
152
- .magritte-checkbox-input-checked___8CrvA_4-0-0:disabled + .magritte-checkbox___xQHy4_4-0-0{
151
+ .magritte-checkbox-input___Y41Ta_4-0-2:disabled:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) + .magritte-checkbox___xQHy4_4-0-2,
152
+ .magritte-checkbox-input-checked___8CrvA_4-0-2:disabled + .magritte-checkbox___xQHy4_4-0-2{
153
153
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-1-0);
154
154
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0);
155
155
  }
156
- .magritte-checkbox-input___Y41Ta_4-0-0:disabled:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) ~ .magritte-icon-wrapper___li18-_4-0-0,
157
- .magritte-checkbox-input-checked___8CrvA_4-0-0:disabled ~ .magritte-icon-wrapper___li18-_4-0-0{
156
+ .magritte-checkbox-input___Y41Ta_4-0-2:disabled:checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) ~ .magritte-icon-wrapper___li18-_4-0-2,
157
+ .magritte-checkbox-input-checked___8CrvA_4-0-2:disabled ~ .magritte-icon-wrapper___li18-_4-0-2{
158
158
  opacity:1;
159
159
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0);
160
160
  }
161
161
  @media (min-width: 1020px){
162
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_4-0-0{
162
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_4-0-2{
163
163
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
164
164
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
165
165
  }
166
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_4-0-0{
166
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_4-0-2{
167
167
  opacity:1;
168
168
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
169
169
  }
170
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) + .magritte-checkbox___xQHy4_4-0-0,
171
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-0 + .magritte-checkbox___xQHy4_4-0-0{
170
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) + .magritte-checkbox___xQHy4_4-0-2,
171
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-2 + .magritte-checkbox___xQHy4_4-0-2{
172
172
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
173
173
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
174
174
  }
175
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) ~ .magritte-icon-wrapper___li18-_4-0-0,
176
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-0 ~ .magritte-icon-wrapper___li18-_4-0-0{
175
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) ~ .magritte-icon-wrapper___li18-_4-0-2,
176
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-2 ~ .magritte-icon-wrapper___li18-_4-0-2{
177
177
  opacity:1;
178
178
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
179
179
  }
180
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0{
180
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-2{
181
181
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
182
182
  }
183
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0 + .magritte-checkbox___xQHy4_4-0-0{
183
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-2 + .magritte-checkbox___xQHy4_4-0-2{
184
184
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
185
185
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
186
186
  }
187
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0 ~ .magritte-icon-wrapper___li18-_4-0-0{
187
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-2 ~ .magritte-icon-wrapper___li18-_4-0-2{
188
188
  opacity:1;
189
189
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
190
190
  }
191
191
  }
192
192
  @media (min-width: 1024px){
193
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_4-0-0{
193
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_4-0-2{
194
194
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
195
195
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
196
196
  }
197
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_4-0-0{
197
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_4-0-2{
198
198
  opacity:1;
199
199
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
200
200
  }
201
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) + .magritte-checkbox___xQHy4_4-0-0,
202
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-0 + .magritte-checkbox___xQHy4_4-0-0{
201
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) + .magritte-checkbox___xQHy4_4-0-2,
202
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-2 + .magritte-checkbox___xQHy4_4-0-2{
203
203
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
204
204
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
205
205
  }
206
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-0) ~ .magritte-icon-wrapper___li18-_4-0-0,
207
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-0 ~ .magritte-icon-wrapper___li18-_4-0-0{
206
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_4-0-2) ~ .magritte-icon-wrapper___li18-_4-0-2,
207
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_4-0-2 ~ .magritte-icon-wrapper___li18-_4-0-2{
208
208
  opacity:1;
209
209
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
210
210
  }
211
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0{
211
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-2{
212
212
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
213
213
  }
214
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0 + .magritte-checkbox___xQHy4_4-0-0{
214
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-2 + .magritte-checkbox___xQHy4_4-0-2{
215
215
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
216
216
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
217
217
  }
218
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0 ~ .magritte-icon-wrapper___li18-_4-0-0{
218
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-2 ~ .magritte-icon-wrapper___li18-_4-0-2{
219
219
  opacity:1;
220
220
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
221
221
  }
222
222
  }
223
- .magritte-checkbox-input___Y41Ta_4-0-0:indeterminate + .magritte-checkbox___xQHy4_4-0-0{
223
+ .magritte-checkbox-input___Y41Ta_4-0-2:indeterminate + .magritte-checkbox___xQHy4_4-0-2{
224
224
  background-color:var(--magritte-color-component-checkable-background-checked-v22-1-0);
225
225
  border-color:var(--magritte-color-component-checkable-stroke-checked-v22-1-0);
226
226
  }
227
- .magritte-checkbox-input___Y41Ta_4-0-0:indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
227
+ .magritte-checkbox-input___Y41Ta_4-0-2:indeterminate ~ .magritte-icon-wrapper___li18-_4-0-2{
228
228
  opacity:1;
229
229
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-1-0);
230
230
  }
231
- .magritte-checkbox-input___Y41Ta_4-0-0:disabled:indeterminate + .magritte-checkbox___xQHy4_4-0-0{
231
+ .magritte-checkbox-input___Y41Ta_4-0-2:disabled:indeterminate + .magritte-checkbox___xQHy4_4-0-2{
232
232
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-1-0);
233
233
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0);
234
234
  }
235
- .magritte-checkbox-input___Y41Ta_4-0-0:disabled:indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
235
+ .magritte-checkbox-input___Y41Ta_4-0-2:disabled:indeterminate ~ .magritte-icon-wrapper___li18-_4-0-2{
236
236
  opacity:1;
237
237
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0);
238
238
  }
239
239
  @media (min-width: 1020px){
240
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_4-0-0{
240
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_4-0-2{
241
241
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
242
242
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
243
243
  }
244
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
244
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_4-0-2{
245
245
  opacity:1;
246
246
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
247
247
  }
248
248
  }
249
249
  @media (min-width: 1024px){
250
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_4-0-0{
250
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_4-0-2{
251
251
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
252
252
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
253
253
  }
254
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
254
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-2:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_4-0-2{
255
255
  opacity:1;
256
256
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
257
257
  }
258
258
  }
259
- .magritte-checkbox-skeleton-container___4uNYP_4-0-0{
259
+ .magritte-checkbox-skeleton-container___4uNYP_4-0-2{
260
260
  display:inline-flex;
261
261
  align-items:center;
262
262
  justify-content:center;
263
263
  width:24px;
264
264
  height:24px;
265
265
  }
266
- .magritte-checkbox-skeleton___uo6u7_4-0-0{
266
+ .magritte-checkbox-skeleton___uo6u7_4-0-2{
267
267
  width:20px;
268
268
  height:20px;
269
269
  border-radius:var(--magritte-core-border-radius-1-x-v22-1-0);
270
270
  }
271
- .magritte-icon___q1TLo_4-0-0{
271
+ .magritte-icon___q1TLo_4-0-2{
272
272
  opacity:1;
273
273
  position:absolute;
274
274
  line-height:0;
@@ -276,7 +276,7 @@
276
276
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
277
277
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
278
278
  }
279
- .magritte-icon___q1TLo_4-0-0.magritte-iconHidden___Sb3FQ_4-0-0{
279
+ .magritte-icon___q1TLo_4-0-2.magritte-iconHidden___Sb3FQ_4-0-2{
280
280
  opacity:0;
281
281
  }
282
282
 
@@ -348,7 +348,7 @@
348
348
  --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#000000;
349
349
  --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#96aabb;
350
350
  }
351
- .magritte-radio-container___4uMia_4-0-0{
351
+ .magritte-radio-container___4uMia_4-0-2{
352
352
  position:relative;
353
353
  display:inline-flex;
354
354
  align-items:center;
@@ -359,7 +359,7 @@
359
359
  user-select:none;
360
360
  -webkit-user-select:none;
361
361
  }
362
- .magritte-radio-input___-IM3Y_4-0-0{
362
+ .magritte-radio-input___-IM3Y_4-0-2{
363
363
  cursor:inherit;
364
364
  position:absolute;
365
365
  opacity:0;
@@ -371,10 +371,10 @@
371
371
  padding:0;
372
372
  z-index:1;
373
373
  }
374
- .magritte-radio-input___-IM3Y_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_4-0-0{
374
+ .magritte-radio-input___-IM3Y_4-0-2.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_4-0-2{
375
375
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0);
376
376
  }
377
- .magritte-radio___diMe7_4-0-0{
377
+ .magritte-radio___diMe7_4-0-2{
378
378
  width:20px;
379
379
  height:20px;
380
380
  background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
@@ -388,7 +388,7 @@
388
388
  transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
389
389
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
390
390
  }
391
- .magritte-icon-wrapper___ASC7R_4-0-0{
391
+ .magritte-icon-wrapper___ASC7R_4-0-2{
392
392
  position:absolute;
393
393
  display:flex;
394
394
  width:24px;
@@ -401,118 +401,118 @@
401
401
  opacity:0;
402
402
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
403
403
  }
404
- .magritte-radio-input___-IM3Y_4-0-0:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) + .magritte-radio___diMe7_4-0-0,
405
- .magritte-radio-input-checked___eYMcP_4-0-0 + .magritte-radio___diMe7_4-0-0{
404
+ .magritte-radio-input___-IM3Y_4-0-2:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) + .magritte-radio___diMe7_4-0-2,
405
+ .magritte-radio-input-checked___eYMcP_4-0-2 + .magritte-radio___diMe7_4-0-2{
406
406
  background-color:var(--magritte-color-component-checkable-background-checked-v22-1-0);
407
407
  border-color:var(--magritte-color-component-checkable-stroke-checked-v22-1-0);
408
408
  }
409
- .magritte-radio-input___-IM3Y_4-0-0:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) ~ .magritte-icon-wrapper___ASC7R_4-0-0,
410
- .magritte-radio-input-checked___eYMcP_4-0-0 ~ .magritte-icon-wrapper___ASC7R_4-0-0{
409
+ .magritte-radio-input___-IM3Y_4-0-2:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) ~ .magritte-icon-wrapper___ASC7R_4-0-2,
410
+ .magritte-radio-input-checked___eYMcP_4-0-2 ~ .magritte-icon-wrapper___ASC7R_4-0-2{
411
411
  opacity:1;
412
412
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-1-0);
413
413
  }
414
- .magritte-radio-input___-IM3Y_4-0-0 + .magritte-invalid___1vONj_4-0-0{
414
+ .magritte-radio-input___-IM3Y_4-0-2 + .magritte-invalid___1vONj_4-0-2{
415
415
  background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
416
416
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
417
417
  }
418
- .magritte-radio-input___-IM3Y_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_4-0-0{
418
+ .magritte-radio-input___-IM3Y_4-0-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_4-0-2{
419
419
  background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
420
420
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
421
421
  outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0);
422
422
  }
423
- .magritte-radio-input___-IM3Y_4-0-0:disabled{
423
+ .magritte-radio-input___-IM3Y_4-0-2:disabled{
424
424
  cursor:not-allowed;
425
425
  }
426
- .magritte-radio-input___-IM3Y_4-0-0:disabled + .magritte-radio___diMe7_4-0-0{
426
+ .magritte-radio-input___-IM3Y_4-0-2:disabled + .magritte-radio___diMe7_4-0-2{
427
427
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0);
428
428
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0);
429
429
  }
430
- .magritte-radio-input___-IM3Y_4-0-0:disabled ~ .magritte-icon-wrapper___ASC7R_4-0-0{
430
+ .magritte-radio-input___-IM3Y_4-0-2:disabled ~ .magritte-icon-wrapper___ASC7R_4-0-2{
431
431
  opacity:0;
432
432
  }
433
- .magritte-radio-input___-IM3Y_4-0-0:disabled:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) + .magritte-radio___diMe7_4-0-0,
434
- .magritte-radio-input-checked___eYMcP_4-0-0:disabled + .magritte-radio___diMe7_4-0-0{
433
+ .magritte-radio-input___-IM3Y_4-0-2:disabled:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) + .magritte-radio___diMe7_4-0-2,
434
+ .magritte-radio-input-checked___eYMcP_4-0-2:disabled + .magritte-radio___diMe7_4-0-2{
435
435
  background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-1-0);
436
436
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0);
437
437
  }
438
- .magritte-radio-input___-IM3Y_4-0-0:disabled:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) ~ .magritte-icon-wrapper___ASC7R_4-0-0,
439
- .magritte-radio-input-checked___eYMcP_4-0-0:disabled ~ .magritte-icon-wrapper___ASC7R_4-0-0{
438
+ .magritte-radio-input___-IM3Y_4-0-2:disabled:checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) ~ .magritte-icon-wrapper___ASC7R_4-0-2,
439
+ .magritte-radio-input-checked___eYMcP_4-0-2:disabled ~ .magritte-icon-wrapper___ASC7R_4-0-2{
440
440
  opacity:1;
441
441
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0);
442
442
  }
443
443
  @media (min-width: 1020px){
444
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-radio___diMe7_4-0-0{
444
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-radio___diMe7_4-0-2{
445
445
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
446
446
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
447
447
  }
448
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_4-0-0{
448
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_4-0-2{
449
449
  opacity:1;
450
450
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
451
451
  }
452
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) + .magritte-radio___diMe7_4-0-0,
453
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-0 + .magritte-radio___diMe7_4-0-0{
452
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) + .magritte-radio___diMe7_4-0-2,
453
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-2 + .magritte-radio___diMe7_4-0-2{
454
454
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
455
455
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
456
456
  }
457
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) ~ .magritte-icon-wrapper___ASC7R_4-0-0,
458
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-0 ~ .magritte-icon-wrapper___ASC7R_4-0-0{
457
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) ~ .magritte-icon-wrapper___ASC7R_4-0-2,
458
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-2 ~ .magritte-icon-wrapper___ASC7R_4-0-2{
459
459
  opacity:1;
460
460
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
461
461
  }
462
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0{
462
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-2{
463
463
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
464
464
  }
465
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0 + .magritte-radio___diMe7_4-0-0{
465
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-2 + .magritte-radio___diMe7_4-0-2{
466
466
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
467
467
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
468
468
  }
469
- body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0 ~ .magritte-icon-wrapper___ASC7R_4-0-0{
469
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-2 ~ .magritte-icon-wrapper___ASC7R_4-0-2{
470
470
  opacity:1;
471
471
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
472
472
  }
473
473
  }
474
474
  @media (min-width: 1024px){
475
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-radio___diMe7_4-0-0{
475
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-radio___diMe7_4-0-2{
476
476
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
477
477
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
478
478
  }
479
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_4-0-0{
479
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_4-0-2{
480
480
  opacity:1;
481
481
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
482
482
  }
483
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) + .magritte-radio___diMe7_4-0-0,
484
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-0 + .magritte-radio___diMe7_4-0-0{
483
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) + .magritte-radio___diMe7_4-0-2,
484
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-2 + .magritte-radio___diMe7_4-0-2{
485
485
  background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
486
486
  border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
487
487
  }
488
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-0) ~ .magritte-icon-wrapper___ASC7R_4-0-0,
489
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-0 ~ .magritte-icon-wrapper___ASC7R_4-0-0{
488
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_4-0-2) ~ .magritte-icon-wrapper___ASC7R_4-0-2,
489
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled).magritte-radio-input-checked___eYMcP_4-0-2 ~ .magritte-icon-wrapper___ASC7R_4-0-2{
490
490
  opacity:1;
491
491
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
492
492
  }
493
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0{
493
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-2{
494
494
  border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
495
495
  }
496
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0 + .magritte-radio___diMe7_4-0-0{
496
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-2 + .magritte-radio___diMe7_4-0-2{
497
497
  background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
498
498
  border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
499
499
  }
500
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0 ~ .magritte-icon-wrapper___ASC7R_4-0-0{
500
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-2:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-2 ~ .magritte-icon-wrapper___ASC7R_4-0-2{
501
501
  opacity:1;
502
502
  --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
503
503
  }
504
504
  }
505
- .magritte-radio___diMe7_4-0-0{
505
+ .magritte-radio___diMe7_4-0-2{
506
506
  border-radius:50%;
507
507
  }
508
- .magritte-radio-skeleton-container___GjZez_4-0-0{
508
+ .magritte-radio-skeleton-container___GjZez_4-0-2{
509
509
  display:inline-flex;
510
510
  align-items:center;
511
511
  justify-content:center;
512
512
  width:24px;
513
513
  height:24px;
514
514
  }
515
- .magritte-radio-skeleton___9TSLy_4-0-0{
515
+ .magritte-radio-skeleton___9TSLy_4-0-2{
516
516
  width:20px;
517
517
  height:20px;
518
518
  border-radius:50%;
package/index.js CHANGED
@@ -6,9 +6,9 @@ import 'react/jsx-runtime';
6
6
  import 'react';
7
7
  import 'classnames';
8
8
  import '@hh.ru/magritte-common-use-disabled';
9
- import './CheckboxSkeleton-BUOVRxrd.js';
9
+ import './CheckboxSkeleton-DX-sKchE.js';
10
10
  import '@hh.ru/magritte-common-use-loading-state';
11
11
  import '@hh.ru/magritte-ui-skeleton';
12
12
  import '@hh.ru/magritte-ui-icon/variants/private';
13
- import './RadioSkeleton-BS_BuOAm.js';
13
+ import './RadioSkeleton-BDT3VW5h.js';
14
14
  //# 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": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,8 +23,8 @@
23
23
  "@hh.ru/magritte-common-use-loading-state": "1.0.8",
24
24
  "@hh.ru/magritte-design-tokens": "22.1.0",
25
25
  "@hh.ru/magritte-types": "5.0.4",
26
- "@hh.ru/magritte-ui-breakpoint": "5.0.3",
27
- "@hh.ru/magritte-ui-icon": "12.0.0",
26
+ "@hh.ru/magritte-ui-breakpoint": "6.0.0",
27
+ "@hh.ru/magritte-ui-icon": "12.1.0",
28
28
  "@hh.ru/magritte-ui-skeleton": "3.0.0"
29
29
  },
30
30
  "peerDependencies": {
@@ -34,5 +34,5 @@
34
34
  "publishConfig": {
35
35
  "access": "public"
36
36
  },
37
- "gitHead": "a823b2d582e812bf99b5fdf32058a93eaa59076b"
37
+ "gitHead": "84be7fb81c268510672bdaa32f856319f7022df8"
38
38
  }
package/CheckboxSkeleton-BUOVRxrd.js DELETED
@@ -1,19 +0,0 @@
1
- import './index.css';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
4
- import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
5
-
6
- var styles = {"checkbox-container":"magritte-checkbox-container___3QIIQ_4-0-0","checkboxContainer":"magritte-checkbox-container___3QIIQ_4-0-0","checkbox-input":"magritte-checkbox-input___Y41Ta_4-0-0","checkboxInput":"magritte-checkbox-input___Y41Ta_4-0-0","checkbox":"magritte-checkbox___xQHy4_4-0-0","icon-wrapper":"magritte-icon-wrapper___li18-_4-0-0","iconWrapper":"magritte-icon-wrapper___li18-_4-0-0","checkbox-input-unchecked":"magritte-checkbox-input-unchecked___Mupry_4-0-0","checkboxInputUnchecked":"magritte-checkbox-input-unchecked___Mupry_4-0-0","checkbox-input-checked":"magritte-checkbox-input-checked___8CrvA_4-0-0","checkboxInputChecked":"magritte-checkbox-input-checked___8CrvA_4-0-0","invalid":"magritte-invalid___6k7qT_4-0-0","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_4-0-0","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_4-0-0","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_4-0-0","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_4-0-0","icon":"magritte-icon___q1TLo_4-0-0","iconHidden":"magritte-iconHidden___Sb3FQ_4-0-0"};
7
-
8
- const CheckboxSkeleton = ({ Component: Checkbox,
9
- // skeleton props
10
- width, height, borderRadius, inline, additionalClass, loading, ...checkboxProps }) => {
11
- const isLoading = useLoadingState() || loading;
12
- if (isLoading) {
13
- return (jsx("div", { className: styles.checkboxSkeletonContainer, children: jsx(Skeleton, { loading: true, additionalClass: styles.checkboxSkeleton }) }));
14
- }
15
- return jsx(Checkbox, { ...checkboxProps });
16
- };
17
-
18
- export { CheckboxSkeleton as C, styles as s };
19
- //# sourceMappingURL=CheckboxSkeleton-BUOVRxrd.js.map