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

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 (15) hide show
  1. package/Checkbox.js +1 -1
  2. package/CheckboxSkeleton-BUOVRxrd.js +19 -0
  3. package/{CheckboxSkeleton--GOerAWg.js.map → CheckboxSkeleton-BUOVRxrd.js.map} +1 -1
  4. package/CheckboxSkeleton.js +1 -1
  5. package/Radio.js +1 -1
  6. package/RadioSkeleton-BS_BuOAm.js +19 -0
  7. package/{RadioSkeleton-C3Ks4DCR.js.map → RadioSkeleton-BS_BuOAm.js.map} +1 -1
  8. package/RadioSkeleton.js +1 -1
  9. package/index.css +312 -270
  10. package/index.d.ts +0 -1
  11. package/index.js +2 -3
  12. package/index.js.map +1 -1
  13. package/package.json +5 -6
  14. package/CheckboxSkeleton--GOerAWg.js +0 -19
  15. package/RadioSkeleton-C3Ks4DCR.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--GOerAWg.js';
6
+ import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-BUOVRxrd.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-BUOVRxrd.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-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
package/{CheckboxSkeleton--GOerAWg.js.map → CheckboxSkeleton-BUOVRxrd.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSkeleton--GOerAWg.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-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;;;;"}
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--GOerAWg.js';
5
+ export { C as CheckboxSkeleton } from './CheckboxSkeleton-BUOVRxrd.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-C3Ks4DCR.js';
5
+ import { R as RadioSkeleton, s as styles } from './RadioSkeleton-BS_BuOAm.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 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 = {"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"};
7
+
8
+ const RadioSkeleton = ({ Component: Radio,
9
+ // skeleton props
10
+ width, height, borderRadius, inline, additionalClass, loading, ...radioProps }) => {
11
+ const isLoading = useLoadingState() || loading;
12
+ if (isLoading) {
13
+ return (jsx("div", { className: styles.radioSkeletonContainer, children: jsx(Skeleton, { additionalClass: styles.radioSkeleton, loading: isLoading }) }));
14
+ }
15
+ return jsx(Radio, { ...radioProps });
16
+ };
17
+
18
+ export { RadioSkeleton as R, styles as s };
19
+ //# sourceMappingURL=RadioSkeleton-BS_BuOAm.js.map
package/{RadioSkeleton-C3Ks4DCR.js.map → RadioSkeleton-BS_BuOAm.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSkeleton-C3Ks4DCR.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-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;;;;"}
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-C3Ks4DCR.js';
5
+ export { R as RadioSkeleton } from './RadioSkeleton-BS_BuOAm.js';
6
6
  //# sourceMappingURL=RadioSkeleton.js.map
package/index.css CHANGED
@@ -1,51 +1,72 @@
1
1
  :root{
2
- --magritte-color-component-checkable-background-unchecked-v22-0-0:#ffffff;
3
- --magritte-color-component-checkable-background-checked-v22-0-0:#0070ff;
4
- --magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0:#ffffff;
5
- --magritte-color-component-checkable-background-state-unchecked-disabled-v22-0-0:#ffffff;
6
- --magritte-color-component-checkable-background-state-checked-hovered-v22-0-0:#2b7fff;
7
- --magritte-color-component-checkable-background-state-checked-disabled-v22-0-0:#CCD5DF;
8
- --magritte-color-component-checkable-stroke-unchecked-v22-0-0:#DCE3EB;
9
- --magritte-color-component-checkable-stroke-checked-v22-0-0:#0070ff;
10
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0:#CCD5DF;
11
- --magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0:#2b7fff;
12
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-0-0:#EEF1F7;
13
- --magritte-color-component-checkable-stroke-state-checked-disabled-v22-0-0:#CCD5DF;
14
- --magritte-color-component-checkable-stroke-state-invalid-v22-0-0:#ff4d3a;
15
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-0-0:#ff4d3a7a;
16
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-0-0:#0070ff7a;
17
- --magritte-color-component-checkable-icon-checked-v22-0-0:#ffffff;
18
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0:#EEF1F7;
19
- --magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0:#ffffff;
20
- --magritte-color-component-checkable-icon-state-checked-disabled-v22-0-0:#ffffff;
2
+ --magritte-color-component-checkable-background-unchecked-v22-1-0:#ffffff;
3
+ --magritte-color-component-checkable-background-checked-v22-1-0:#0070ff;
4
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0:#ffffff;
5
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0:#ffffff;
6
+ --magritte-color-component-checkable-background-state-checked-hovered-v22-1-0:#2b7fff;
7
+ --magritte-color-component-checkable-background-state-checked-disabled-v22-1-0:#CCD5DF;
8
+ --magritte-color-component-checkable-stroke-unchecked-v22-1-0:#DCE3EB;
9
+ --magritte-color-component-checkable-stroke-checked-v22-1-0:#0070ff;
10
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0:#CCD5DF;
11
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0:#2b7fff;
12
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0:#EEF1F7;
13
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0:#CCD5DF;
14
+ --magritte-color-component-checkable-stroke-state-invalid-v22-1-0:#ff4d3a;
15
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
16
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
17
+ --magritte-color-component-checkable-icon-checked-v22-1-0:#ffffff;
18
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0:#EEF1F7;
19
+ --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#ffffff;
20
+ --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#ffffff;
21
21
  }
22
22
  :root{
23
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
24
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-0-0:200ms;
25
- --magritte-core-border-radius-1-x-v22-0-0:4px;
23
+ --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
24
+ --magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0:200ms;
25
+ --magritte-core-border-radius-1-x-v22-1-0:4px;
26
26
  }
27
27
  .magritte-night-theme{
28
- --magritte-color-component-checkable-background-unchecked-v22-0-0:#1B1B1B;
29
- --magritte-color-component-checkable-background-checked-v22-0-0:#2b7fff;
30
- --magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0:#262626;
31
- --magritte-color-component-checkable-background-state-unchecked-disabled-v22-0-0:#1B1B1B;
32
- --magritte-color-component-checkable-background-state-checked-hovered-v22-0-0:#468ffd;
33
- --magritte-color-component-checkable-background-state-checked-disabled-v22-0-0:#303030;
34
- --magritte-color-component-checkable-stroke-unchecked-v22-0-0:#303030;
35
- --magritte-color-component-checkable-stroke-checked-v22-0-0:#2b7fff;
36
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0:#3B3B3B;
37
- --magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0:#468ffd;
38
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-0-0:#303030;
39
- --magritte-color-component-checkable-stroke-state-checked-disabled-v22-0-0:#303030;
40
- --magritte-color-component-checkable-stroke-state-invalid-v22-0-0:#ff4d3a;
41
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-0-0:#ff4d3a7a;
42
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-0-0:#0070ff7a;
43
- --magritte-color-component-checkable-icon-checked-v22-0-0:#ffffff;
44
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0:#303030;
45
- --magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0:#ffffff;
46
- --magritte-color-component-checkable-icon-state-checked-disabled-v22-0-0:#919191;
47
- }
48
- .magritte-checkbox-container___3QIIQ_3-0-63{
28
+ --magritte-color-component-checkable-background-unchecked-v22-1-0:#1B1B1B;
29
+ --magritte-color-component-checkable-background-checked-v22-1-0:#2b7fff;
30
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0:#262626;
31
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0:#1B1B1B;
32
+ --magritte-color-component-checkable-background-state-checked-hovered-v22-1-0:#468ffd;
33
+ --magritte-color-component-checkable-background-state-checked-disabled-v22-1-0:#303030;
34
+ --magritte-color-component-checkable-stroke-unchecked-v22-1-0:#303030;
35
+ --magritte-color-component-checkable-stroke-checked-v22-1-0:#2b7fff;
36
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0:#3B3B3B;
37
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0:#468ffd;
38
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0:#303030;
39
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0:#303030;
40
+ --magritte-color-component-checkable-stroke-state-invalid-v22-1-0:#ff4d3a;
41
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
42
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
43
+ --magritte-color-component-checkable-icon-checked-v22-1-0:#ffffff;
44
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0:#303030;
45
+ --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#ffffff;
46
+ --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#919191;
47
+ }
48
+ .magritte-zp-day-theme{
49
+ --magritte-color-component-checkable-background-unchecked-v22-1-0:#ffffff;
50
+ --magritte-color-component-checkable-background-checked-v22-1-0:#FFE000;
51
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0:#ffffff;
52
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0:#ffffff;
53
+ --magritte-color-component-checkable-background-state-checked-hovered-v22-1-0:#FFEC66;
54
+ --magritte-color-component-checkable-background-state-checked-disabled-v22-1-0:#CCD5DF;
55
+ --magritte-color-component-checkable-stroke-unchecked-v22-1-0:#DCE3EB;
56
+ --magritte-color-component-checkable-stroke-checked-v22-1-0:#FFE000;
57
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0:#CCD5DF;
58
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0:#FFEC66;
59
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0:#EEF1F7;
60
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0:#CCD5DF;
61
+ --magritte-color-component-checkable-stroke-state-invalid-v22-1-0:#ff4d3a;
62
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
63
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
64
+ --magritte-color-component-checkable-icon-checked-v22-1-0:#000000;
65
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0:#EEF1F7;
66
+ --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#000000;
67
+ --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#96aabb;
68
+ }
69
+ .magritte-checkbox-container___3QIIQ_4-0-0{
49
70
  position:relative;
50
71
  display:inline-flex;
51
72
  align-items:center;
@@ -56,7 +77,7 @@
56
77
  user-select:none;
57
78
  -webkit-user-select:none;
58
79
  }
59
- .magritte-checkbox-input___Y41Ta_3-0-63{
80
+ .magritte-checkbox-input___Y41Ta_4-0-0{
60
81
  cursor:inherit;
61
82
  position:absolute;
62
83
  opacity:0;
@@ -68,24 +89,24 @@
68
89
  padding:0;
69
90
  z-index:1;
70
91
  }
71
- .magritte-checkbox-input___Y41Ta_3-0-63.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_3-0-63{
72
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-0-0);
92
+ .magritte-checkbox-input___Y41Ta_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_4-0-0{
93
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0);
73
94
  }
74
- .magritte-checkbox___xQHy4_3-0-63{
95
+ .magritte-checkbox___xQHy4_4-0-0{
75
96
  width:20px;
76
97
  height:20px;
77
- background-color:var(--magritte-color-component-checkable-background-unchecked-v22-0-0);
78
- border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v22-0-0);
98
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
99
+ border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v22-1-0);
79
100
  box-sizing:border-box;
80
- border-radius:var(--magritte-core-border-radius-1-x-v22-0-0);
101
+ border-radius:var(--magritte-core-border-radius-1-x-v22-1-0);
81
102
  display:flex;
82
103
  align-items:center;
83
104
  justify-content:center;
84
105
  transition-property:background-color, border-color;
85
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-0-0);
86
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-0-0);
106
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
107
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
87
108
  }
