@hh.ru/magritte-ui-checkbox-radio 3.0.49 → 3.0.50

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