@hh.ru/magritte-ui-checkbox-radio 4.1.21 → 4.1.23

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