88
- .magritte-icon-wrapper___li18-_3-0-63{
109
+ .magritte-icon-wrapper___li18-_4-0-0{
89
110
  position:absolute;
90
111
  display:flex;
91
112
  width:24px;
@@ -93,220 +114,241 @@
93
114
  justify-content:center;
94
115
  align-content:center;
95
116
  transition-property:opacity;
96
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-0-0);
97
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-0-0);
117
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
118
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
98
119
  opacity:0;
99
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
120
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
100
121
  }
101
- .magritte-checkbox-input___Y41Ta_3-0-63:checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) + .magritte-checkbox___xQHy4_3-0-63,
102
- .magritte-checkbox-input-checked___8CrvA_3-0-63 + .magritte-checkbox___xQHy4_3-0-63{
103
- background-color:var(--magritte-color-component-checkable-background-checked-v22-0-0);
104
- border-color:var(--magritte-color-component-checkable-stroke-checked-v22-0-0);
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{
124
+ background-color:var(--magritte-color-component-checkable-background-checked-v22-1-0);
125
+ border-color:var(--magritte-color-component-checkable-stroke-checked-v22-1-0);
105
126
  }
106
- .magritte-checkbox-input___Y41Ta_3-0-63:checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) ~ .magritte-icon-wrapper___li18-_3-0-63,
107
- .magritte-checkbox-input-checked___8CrvA_3-0-63 ~ .magritte-icon-wrapper___li18-_3-0-63{
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{
108
129
  opacity:1;
109
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-0-0);
130
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-1-0);
110
131
  }
