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

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