111
- .magritte-checkbox-input___Y41Ta_3-0-63 + .magritte-invalid___6k7qT_3-0-63{
112
- background-color:var(--magritte-color-component-checkable-background-unchecked-v22-0-0);
113
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
132
+ .magritte-checkbox-input___Y41Ta_4-0-0 + .magritte-invalid___6k7qT_4-0-0{
133
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
134
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
114
135
  }
115
- .magritte-checkbox-input___Y41Ta_3-0-63.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_3-0-63{
116
- background-color:var(--magritte-color-component-checkable-background-unchecked-v22-0-0);
117
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
118
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-0-0);
136
+ .magritte-checkbox-input___Y41Ta_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_4-0-0{
137
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
138
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
139
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0);
119
140
  }
120
- .magritte-checkbox-input___Y41Ta_3-0-63:disabled{
141
+ .magritte-checkbox-input___Y41Ta_4-0-0:disabled{
121
142
  cursor:not-allowed;
122
143
  }
123
- .magritte-checkbox-input___Y41Ta_3-0-63:disabled + .magritte-checkbox___xQHy4_3-0-63{
124
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v22-0-0);
125
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-0-0);
144
+ .magritte-checkbox-input___Y41Ta_4-0-0:disabled + .magritte-checkbox___xQHy4_4-0-0{
145
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0);
146
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0);
126
147
  }
127
- .magritte-checkbox-input___Y41Ta_3-0-63:disabled ~ .magritte-icon-wrapper___li18-_3-0-63{
148
+ .magritte-checkbox-input___Y41Ta_4-0-0:disabled ~ .magritte-icon-wrapper___li18-_4-0-0{
128
149
  opacity:0;
129
150
  }
130
- .magritte-checkbox-input___Y41Ta_3-0-63:disabled:checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) + .magritte-checkbox___xQHy4_3-0-63,
131
- .magritte-checkbox-input-checked___8CrvA_3-0-63:disabled + .magritte-checkbox___xQHy4_3-0-63{
132
- background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-0-0);
133
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-0-0);
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{
153
+ background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-1-0);
154
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0);
134
155
  }
135
- .magritte-checkbox-input___Y41Ta_3-0-63:disabled:checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) ~ .magritte-icon-wrapper___li18-_3-0-63,
136
- .magritte-checkbox-input-checked___8CrvA_3-0-63:disabled ~ .magritte-icon-wrapper___li18-_3-0-63{
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{
137
158
  opacity:1;
138
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-0-0);
159
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0);
139
160
  }
140
161
  @media (min-width: 1020px){
141
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-63{
142
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
143
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
162
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_4-0-0{
163
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
164
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
144
165
  }
145
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_3-0-63{
166
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_4-0-0{
146
167
  opacity:1;
147
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
168
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
148
169
  }
149
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) + .magritte-checkbox___xQHy4_3-0-63,
150
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_3-0-63 + .magritte-checkbox___xQHy4_3-0-63{
151
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-0-0);
152
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0);
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{
172
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
173
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
153
174
  }
154
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) ~ .magritte-icon-wrapper___li18-_3-0-63,
155
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_3-0-63 ~ .magritte-icon-wrapper___li18-_3-0-63{
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{
156
177
  opacity:1;
157
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0);
178
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
158
179
  }
159
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-63{
160
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
180
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0{
181
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
161
182
  }
162
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-63 + .magritte-checkbox___xQHy4_3-0-63{
163
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
164
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
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{
184
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
185
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
165
186
  }
166
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-63 ~ .magritte-icon-wrapper___li18-_3-0-63{
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{
167
188
  opacity:1;
168
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
189
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
169
190
  }
170
191
  }
171
192
  @media (min-width: 1024px){
172
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-checkbox___xQHy4_3-0-63{
173
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
174
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
193
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_4-0-0{
194
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
195
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
175
196
  }
176
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_3-0-63{
197
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___li18-_4-0-0{
177
198
  opacity:1;
178
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
199
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
179
200
  }
180
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) + .magritte-checkbox___xQHy4_3-0-63,
181
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_3-0-63 + .magritte-checkbox___xQHy4_3-0-63{
182
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-0-0);
183
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0);
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{
203
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
204
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
184
205
  }
185
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):checked:not(.magritte-checkbox-input-unchecked___Mupry_3-0-63) ~ .magritte-icon-wrapper___li18-_3-0-63,
186
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled).magritte-checkbox-input-checked___8CrvA_3-0-63 ~ .magritte-icon-wrapper___li18-_3-0-63{
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{
187
208
  opacity:1;
188
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0);
209
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
189
210
  }
190
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-63{
191
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
211
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled) + .magritte-invalid___6k7qT_4-0-0{
212
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
192
213
  }
193
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-63 + .magritte-checkbox___xQHy4_3-0-63{
194
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
195
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
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{
215
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
216
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
196
217
  }
197
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled) + .magritte-invalid___6k7qT_3-0-63 ~ .magritte-icon-wrapper___li18-_3-0-63{
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{
198
219
  opacity:1;
199
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
220
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
200
221
  }
201
222
  }
202
- .magritte-checkbox-input___Y41Ta_3-0-63:indeterminate + .magritte-checkbox___xQHy4_3-0-63{
203
- background-color:var(--magritte-color-component-checkable-background-checked-v22-0-0);
204
- border-color:var(--magritte-color-component-checkable-stroke-checked-v22-0-0);
223
+ .magritte-checkbox-input___Y41Ta_4-0-0:indeterminate + .magritte-checkbox___xQHy4_4-0-0{
224
+ background-color:var(--magritte-color-component-checkable-background-checked-v22-1-0);
225
+ border-color:var(--magritte-color-component-checkable-stroke-checked-v22-1-0);
205
226
  }
206
- .magritte-checkbox-input___Y41Ta_3-0-63:indeterminate ~ .magritte-icon-wrapper___li18-_3-0-63{
227
+ .magritte-checkbox-input___Y41Ta_4-0-0:indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
207
228
  opacity:1;
208
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-0-0);
229
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-1-0);
209
230
  }
210
- .magritte-checkbox-input___Y41Ta_3-0-63:disabled:indeterminate + .magritte-checkbox___xQHy4_3-0-63{
211
- background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-0-0);
212
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-0-0);
231
+ .magritte-checkbox-input___Y41Ta_4-0-0:disabled:indeterminate + .magritte-checkbox___xQHy4_4-0-0{
232
+ background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-1-0);
233
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0);
213
234
  }
214
- .magritte-checkbox-input___Y41Ta_3-0-63:disabled:indeterminate ~ .magritte-icon-wrapper___li18-_3-0-63{
235
+ .magritte-checkbox-input___Y41Ta_4-0-0:disabled:indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
215
236
  opacity:1;
216
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-0-0);
237
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0);
217
238
  }
218
239
  @media (min-width: 1020px){
219
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_3-0-63{
220
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-0-0);
221
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0);
240
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_4-0-0{
241
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
242
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
222
243
  }
223
- body.magritte-old-layout .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_3-0-63{
244
+ body.magritte-old-layout .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
224
245
  opacity:1;
225
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0);
246
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
226
247
  }
227
248
  }
228
249
  @media (min-width: 1024px){
229
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_3-0-63{
230
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-0-0);
231
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0);
250
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate + .magritte-checkbox___xQHy4_4-0-0{
251
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
252
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
232
253
  }
233
- body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_3-0-63:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_3-0-63{
254
+ body:not(.magritte-old-layout) .magritte-checkbox-input___Y41Ta_4-0-0:hover:not(:disabled):indeterminate ~ .magritte-icon-wrapper___li18-_4-0-0{
234
255
  opacity:1;
235
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0);
256
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
236
257
  }
237
258
  }
238
- .magritte-checkbox-skeleton-container___4uNYP_3-0-63{
259
+ .magritte-checkbox-skeleton-container___4uNYP_4-0-0{
239
260
  display:inline-flex;
240
261
  align-items:center;
241
262
  justify-content:center;
242
263
  width:24px;
243
264
  height:24px;
244
265
  }
245
- .magritte-checkbox-skeleton___uo6u7_3-0-63{
266
+ .magritte-checkbox-skeleton___uo6u7_4-0-0{
246
267
  width:20px;
247
268
  height:20px;
248
- border-radius:var(--magritte-core-border-radius-1-x-v22-0-0);
269
+ border-radius:var(--magritte-core-border-radius-1-x-v22-1-0);
249
270
  }
250
- .magritte-icon___q1TLo_3-0-63{
271
+ .magritte-icon___q1TLo_4-0-0{
251
272
  opacity:1;
252
273
  position:absolute;
253
274
  line-height:0;
254
275
  transition-property:opacity;
255
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-0-0);
256
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-0-0);
276
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
277
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
257
278
  }
258
- .magritte-icon___q1TLo_3-0-63.magritte-iconHidden___Sb3FQ_3-0-63{
279
+ .magritte-icon___q1TLo_4-0-0.magritte-iconHidden___Sb3FQ_4-0-0{
259
280
  opacity:0;
260
281
  }
261
282
 
262
283
  :root{
263
- --magritte-color-component-checkable-background-unchecked-v22-0-0:#ffffff;
264
- --magritte-color-component-checkable-background-checked-v22-0-0:#0070ff;
265
- --magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0:#ffffff;
266
- --magritte-color-component-checkable-background-state-unchecked-disabled-v22-0-0:#ffffff;
267
- --magritte-color-component-checkable-background-state-checked-hovered-v22-0-0:#2b7fff;
268
- --magritte-color-component-checkable-background-state-checked-disabled-v22-0-0:#CCD5DF;
269
- --magritte-color-component-checkable-stroke-unchecked-v22-0-0:#DCE3EB;
270
- --magritte-color-component-checkable-stroke-checked-v22-0-0:#0070ff;
271
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0:#CCD5DF;
272
- --magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0:#2b7fff;
273
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-0-0:#EEF1F7;
274
- --magritte-color-component-checkable-stroke-state-checked-disabled-v22-0-0:#CCD5DF;
275
- --magritte-color-component-checkable-stroke-state-invalid-v22-0-0:#ff4d3a;
276
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-0-0:#ff4d3a7a;
277
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-0-0:#0070ff7a;
278
- --magritte-color-component-checkable-icon-checked-v22-0-0:#ffffff;
279
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0:#EEF1F7;
280
- --magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0:#ffffff;
281
- --magritte-color-component-checkable-icon-state-checked-disabled-v22-0-0:#ffffff;
284
+ --magritte-color-component-checkable-background-unchecked-v22-1-0:#ffffff;
285
+ --magritte-color-component-checkable-background-checked-v22-1-0:#0070ff;
286
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0:#ffffff;
287
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0:#ffffff;
288
+ --magritte-color-component-checkable-background-state-checked-hovered-v22-1-0:#2b7fff;
289
+ --magritte-color-component-checkable-background-state-checked-disabled-v22-1-0:#CCD5DF;
290
+ --magritte-color-component-checkable-stroke-unchecked-v22-1-0:#DCE3EB;
291
+ --magritte-color-component-checkable-stroke-checked-v22-1-0:#0070ff;
292
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0:#CCD5DF;
293
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0:#2b7fff;
294
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0:#EEF1F7;
295
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0:#CCD5DF;
296
+ --magritte-color-component-checkable-stroke-state-invalid-v22-1-0:#ff4d3a;
297
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
298
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
299
+ --magritte-color-component-checkable-icon-checked-v22-1-0:#ffffff;
300
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0:#EEF1F7;
301
+ --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#ffffff;
302
+ --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#ffffff;
282
303
  }
283
304
  :root{
284
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-0-0:cubic-bezier(0.25, 0.1, 0.25, 1);
285
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-0-0:200ms;
286
- --magritte-core-border-radius-1-x-v22-0-0:4px;
305
+ --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0:cubic-bezier(0.25, 0.1, 0.25, 1);
306
+ --magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0:200ms;
307
+ --magritte-core-border-radius-1-x-v22-1-0:4px;
287
308
  }
288
309
  .magritte-night-theme{
289
- --magritte-color-component-checkable-background-unchecked-v22-0-0:#1B1B1B;
290
- --magritte-color-component-checkable-background-checked-v22-0-0:#2b7fff;
291
- --magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0:#262626;
292
- --magritte-color-component-checkable-background-state-unchecked-disabled-v22-0-0:#1B1B1B;
293
- --magritte-color-component-checkable-background-state-checked-hovered-v22-0-0:#468ffd;
294
- --magritte-color-component-checkable-background-state-checked-disabled-v22-0-0:#303030;
295
- --magritte-color-component-checkable-stroke-unchecked-v22-0-0:#303030;
296
- --magritte-color-component-checkable-stroke-checked-v22-0-0:#2b7fff;
297
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0:#3B3B3B;
298
- --magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0:#468ffd;
299
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-0-0:#303030;
300
- --magritte-color-component-checkable-stroke-state-checked-disabled-v22-0-0:#303030;
301
- --magritte-color-component-checkable-stroke-state-invalid-v22-0-0:#ff4d3a;
302
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-0-0:#ff4d3a7a;
303
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-0-0:#0070ff7a;
304
- --magritte-color-component-checkable-icon-checked-v22-0-0:#ffffff;
305
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0:#303030;
306
- --magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0:#ffffff;
307
- --magritte-color-component-checkable-icon-state-checked-disabled-v22-0-0:#919191;
308
- }
309
- .magritte-radio-container___4uMia_3-0-63{
310
+ --magritte-color-component-checkable-background-unchecked-v22-1-0:#1B1B1B;
311
+ --magritte-color-component-checkable-background-checked-v22-1-0:#2b7fff;
312
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0:#262626;
313
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0:#1B1B1B;
314
+ --magritte-color-component-checkable-background-state-checked-hovered-v22-1-0:#468ffd;
315
+ --magritte-color-component-checkable-background-state-checked-disabled-v22-1-0:#303030;
316
+ --magritte-color-component-checkable-stroke-unchecked-v22-1-0:#303030;
317
+ --magritte-color-component-checkable-stroke-checked-v22-1-0:#2b7fff;
318
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0:#3B3B3B;
319
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0:#468ffd;
320
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0:#303030;
321
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0:#303030;
322
+ --magritte-color-component-checkable-stroke-state-invalid-v22-1-0:#ff4d3a;
323
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
324
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
325
+ --magritte-color-component-checkable-icon-checked-v22-1-0:#ffffff;
326
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0:#303030;
327
+ --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#ffffff;
328
+ --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#919191;
329
+ }
330
+ .magritte-zp-day-theme{
331
+ --magritte-color-component-checkable-background-unchecked-v22-1-0:#ffffff;
332
+ --magritte-color-component-checkable-background-checked-v22-1-0:#FFE000;
333
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0:#ffffff;
334
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0:#ffffff;
335
+ --magritte-color-component-checkable-background-state-checked-hovered-v22-1-0:#FFEC66;
336
+ --magritte-color-component-checkable-background-state-checked-disabled-v22-1-0:#CCD5DF;
337
+ --magritte-color-component-checkable-stroke-unchecked-v22-1-0:#DCE3EB;
338
+ --magritte-color-component-checkable-stroke-checked-v22-1-0:#FFE000;
339
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0:#CCD5DF;
340
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0:#FFEC66;
341
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0:#EEF1F7;
342
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0:#CCD5DF;
343
+ --magritte-color-component-checkable-stroke-state-invalid-v22-1-0:#ff4d3a;
344
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0:#ff4d3a7a;
345
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0:#0070ff7a;
346
+ --magritte-color-component-checkable-icon-checked-v22-1-0:#000000;
347
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0:#EEF1F7;
348
+ --magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0:#000000;
349
+ --magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0:#96aabb;
350
+ }
351
+ .magritte-radio-container___4uMia_4-0-0{
310
352
  position:relative;
311
353
  display:inline-flex;
312
354
  align-items:center;
@@ -317,7 +359,7 @@
317
359
  user-select:none;
318
360
  -webkit-user-select:none;
319
361
  }
320
- .magritte-radio-input___-IM3Y_3-0-63{
362
+ .magritte-radio-input___-IM3Y_4-0-0{
321
363
  cursor:inherit;
322
364
  position:absolute;
323
365
  opacity:0;
@@ -329,24 +371,24 @@
329
371
  padding:0;
330
372
  z-index:1;
331
373
  }
332
- .magritte-radio-input___-IM3Y_3-0-63.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_3-0-63{
333
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-0-0);
374
+ .magritte-radio-input___-IM3Y_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_4-0-0{
375
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v22-1-0);
334
376
  }
335
- .magritte-radio___diMe7_3-0-63{
377
+ .magritte-radio___diMe7_4-0-0{
336
378
  width:20px;
337
379
  height:20px;
338
- background-color:var(--magritte-color-component-checkable-background-unchecked-v22-0-0);
339
- border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v22-0-0);
380
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
381
+ border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v22-1-0);
340
382
  box-sizing:border-box;
341
- border-radius:var(--magritte-core-border-radius-1-x-v22-0-0);
383
+ border-radius:var(--magritte-core-border-radius-1-x-v22-1-0);
342
384
  display:flex;
343
385
  align-items:center;
344
386
  justify-content:center;
345
387
  transition-property:background-color, border-color;
346
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-0-0);
347
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-0-0);
388
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
389
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
348
390
  }
349
- .magritte-icon-wrapper___ASC7R_3-0-63{
391
+ .magritte-icon-wrapper___ASC7R_4-0-0{
350
392
  position:absolute;
351
393
  display:flex;
352
394
  width:24px;
@@ -354,123 +396,123 @@
354
396
  justify-content:center;
355
397
  align-content:center;
356
398
  transition-property:opacity;
357
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-0-0);
358
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-0-0);
399
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v22-1-0);
400
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v22-1-0);
359
401
  opacity:0;
360
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
402
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
361
403
  }
362
- .magritte-radio-input___-IM3Y_3-0-63:checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) + .magritte-radio___diMe7_3-0-63,
363
- .magritte-radio-input-checked___eYMcP_3-0-63 + .magritte-radio___diMe7_3-0-63{
364
- background-color:var(--magritte-color-component-checkable-background-checked-v22-0-0);
365
- border-color:var(--magritte-color-component-checkable-stroke-checked-v22-0-0);
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{
406
+ background-color:var(--magritte-color-component-checkable-background-checked-v22-1-0);
407
+ border-color:var(--magritte-color-component-checkable-stroke-checked-v22-1-0);
366
408
  }
367
- .magritte-radio-input___-IM3Y_3-0-63:checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) ~ .magritte-icon-wrapper___ASC7R_3-0-63,
368
- .magritte-radio-input-checked___eYMcP_3-0-63 ~ .magritte-icon-wrapper___ASC7R_3-0-63{
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{
369
411
  opacity:1;
370
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-0-0);
412
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v22-1-0);
371
413
  }
372
- .magritte-radio-input___-IM3Y_3-0-63 + .magritte-invalid___1vONj_3-0-63{
373
- background-color:var(--magritte-color-component-checkable-background-unchecked-v22-0-0);
374
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
414
+ .magritte-radio-input___-IM3Y_4-0-0 + .magritte-invalid___1vONj_4-0-0{
415
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
416
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
375
417
  }
376
- .magritte-radio-input___-IM3Y_3-0-63.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_3-0-63{
377
- background-color:var(--magritte-color-component-checkable-background-unchecked-v22-0-0);
378
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
379
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-0-0);
418
+ .magritte-radio-input___-IM3Y_4-0-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_4-0-0{
419
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v22-1-0);
420
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
421
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v22-1-0);
380
422
  }
381
- .magritte-radio-input___-IM3Y_3-0-63:disabled{
423
+ .magritte-radio-input___-IM3Y_4-0-0:disabled{
382
424
  cursor:not-allowed;
383
425
  }
384
- .magritte-radio-input___-IM3Y_3-0-63:disabled + .magritte-radio___diMe7_3-0-63{
385
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v22-0-0);
386
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-0-0);
426
+ .magritte-radio-input___-IM3Y_4-0-0:disabled + .magritte-radio___diMe7_4-0-0{
427
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v22-1-0);
428
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v22-1-0);
387
429
  }
388
- .magritte-radio-input___-IM3Y_3-0-63:disabled ~ .magritte-icon-wrapper___ASC7R_3-0-63{
430
+ .magritte-radio-input___-IM3Y_4-0-0:disabled ~ .magritte-icon-wrapper___ASC7R_4-0-0{
389
431
  opacity:0;
390
432
  }
391
- .magritte-radio-input___-IM3Y_3-0-63:disabled:checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) + .magritte-radio___diMe7_3-0-63,
392
- .magritte-radio-input-checked___eYMcP_3-0-63:disabled + .magritte-radio___diMe7_3-0-63{
393
- background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-0-0);
394
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-0-0);
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{
435
+ background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v22-1-0);
436
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v22-1-0);
395
437
  }
396
- .magritte-radio-input___-IM3Y_3-0-63:disabled:checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) ~ .magritte-icon-wrapper___ASC7R_3-0-63,
397
- .magritte-radio-input-checked___eYMcP_3-0-63:disabled ~ .magritte-icon-wrapper___ASC7R_3-0-63{
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{
398
440
  opacity:1;
399
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-0-0);
441
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v22-1-0);
400
442
  }
401
443
  @media (min-width: 1020px){
402
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-radio___diMe7_3-0-63{
403
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
404
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
444
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-radio___diMe7_4-0-0{
445
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
446
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
405
447
  }
406
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_3-0-63{
448
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_4-0-0{
407
449
  opacity:1;
408
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
450
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
409
451
  }
410
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) + .magritte-radio___diMe7_3-0-63,
411
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled).magritte-radio-input-checked___eYMcP_3-0-63 + .magritte-radio___diMe7_3-0-63{
412
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-0-0);
413
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0);
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{
454
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
455
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
414
456
  }
415
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) ~ .magritte-icon-wrapper___ASC7R_3-0-63,
416
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled).magritte-radio-input-checked___eYMcP_3-0-63 ~ .magritte-icon-wrapper___ASC7R_3-0-63{
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{
417
459
  opacity:1;
418
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0);
460
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
419
461
  }
420
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-63{
421
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
462
+ body.magritte-old-layout .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0{
463
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
422
464
  }
423
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-63 + .magritte-radio___diMe7_3-0-63{
424
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
425
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
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{
466
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
467
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
426
468
  }
427
- body.magritte-old-layout .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-63 ~ .magritte-icon-wrapper___ASC7R_3-0-63{
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{
428
470
  opacity:1;
429
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
471
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
430
472
  }
431
473
  }
432
474
  @media (min-width: 1024px){
433
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-radio___diMe7_3-0-63{
434
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
435
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
475
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-radio___diMe7_4-0-0{
476
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
477
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
436
478
  }
437
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_3-0-63{
479
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) ~ .magritte-icon-wrapper___ASC7R_4-0-0{
438
480
  opacity:1;
439
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
481
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
440
482
  }
441
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) + .magritte-radio___diMe7_3-0-63,
442
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled).magritte-radio-input-checked___eYMcP_3-0-63 + .magritte-radio___diMe7_3-0-63{
443
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-0-0);
444
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-0-0);
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{
485
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v22-1-0);
486
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v22-1-0);
445
487
  }
446
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled):checked:not(.magritte-radio-input-unchecked___J-rPE_3-0-63) ~ .magritte-icon-wrapper___ASC7R_3-0-63,
447
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled).magritte-radio-input-checked___eYMcP_3-0-63 ~ .magritte-icon-wrapper___ASC7R_3-0-63{
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{
448
490
  opacity:1;
449
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-0-0);
491
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v22-1-0);
450
492
  }
451
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-63{
452
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-0-0);
493
+ body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_4-0-0:hover:not(:disabled) + .magritte-invalid___1vONj_4-0-0{
494
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v22-1-0);
453
495
  }
454
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-63 + .magritte-radio___diMe7_3-0-63{
455
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-0-0);
456
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-0-0);
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{
497
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v22-1-0);
498
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v22-1-0);
457
499
  }
458
- body:not(.magritte-old-layout) .magritte-radio-input___-IM3Y_3-0-63:hover:not(:disabled) + .magritte-invalid___1vONj_3-0-63 ~ .magritte-icon-wrapper___ASC7R_3-0-63{
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{
459
501
  opacity:1;
460
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-0-0);
502
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v22-1-0);
461
503
  }
462
504
  }
463
- .magritte-radio___diMe7_3-0-63{
505
+ .magritte-radio___diMe7_4-0-0{
464
506
  border-radius:50%;
465
507
  }
466
- .magritte-radio-skeleton-container___GjZez_3-0-63{
508
+ .magritte-radio-skeleton-container___GjZez_4-0-0{
467
509
  display:inline-flex;
468
510
  align-items:center;
469
511
  justify-content:center;
470
512
  width:24px;
471
513
  height:24px;
472
514
  }
473
- .magritte-radio-skeleton___9TSLy_3-0-63{
515
+ .magritte-radio-skeleton___9TSLy_4-0-0{
474
516
  width:20px;
475
517
  height:20px;
476
518
  border-radius:50%;
package/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  export * from '@hh.ru/magritte-ui-checkbox-radio/Checkbox';
2
2
  export * from '@hh.ru/magritte-ui-checkbox-radio/Radio';
3
3
  export * from '@hh.ru/magritte-ui-checkbox-radio/types';
4
- export * from '@hh.ru/magritte-ui-theme-provider';
package/index.js CHANGED
@@ -2,14 +2,13 @@ import './index.css';
2
2
  export { Checkbox } from './Checkbox.js';
3
3
  export { Radio } from './Radio.js';
4
4
  export { isCheckboxComponent, isRadioComponent } from './types.js';
5
- export * from '@hh.ru/magritte-ui-theme-provider';
6
5
  import 'react/jsx-runtime';
7
6
  import 'react';
8
7
  import 'classnames';
9
8
  import '@hh.ru/magritte-common-use-disabled';
10
- import './CheckboxSkeleton--GOerAWg.js';
9
+ import './CheckboxSkeleton-BUOVRxrd.js';
11
10
  import '@hh.ru/magritte-common-use-loading-state';
12
11
  import '@hh.ru/magritte-ui-skeleton';
13
12
  import '@hh.ru/magritte-ui-icon/variants/private';
14
- import './RadioSkeleton-C3Ks4DCR.js';
13
+ import './RadioSkeleton-BS_BuOAm.js';
15
14
  //# sourceMappingURL=index.js.map
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-checkbox-radio",
3
- "version": "3.0.63",
3
+ "version": "4.0.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,12 +21,11 @@
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-use-disabled": "1.0.12",
23
23
  "@hh.ru/magritte-common-use-loading-state": "1.0.8",
24
- "@hh.ru/magritte-design-tokens": "22.0.0",
24
+ "@hh.ru/magritte-design-tokens": "22.1.0",
25
25
  "@hh.ru/magritte-types": "5.0.4",
26
26
  "@hh.ru/magritte-ui-breakpoint": "5.0.3",
27
- "@hh.ru/magritte-ui-icon": "11.0.14",
28
- "@hh.ru/magritte-ui-skeleton": "2.1.37",
29
- "@hh.ru/magritte-ui-theme-provider": "1.1.51"
27
+ "@hh.ru/magritte-ui-icon": "12.0.0",
28
+ "@hh.ru/magritte-ui-skeleton": "3.0.0"
30
29
  },
31
30
  "peerDependencies": {
32
31
  "classnames": ">=2.3.2",
@@ -35,5 +34,5 @@
35
34
  "publishConfig": {
36
35
  "access": "public"
37
36
  },
38
- "gitHead": "d1596153195180eea9a2bef531e062520e5ac74b"
37
+ "gitHead": "a823b2d582e812bf99b5fdf32058a93eaa59076b"
39
38
  }
package/CheckboxSkeleton--GOerAWg.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_3-0-63","checkboxContainer":"magritte-checkbox-container___3QIIQ_3-0-63","checkbox-input":"magritte-checkbox-input___Y41Ta_3-0-63","checkboxInput":"magritte-checkbox-input___Y41Ta_3-0-63","checkbox":"magritte-checkbox___xQHy4_3-0-63","icon-wrapper":"magritte-icon-wrapper___li18-_3-0-63","iconWrapper":"magritte-icon-wrapper___li18-_3-0-63","checkbox-input-unchecked":"magritte-checkbox-input-unchecked___Mupry_3-0-63","checkboxInputUnchecked":"magritte-checkbox-input-unchecked___Mupry_3-0-63","checkbox-input-checked":"magritte-checkbox-input-checked___8CrvA_3-0-63","checkboxInputChecked":"magritte-checkbox-input-checked___8CrvA_3-0-63","invalid":"magritte-invalid___6k7qT_3-0-63","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_3-0-63","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_3-0-63","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_3-0-63","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_3-0-63","icon":"magritte-icon___q1TLo_3-0-63","iconHidden":"magritte-iconHidden___Sb3FQ_3-0-63"};
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--GOerAWg.js.map
package/RadioSkeleton-C3Ks4DCR.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 = {"radio-container":"magritte-radio-container___4uMia_3-0-63","radioContainer":"magritte-radio-container___4uMia_3-0-63","radio-input":"magritte-radio-input___-IM3Y_3-0-63","radioInput":"magritte-radio-input___-IM3Y_3-0-63","radio":"magritte-radio___diMe7_3-0-63","icon-wrapper":"magritte-icon-wrapper___ASC7R_3-0-63","iconWrapper":"magritte-icon-wrapper___ASC7R_3-0-63","radio-input-unchecked":"magritte-radio-input-unchecked___J-rPE_3-0-63","radioInputUnchecked":"magritte-radio-input-unchecked___J-rPE_3-0-63","radio-input-checked":"magritte-radio-input-checked___eYMcP_3-0-63","radioInputChecked":"magritte-radio-input-checked___eYMcP_3-0-63","invalid":"magritte-invalid___1vONj_3-0-63","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_3-0-63","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_3-0-63","radio-skeleton":"magritte-radio-skeleton___9TSLy_3-0-63","radioSkeleton":"magritte-radio-skeleton___9TSLy_3-0-63"};
7
-
8
- const RadioSkeleton = ({ Component: Radio,
9
- // skeleton props
10
- width, height, borderRadius, inline, additionalClass, loading, ...radioProps }) => {
11
- const isLoading = useLoadingState() || loading;
12
- if (isLoading) {
13
- return (jsx("div", { className: styles.radioSkeletonContainer, children: jsx(Skeleton, { additionalClass: styles.radioSkeleton, loading: isLoading }) }));
14
- }
15
- return jsx(Radio, { ...radioProps });
16
- };
17
-
18
- export { RadioSkeleton as R, styles as s };
19
- //# sourceMappingURL=RadioSkeleton-C3Ks4DCR.js.map