@hh.ru/magritte-ui-checkbox-radio 2.2.0 → 2.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/Checkbox.js +1 -1
  2. package/{CheckboxSkeleton-4e6bc72f.js → CheckboxSkeleton-9aa1ed5d.js} +2 -2
  3. package/{CheckboxSkeleton-4e6bc72f.js.map → CheckboxSkeleton-9aa1ed5d.js.map} +1 -1
  4. package/CheckboxSkeleton.js +1 -1
  5. package/Radio.js +1 -1
  6. package/{RadioSkeleton-94d4f852.js → RadioSkeleton-99664c4b.js} +2 -2
  7. package/{RadioSkeleton-94d4f852.js.map → RadioSkeleton-99664c4b.js.map} +1 -1
  8. package/RadioSkeleton.js +1 -1
  9. package/index.css +253 -253
  10. package/index.js +2 -2
  11. package/package.json +6 -6
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-4e6bc72f.js';
6
+ import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-9aa1ed5d.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-4e6bc72f.js → CheckboxSkeleton-9aa1ed5d.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 = {"checkbox_container":"magritte-checkbox_container___J-wPy_2-2-0","checkboxContainer":"magritte-checkbox_container___J-wPy_2-2-0","checkbox_input":"magritte-checkbox_input___tguDn_2-2-0","checkboxInput":"magritte-checkbox_input___tguDn_2-2-0","checkbox":"magritte-checkbox___xQHy4_2-2-0","icon_wrapper":"magritte-icon_wrapper___k96d9_2-2-0","iconWrapper":"magritte-icon_wrapper___k96d9_2-2-0","invalid":"magritte-invalid___6k7qT_2-2-0","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_2-2-0","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_2-2-0","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_2-2-0","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_2-2-0","icon":"magritte-icon___q1TLo_2-2-0","iconHidden":"magritte-iconHidden___Sb3FQ_2-2-0"};
6
+ var styles = {"checkbox_container":"magritte-checkbox_container___J-wPy_2-2-2","checkboxContainer":"magritte-checkbox_container___J-wPy_2-2-2","checkbox_input":"magritte-checkbox_input___tguDn_2-2-2","checkboxInput":"magritte-checkbox_input___tguDn_2-2-2","checkbox":"magritte-checkbox___xQHy4_2-2-2","icon_wrapper":"magritte-icon_wrapper___k96d9_2-2-2","iconWrapper":"magritte-icon_wrapper___k96d9_2-2-2","invalid":"magritte-invalid___6k7qT_2-2-2","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_2-2-2","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_2-2-2","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_2-2-2","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_2-2-2","icon":"magritte-icon___q1TLo_2-2-2","iconHidden":"magritte-iconHidden___Sb3FQ_2-2-2"};
7
7
 
8
8
  const CheckboxSkeleton = ({ Component: Checkbox,
9
9
  // skeleton props
@@ -16,4 +16,4 @@ width, height, borderRadius, inline, additionalClass, loading, ...checkboxProps
16
16
  };
17
17
 
18
18
  export { CheckboxSkeleton as C, styles as s };
19
- //# sourceMappingURL=CheckboxSkeleton-4e6bc72f.js.map
19
+ //# sourceMappingURL=CheckboxSkeleton-9aa1ed5d.js.map
package/{CheckboxSkeleton-4e6bc72f.js.map → CheckboxSkeleton-9aa1ed5d.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSkeleton-4e6bc72f.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;AAE/C,IAAA,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;AACL,KAAA;AACD,IAAA,OAAOA,GAAC,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,GAAI,CAAC;AAC3C;;;;"}
1
+ {"version":3,"file":"CheckboxSkeleton-9aa1ed5d.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;AAE/C,IAAA,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;AACL,KAAA;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-4e6bc72f.js';
5
+ export { C as CheckboxSkeleton } from './CheckboxSkeleton-9aa1ed5d.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-94d4f852.js';
5
+ import { R as RadioSkeleton, s as styles } from './RadioSkeleton-99664c4b.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-94d4f852.js → RadioSkeleton-99664c4b.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___FI0P7_2-2-0","radioContainer":"magritte-radio_container___FI0P7_2-2-0","radio_input":"magritte-radio_input___-puK7_2-2-0","radioInput":"magritte-radio_input___-puK7_2-2-0","radio":"magritte-radio___diMe7_2-2-0","icon_wrapper":"magritte-icon_wrapper___qj1JL_2-2-0","iconWrapper":"magritte-icon_wrapper___qj1JL_2-2-0","invalid":"magritte-invalid___1vONj_2-2-0","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_2-2-0","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_2-2-0","radio-skeleton":"magritte-radio-skeleton___9TSLy_2-2-0","radioSkeleton":"magritte-radio-skeleton___9TSLy_2-2-0"};
6
+ var styles = {"radio_container":"magritte-radio_container___FI0P7_2-2-2","radioContainer":"magritte-radio_container___FI0P7_2-2-2","radio_input":"magritte-radio_input___-puK7_2-2-2","radioInput":"magritte-radio_input___-puK7_2-2-2","radio":"magritte-radio___diMe7_2-2-2","icon_wrapper":"magritte-icon_wrapper___qj1JL_2-2-2","iconWrapper":"magritte-icon_wrapper___qj1JL_2-2-2","invalid":"magritte-invalid___1vONj_2-2-2","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_2-2-2","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_2-2-2","radio-skeleton":"magritte-radio-skeleton___9TSLy_2-2-2","radioSkeleton":"magritte-radio-skeleton___9TSLy_2-2-2"};
7
7
 
8
8
  const RadioSkeleton = ({ Component: Radio,
9
9
  // skeleton props
@@ -16,4 +16,4 @@ width, height, borderRadius, inline, additionalClass, loading, ...radioProps })
16
16
  };
17
17
 
18
18
  export { RadioSkeleton as R, styles as s };
19
- //# sourceMappingURL=RadioSkeleton-94d4f852.js.map
19
+ //# sourceMappingURL=RadioSkeleton-99664c4b.js.map
package/{RadioSkeleton-94d4f852.js.map → RadioSkeleton-99664c4b.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioSkeleton-94d4f852.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;AAE/C,IAAA,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;AACL,KAAA;AAED,IAAA,OAAOA,GAAC,CAAA,KAAK,EAAK,EAAA,GAAA,UAAU,GAAI,CAAC;AACrC;;;;"}
1
+ {"version":3,"file":"RadioSkeleton-99664c4b.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;AAE/C,IAAA,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;AACL,KAAA;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-94d4f852.js';
5
+ export { R as RadioSkeleton } from './RadioSkeleton-99664c4b.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-v18-1-1:#ffffff;
3
- --magritte-color-component-checkable-background-checked-v18-1-1:#0070ff;
4
- --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1:#ffffff;
5
- --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1:#ffffff;
6
- --magritte-color-component-checkable-background-state-checked-hovered-v18-1-1:#2b7fff;
7
- --magritte-color-component-checkable-background-state-checked-disabled-v18-1-1:#CCD5DF;
8
- --magritte-color-component-checkable-stroke-unchecked-v18-1-1:#DCE3EB;
9
- --magritte-color-component-checkable-stroke-checked-v18-1-1:#0070ff;
10
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1:#CCD5DF;
11
- --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1:#2b7fff;
12
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1:#DCE3EB;
13
- --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1:#CCD5DF;
14
- --magritte-color-component-checkable-stroke-state-invalid-v18-1-1:#ff4d3a;
15
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1:#ff4d3a7a;
16
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1:#0070ff7a;
17
- --magritte-color-component-checkable-icon-checked-v18-1-1:#ffffff;
18
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1:#EEF1F7;
19
- --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1:#ffffff;
20
- --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1:#ffffff;
2
+ --magritte-color-component-checkable-background-unchecked-v18-1-2:#ffffff;
3
+ --magritte-color-component-checkable-background-checked-v18-1-2:#0070ff;
4
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2:#ffffff;
5
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2:#ffffff;
6
+ --magritte-color-component-checkable-background-state-checked-hovered-v18-1-2:#2b7fff;
7
+ --magritte-color-component-checkable-background-state-checked-disabled-v18-1-2:#CCD5DF;
8
+ --magritte-color-component-checkable-stroke-unchecked-v18-1-2:#DCE3EB;
9
+ --magritte-color-component-checkable-stroke-checked-v18-1-2:#0070ff;
10
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2:#CCD5DF;
11
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2:#2b7fff;
12
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2:#EEF1F7;
13
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2:#CCD5DF;
14
+ --magritte-color-component-checkable-stroke-state-invalid-v18-1-2:#ff4d3a;
15
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2:#ff4d3a7a;
16
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
17
+ --magritte-color-component-checkable-icon-checked-v18-1-2:#ffffff;
18
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2:#EEF1F7;
19
+ --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
20
+ --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#ffffff;
21
21
  }
22
22
  :root{
23
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
24
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1:200ms;
25
- --magritte-core-border-radius-1-x-v18-1-1:4px;
23
+ --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2:cubic-bezier(0.25, 0.1, 0.25, 1);
24
+ --magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2:200ms;
25
+ --magritte-core-border-radius-1-x-v18-1-2:4px;
26
26
  }
27
27
  .magritte-night-theme{
28
- --magritte-color-component-checkable-background-unchecked-v18-1-1:#1B1B1B;
29
- --magritte-color-component-checkable-background-checked-v18-1-1:#2b7fff;
30
- --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1:#262626;
31
- --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1:#1B1B1B;
32
- --magritte-color-component-checkable-background-state-checked-hovered-v18-1-1:#468ffd;
33
- --magritte-color-component-checkable-background-state-checked-disabled-v18-1-1:#303030;
34
- --magritte-color-component-checkable-stroke-unchecked-v18-1-1:#303030;
35
- --magritte-color-component-checkable-stroke-checked-v18-1-1:#2b7fff;
36
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1:#3B3B3B;
37
- --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1:#468ffd;
38
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1:#303030;
39
- --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1:#303030;
40
- --magritte-color-component-checkable-stroke-state-invalid-v18-1-1:#ff4d3a;
41
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1:#ff4d3a7a;
42
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1:#0070ff7a;
43
- --magritte-color-component-checkable-icon-checked-v18-1-1:#ffffff;
44
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1:#303030;
45
- --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1:#ffffff;
46
- --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1:#919191;
47
- }
48
- .magritte-checkbox_container___J-wPy_2-2-0{
28
+ --magritte-color-component-checkable-background-unchecked-v18-1-2:#1B1B1B;
29
+ --magritte-color-component-checkable-background-checked-v18-1-2:#2b7fff;
30
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2:#262626;
31
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2:#1B1B1B;
32
+ --magritte-color-component-checkable-background-state-checked-hovered-v18-1-2:#468ffd;
33
+ --magritte-color-component-checkable-background-state-checked-disabled-v18-1-2:#303030;
34
+ --magritte-color-component-checkable-stroke-unchecked-v18-1-2:#303030;
35
+ --magritte-color-component-checkable-stroke-checked-v18-1-2:#2b7fff;
36
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2:#3B3B3B;
37
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2:#468ffd;
38
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2:#303030;
39
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2:#303030;
40
+ --magritte-color-component-checkable-stroke-state-invalid-v18-1-2:#ff4d3a;
41
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2:#ff4d3a7a;
42
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
43
+ --magritte-color-component-checkable-icon-checked-v18-1-2:#ffffff;
44
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2:#303030;
45
+ --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
46
+ --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#919191;
47
+ }
48
+ .magritte-checkbox_container___J-wPy_2-2-2{
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___tguDn_2-2-0{
59
+ .magritte-checkbox_input___tguDn_2-2-2{
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___tguDn_2-2-0.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_2-2-0{
72
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1);
71
+ .magritte-checkbox_input___tguDn_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-checkbox___xQHy4_2-2-2{
72
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2);
73
73
  }
74
- .magritte-checkbox___xQHy4_2-2-0{
74
+ .magritte-checkbox___xQHy4_2-2-2{
75
75
  width:20px;
76
76
  height:20px;
77
- background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
78
- border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v18-1-1);
77
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
78
+ border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v18-1-2);
79
79
  box-sizing:border-box;
80
- border-radius:var(--magritte-core-border-radius-1-x-v18-1-1);
80
+ border-radius:var(--magritte-core-border-radius-1-x-v18-1-2);
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-v18-1-1);
86
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
85
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
86
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
87
87
  }
88
- .magritte-icon_wrapper___k96d9_2-2-0{
88
+ .magritte-icon_wrapper___k96d9_2-2-2{
89
89
  position:absolute;
90
90
  display:flex;
91
91
  width:24px;
@@ -93,202 +93,202 @@
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-v18-1-1);
97
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
96
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
97
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
98
98
  opacity:0;
99
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
99
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
100
100
  }
101
- .magritte-checkbox_input___tguDn_2-2-0:checked + .magritte-checkbox___xQHy4_2-2-0{
102
- background-color:var(--magritte-color-component-checkable-background-checked-v18-1-1);
103
- border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-1);
101
+ .magritte-checkbox_input___tguDn_2-2-2:checked + .magritte-checkbox___xQHy4_2-2-2{
102
+ background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
103
+ border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
104
104
  }
105
- .magritte-checkbox_input___tguDn_2-2-0:checked ~ .magritte-icon_wrapper___k96d9_2-2-0{
105
+ .magritte-checkbox_input___tguDn_2-2-2:checked ~ .magritte-icon_wrapper___k96d9_2-2-2{
106
106
  opacity:1;
107
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-1);
107
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
108
108
  }
109
- .magritte-checkbox_input___tguDn_2-2-0 + .magritte-invalid___6k7qT_2-2-0{
110
- background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
111
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
109
+ .magritte-checkbox_input___tguDn_2-2-2 + .magritte-invalid___6k7qT_2-2-2{
110
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
111
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
112
112
  }
113
- .magritte-checkbox_input___tguDn_2-2-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_2-2-0{
114
- background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
115
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
116
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1);
113
+ .magritte-checkbox_input___tguDn_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___6k7qT_2-2-2{
114
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
115
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
116
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2);
117
117
  }
118
- .magritte-checkbox_input___tguDn_2-2-0:disabled:checked + .magritte-checkbox___xQHy4_2-2-0{
119
- background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-1);
120
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1);
118
+ .magritte-checkbox_input___tguDn_2-2-2:disabled:checked + .magritte-checkbox___xQHy4_2-2-2{
119
+ background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
120
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
121
121
  }
122
- .magritte-checkbox_input___tguDn_2-2-0:disabled:checked ~ .magritte-icon_wrapper___k96d9_2-2-0{
122
+ .magritte-checkbox_input___tguDn_2-2-2:disabled:checked ~ .magritte-icon_wrapper___k96d9_2-2-2{
123
123
  opacity:1;
124
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1);
124
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
125
125
  }
126
- .magritte-checkbox_input___tguDn_2-2-0:disabled{
126
+ .magritte-checkbox_input___tguDn_2-2-2:disabled{
127
127
  cursor:not-allowed;
128
128
  }
129
- .magritte-checkbox_input___tguDn_2-2-0:disabled + .magritte-checkbox___xQHy4_2-2-0{
130
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1);
131
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1);
129
+ .magritte-checkbox_input___tguDn_2-2-2:disabled + .magritte-checkbox___xQHy4_2-2-2{
130
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2);
131
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2);
132
132
  }
133
- .magritte-checkbox_input___tguDn_2-2-0:disabled ~ .magritte-icon_wrapper___k96d9_2-2-0{
133
+ .magritte-checkbox_input___tguDn_2-2-2:disabled ~ .magritte-icon_wrapper___k96d9_2-2-2{
134
134
  opacity:0;
135
135
  }
136
136
  @media (min-width: 1020px){
137
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-0:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-0{
138
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
139
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
137
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
138
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
139
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
140
140
  }
141
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-0{
141
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
142
142
  opacity:1;
143
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
143
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
144
144
  }
145
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-0:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-0{
146
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
147
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
145
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
146
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
147
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
148
148
  }
149
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-0{
149
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
150
150
  opacity:1;
151
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
151
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
152
152
  }
153
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-0{
154
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
155
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
153
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
154
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
155
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
156
156
  }
157
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-0:hover:not(:disabled) + .magritte-invalid___6k7qT_2-2-0{
158
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
159
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
157
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-invalid___6k7qT_2-2-2{
158
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
159
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
160
160
  }
161
- body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-0:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-0{
161
+ body.magritte-old-layout .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
162
162
  opacity:1;
163
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
163
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
164
164
  }
165
165
  }
166
166
  @media (min-width: 1024px){
167
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-0:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-0{
168
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
169
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
167
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
168
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
169
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
170
170
  }
171
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-0{
171
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
172
172
  opacity:1;
173
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
173
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
174
174
  }
175
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-0:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-0{
176
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
177
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
175
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
176
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
177
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
178
178
  }
179
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-0{
179
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
180
180
  opacity:1;
181
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
181
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
182
182
  }
183
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-0:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-0{
184
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
185
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
183
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-checkbox___xQHy4_2-2-2{
184
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
185
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
186
186
  }
187
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-0:hover:not(:disabled) + .magritte-invalid___6k7qT_2-2-0{
188
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
189
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
187
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) + .magritte-invalid___6k7qT_2-2-2{
188
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
189
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
190
190
  }
191
- body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-0:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-0{
191
+ body:not(.magritte-old-layout) .magritte-checkbox_input___tguDn_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___k96d9_2-2-2{
192
192
  opacity:1;
193
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
193
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
194
194
  }
195
195
  }
196
- .magritte-checkbox_input___tguDn_2-2-0:indeterminate + .magritte-checkbox___xQHy4_2-2-0{
197
- background-color:var(--magritte-color-component-checkable-background-checked-v18-1-1);
198
- border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-1);
196
+ .magritte-checkbox_input___tguDn_2-2-2:indeterminate + .magritte-checkbox___xQHy4_2-2-2{
197
+ background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
198
+ border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
199
199
  }
200
- .magritte-checkbox_input___tguDn_2-2-0:indeterminate ~ .magritte-icon_wrapper___k96d9_2-2-0{
200
+ .magritte-checkbox_input___tguDn_2-2-2:indeterminate ~ .magritte-icon_wrapper___k96d9_2-2-2{
201
201
  opacity:1;
202
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-1);
202
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
203
203
  }
204
- .magritte-checkbox_input___tguDn_2-2-0:indeterminate:hover + .magritte-checkbox___xQHy4_2-2-0{
205
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
206
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
204
+ .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover + .magritte-checkbox___xQHy4_2-2-2{
205
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
206
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
207
207
  }
208
- .magritte-checkbox_input___tguDn_2-2-0:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_2-2-0{
208
+ .magritte-checkbox_input___tguDn_2-2-2:indeterminate:hover ~ .magritte-icon_wrapper___k96d9_2-2-2{
209
209
  opacity:1;
210
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
210
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
211
211
  }
212
- .magritte-checkbox_input___tguDn_2-2-0:disabled:indeterminate + .magritte-checkbox___xQHy4_2-2-0{
213
- background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-1);
214
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1);
212
+ .magritte-checkbox_input___tguDn_2-2-2:disabled:indeterminate + .magritte-checkbox___xQHy4_2-2-2{
213
+ background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
214
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
215
215
  }
216
- .magritte-checkbox_input___tguDn_2-2-0:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_2-2-0{
216
+ .magritte-checkbox_input___tguDn_2-2-2:disabled:indeterminate ~ .magritte-icon_wrapper___k96d9_2-2-2{
217
217
  opacity:1;
218
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1);
218
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
219
219
  }
220
- .magritte-checkbox-skeleton-container___4uNYP_2-2-0{
220
+ .magritte-checkbox-skeleton-container___4uNYP_2-2-2{
221
221
  display:inline-flex;
222
222
  align-items:center;
223
223
  justify-content:center;
224
224
  width:24px;
225
225
  height:24px;
226
226
  }
227
- .magritte-checkbox-skeleton___uo6u7_2-2-0{
227
+ .magritte-checkbox-skeleton___uo6u7_2-2-2{
228
228
  width:20px;
229
229
  height:20px;
230
- border-radius:var(--magritte-core-border-radius-1-x-v18-1-1);
230
+ border-radius:var(--magritte-core-border-radius-1-x-v18-1-2);
231
231
  }
232
- .magritte-icon___q1TLo_2-2-0{
232
+ .magritte-icon___q1TLo_2-2-2{
233
233
  opacity:1;
234
234
  position:absolute;
235
235
  line-height:0;
236
236
  transition-property:opacity;
237
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1);
238
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
237
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
238
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
239
239
  }
240
- .magritte-icon___q1TLo_2-2-0.magritte-iconHidden___Sb3FQ_2-2-0{
240
+ .magritte-icon___q1TLo_2-2-2.magritte-iconHidden___Sb3FQ_2-2-2{
241
241
  opacity:0;
242
242
  }
243
243
 
244
244
  :root{
245
- --magritte-color-component-checkable-background-unchecked-v18-1-1:#ffffff;
246
- --magritte-color-component-checkable-background-checked-v18-1-1:#0070ff;
247
- --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1:#ffffff;
248
- --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1:#ffffff;
249
- --magritte-color-component-checkable-background-state-checked-hovered-v18-1-1:#2b7fff;
250
- --magritte-color-component-checkable-background-state-checked-disabled-v18-1-1:#CCD5DF;
251
- --magritte-color-component-checkable-stroke-unchecked-v18-1-1:#DCE3EB;
252
- --magritte-color-component-checkable-stroke-checked-v18-1-1:#0070ff;
253
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1:#CCD5DF;
254
- --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1:#2b7fff;
255
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1:#DCE3EB;
256
- --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1:#CCD5DF;
257
- --magritte-color-component-checkable-stroke-state-invalid-v18-1-1:#ff4d3a;
258
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1:#ff4d3a7a;
259
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1:#0070ff7a;
260
- --magritte-color-component-checkable-icon-checked-v18-1-1:#ffffff;
261
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1:#EEF1F7;
262
- --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1:#ffffff;
263
- --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1:#ffffff;
245
+ --magritte-color-component-checkable-background-unchecked-v18-1-2:#ffffff;
246
+ --magritte-color-component-checkable-background-checked-v18-1-2:#0070ff;
247
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2:#ffffff;
248
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2:#ffffff;
249
+ --magritte-color-component-checkable-background-state-checked-hovered-v18-1-2:#2b7fff;
250
+ --magritte-color-component-checkable-background-state-checked-disabled-v18-1-2:#CCD5DF;
251
+ --magritte-color-component-checkable-stroke-unchecked-v18-1-2:#DCE3EB;
252
+ --magritte-color-component-checkable-stroke-checked-v18-1-2:#0070ff;
253
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2:#CCD5DF;
254
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2:#2b7fff;
255
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2:#EEF1F7;
256
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2:#CCD5DF;
257
+ --magritte-color-component-checkable-stroke-state-invalid-v18-1-2:#ff4d3a;
258
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2:#ff4d3a7a;
259
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
260
+ --magritte-color-component-checkable-icon-checked-v18-1-2:#ffffff;
261
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2:#EEF1F7;
262
+ --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
263
+ --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#ffffff;
264
264
  }
265
265
  :root{
266
- --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1:cubic-bezier(0.25, 0.1, 0.25, 1);
267
- --magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1:200ms;
268
- --magritte-core-border-radius-1-x-v18-1-1:4px;
266
+ --magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2:cubic-bezier(0.25, 0.1, 0.25, 1);
267
+ --magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2:200ms;
268
+ --magritte-core-border-radius-1-x-v18-1-2:4px;
269
269
  }
270
270
  .magritte-night-theme{
271
- --magritte-color-component-checkable-background-unchecked-v18-1-1:#1B1B1B;
272
- --magritte-color-component-checkable-background-checked-v18-1-1:#2b7fff;
273
- --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1:#262626;
274
- --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1:#1B1B1B;
275
- --magritte-color-component-checkable-background-state-checked-hovered-v18-1-1:#468ffd;
276
- --magritte-color-component-checkable-background-state-checked-disabled-v18-1-1:#303030;
277
- --magritte-color-component-checkable-stroke-unchecked-v18-1-1:#303030;
278
- --magritte-color-component-checkable-stroke-checked-v18-1-1:#2b7fff;
279
- --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1:#3B3B3B;
280
- --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1:#468ffd;
281
- --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1:#303030;
282
- --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1:#303030;
283
- --magritte-color-component-checkable-stroke-state-invalid-v18-1-1:#ff4d3a;
284
- --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1:#ff4d3a7a;
285
- --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1:#0070ff7a;
286
- --magritte-color-component-checkable-icon-checked-v18-1-1:#ffffff;
287
- --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1:#303030;
288
- --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1:#ffffff;
289
- --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1:#919191;
290
- }
291
- .magritte-radio_container___FI0P7_2-2-0{
271
+ --magritte-color-component-checkable-background-unchecked-v18-1-2:#1B1B1B;
272
+ --magritte-color-component-checkable-background-checked-v18-1-2:#2b7fff;
273
+ --magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2:#262626;
274
+ --magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2:#1B1B1B;
275
+ --magritte-color-component-checkable-background-state-checked-hovered-v18-1-2:#468ffd;
276
+ --magritte-color-component-checkable-background-state-checked-disabled-v18-1-2:#303030;
277
+ --magritte-color-component-checkable-stroke-unchecked-v18-1-2:#303030;
278
+ --magritte-color-component-checkable-stroke-checked-v18-1-2:#2b7fff;
279
+ --magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2:#3B3B3B;
280
+ --magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2:#468ffd;
281
+ --magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2:#303030;
282
+ --magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2:#303030;
283
+ --magritte-color-component-checkable-stroke-state-invalid-v18-1-2:#ff4d3a;
284
+ --magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2:#ff4d3a7a;
285
+ --magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2:#0070ff7a;
286
+ --magritte-color-component-checkable-icon-checked-v18-1-2:#ffffff;
287
+ --magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2:#303030;
288
+ --magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2:#ffffff;
289
+ --magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2:#919191;
290
+ }
291
+ .magritte-radio_container___FI0P7_2-2-2{
292
292
  position:relative;
293
293
  display:inline-flex;
294
294
  align-items:center;
@@ -299,7 +299,7 @@
299
299
  user-select:none;
300
300
  -webkit-user-select:none;
301
301
  }
302
- .magritte-radio_input___-puK7_2-2-0{
302
+ .magritte-radio_input___-puK7_2-2-2{
303
303
  cursor:inherit;
304
304
  position:absolute;
305
305
  opacity:0;
@@ -311,24 +311,24 @@
311
311
  padding:0;
312
312
  z-index:1;
313
313
  }
314
- .magritte-radio_input___-puK7_2-2-0.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_2-2-0{
315
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-1);
314
+ .magritte-radio_input___-puK7_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-radio___diMe7_2-2-2{
315
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-accent-focused-accessible-v18-1-2);
316
316
  }
317
- .magritte-radio___diMe7_2-2-0{
317
+ .magritte-radio___diMe7_2-2-2{
318
318
  width:20px;
319
319
  height:20px;
320
- background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
321
- border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v18-1-1);
320
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
321
+ border:1.5px solid var(--magritte-color-component-checkable-stroke-unchecked-v18-1-2);
322
322
  box-sizing:border-box;
323
- border-radius:var(--magritte-core-border-radius-1-x-v18-1-1);
323
+ border-radius:var(--magritte-core-border-radius-1-x-v18-1-2);
324
324
  display:flex;
325
325
  align-items:center;
326
326
  justify-content:center;
327
327
  transition-property:background-color, border-color;
328
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1);
329
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
328
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
329
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
330
330
  }
331
- .magritte-icon_wrapper___qj1JL_2-2-0{
331
+ .magritte-icon_wrapper___qj1JL_2-2-2{
332
332
  position:absolute;
333
333
  display:flex;
334
334
  width:24px;
@@ -336,117 +336,117 @@
336
336
  justify-content:center;
337
337
  align-content:center;
338
338
  transition-property:opacity;
339
- transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-1);
340
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-1);
339
+ transition-duration:var(--magritte-semantic-animation-ease-in-out-tiger-200-duration-v18-1-2);
340
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-tiger-200-timing-function-v18-1-2);
341
341
  opacity:0;
342
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
342
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
343
343
  }
344
- .magritte-radio_input___-puK7_2-2-0:checked + .magritte-radio___diMe7_2-2-0{
345
- background-color:var(--magritte-color-component-checkable-background-checked-v18-1-1);
346
- border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-1);
344
+ .magritte-radio_input___-puK7_2-2-2:checked + .magritte-radio___diMe7_2-2-2{
345
+ background-color:var(--magritte-color-component-checkable-background-checked-v18-1-2);
346
+ border-color:var(--magritte-color-component-checkable-stroke-checked-v18-1-2);
347
347
  }
348
- .magritte-radio_input___-puK7_2-2-0:checked ~ .magritte-icon_wrapper___qj1JL_2-2-0{
348
+ .magritte-radio_input___-puK7_2-2-2:checked ~ .magritte-icon_wrapper___qj1JL_2-2-2{
349
349
  opacity:1;
350
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-1);
350
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-checked-v18-1-2);
351
351
  }
352
- .magritte-radio_input___-puK7_2-2-0 + .magritte-invalid___1vONj_2-2-0{
353
- background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
354
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
352
+ .magritte-radio_input___-puK7_2-2-2 + .magritte-invalid___1vONj_2-2-2{
353
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
354
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
355
355
  }
356
- .magritte-radio_input___-puK7_2-2-0.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_2-2-0{
357
- background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-1);
358
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
359
- outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-1);
356
+ .magritte-radio_input___-puK7_2-2-2.focus-visible:not([data-focus-visible-skip]) + .magritte-invalid___1vONj_2-2-2{
357
+ background-color:var(--magritte-color-component-checkable-background-unchecked-v18-1-2);
358
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
359
+ outline:4px solid var(--magritte-color-component-checkable-stroke-state-negative-focused-accessible-v18-1-2);
360
360
  }
361
- .magritte-radio_input___-puK7_2-2-0:disabled:checked + .magritte-radio___diMe7_2-2-0{
362
- background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-1);
363
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-1);
361
+ .magritte-radio_input___-puK7_2-2-2:disabled:checked + .magritte-radio___diMe7_2-2-2{
362
+ background-color:var(--magritte-color-component-checkable-background-state-checked-disabled-v18-1-2);
363
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-disabled-v18-1-2);
364
364
  }
365
- .magritte-radio_input___-puK7_2-2-0:disabled:checked ~ .magritte-icon_wrapper___qj1JL_2-2-0{
365
+ .magritte-radio_input___-puK7_2-2-2:disabled:checked ~ .magritte-icon_wrapper___qj1JL_2-2-2{
366
366
  opacity:1;
367
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-1);
367
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-disabled-v18-1-2);
368
368
  }
369
- .magritte-radio_input___-puK7_2-2-0:disabled{
369
+ .magritte-radio_input___-puK7_2-2-2:disabled{
370
370
  cursor:not-allowed;
371
371
  }
372
- .magritte-radio_input___-puK7_2-2-0:disabled + .magritte-radio___diMe7_2-2-0{
373
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-1);
374
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-1);
372
+ .magritte-radio_input___-puK7_2-2-2:disabled + .magritte-radio___diMe7_2-2-2{
373
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-disabled-v18-1-2);
374
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-disabled-v18-1-2);
375
375
  }
376
- .magritte-radio_input___-puK7_2-2-0:disabled ~ .magritte-icon_wrapper___qj1JL_2-2-0{
376
+ .magritte-radio_input___-puK7_2-2-2:disabled ~ .magritte-icon_wrapper___qj1JL_2-2-2{
377
377
  opacity:0;
378
378
  }
379
379
  @media (min-width: 1020px){
380
- body.magritte-old-layout .magritte-radio_input___-puK7_2-2-0:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-2-0{
381
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
382
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
380
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
381
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
382
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
383
383
  }
384
- body.magritte-old-layout .magritte-radio_input___-puK7_2-2-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-0{
384
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
385
385
  opacity:1;
386
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
386
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
387
387
  }
388
- body.magritte-old-layout .magritte-radio_input___-puK7_2-2-0:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_2-2-0{
389
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
390
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
388
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
389
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
390
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
391
391
  }
392
- body.magritte-old-layout .magritte-radio_input___-puK7_2-2-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-0{
392
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
393
393
  opacity:1;
394
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
394
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
395
395
  }
396
- body.magritte-old-layout .magritte-radio_input___-puK7_2-2-0:hover:not(:disabled) + .magritte-radio___diMe7_2-2-0{
397
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
398
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
396
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
397
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
398
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
399
399
  }
400
- body.magritte-old-layout .magritte-radio_input___-puK7_2-2-0:hover:not(:disabled) + .magritte-invalid___1vONj_2-2-0{
401
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
402
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
400
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-invalid___1vONj_2-2-2{
401
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
402
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
403
403
  }
404
- body.magritte-old-layout .magritte-radio_input___-puK7_2-2-0:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-0{
404
+ body.magritte-old-layout .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
405
405
  opacity:1;
406
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
406
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
407
407
  }
408
408
  }
409
409
  @media (min-width: 1024px){
410
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-0:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-2-0{
411
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
412
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
410
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
411
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
412
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
413
413
  }
414
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-0:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-0{
414
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-2:checked:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
415
415
  opacity:1;
416
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
416
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
417
417
  }
418
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-0:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_2-2-0{
419
- background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-1);
420
- border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-1);
418
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
419
+ background-color:var(--magritte-color-component-checkable-background-state-checked-hovered-v18-1-2);
420
+ border-color:var(--magritte-color-component-checkable-stroke-state-checked-hovered-v18-1-2);
421
421
  }
422
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-0:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-0{
422
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-2:indeterminate:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
423
423
  opacity:1;
424
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-1);
424
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-checked-hovered-v18-1-2);
425
425
  }
426
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-0:hover:not(:disabled) + .magritte-radio___diMe7_2-2-0{
427
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
428
- border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-1);
426
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-radio___diMe7_2-2-2{
427
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
428
+ border-color:var(--magritte-color-component-checkable-stroke-state-unchecked-hovered-v18-1-2);
429
429
  }
430
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-0:hover:not(:disabled) + .magritte-invalid___1vONj_2-2-0{
431
- background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-1);
432
- border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-1);
430
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) + .magritte-invalid___1vONj_2-2-2{
431
+ background-color:var(--magritte-color-component-checkable-background-state-unchecked-hovered-v18-1-2);
432
+ border-color:var(--magritte-color-component-checkable-stroke-state-invalid-v18-1-2);
433
433
  }
434
- body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-0:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-0{
434
+ body:not(.magritte-old-layout) .magritte-radio_input___-puK7_2-2-2:hover:not(:disabled) ~ .magritte-icon_wrapper___qj1JL_2-2-2{
435
435
  opacity:1;
436
- --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-1);
436
+ --magritte-ui-icon-color-override:var(--magritte-color-component-checkable-icon-state-unchecked-hovered-v18-1-2);
437
437
  }
438
438
  }
439
- .magritte-radio___diMe7_2-2-0{
439
+ .magritte-radio___diMe7_2-2-2{
440
440
  border-radius:50%;
441
441
  }
442
- .magritte-radio-skeleton-container___GjZez_2-2-0{
442
+ .magritte-radio-skeleton-container___GjZez_2-2-2{
443
443
  display:inline-flex;
444
444
  align-items:center;
445
445
  justify-content:center;
446
446
  width:24px;
447
447
  height:24px;
448
448
  }
449
- .magritte-radio-skeleton___9TSLy_2-2-0{
449
+ .magritte-radio-skeleton___9TSLy_2-2-2{
450
450
  width:20px;
451
451
  height:20px;
452
452
  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-4e6bc72f.js';
10
+ import './CheckboxSkeleton-9aa1ed5d.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-94d4f852.js';
14
+ import './RadioSkeleton-99664c4b.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": "2.2.0",
3
+ "version": "2.2.2",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -21,12 +21,12 @@
21
21
  "dependencies": {
22
22
  "@hh.ru/magritte-common-use-disabled": "1.0.8",
23
23
  "@hh.ru/magritte-common-use-loading-state": "1.0.4",
24
- "@hh.ru/magritte-design-tokens": "18.1.1",
24
+ "@hh.ru/magritte-design-tokens": "18.1.2",
25
25
  "@hh.ru/magritte-types": "4.0.1",
26
26
  "@hh.ru/magritte-ui-breakpoint": "4.0.1",
27
- "@hh.ru/magritte-ui-icon": "7.1.4",
28
- "@hh.ru/magritte-ui-skeleton": "2.1.2",
29
- "@hh.ru/magritte-ui-theme-provider": "1.1.21"
27
+ "@hh.ru/magritte-ui-icon": "7.1.5",
28
+ "@hh.ru/magritte-ui-skeleton": "2.1.3",
29
+ "@hh.ru/magritte-ui-theme-provider": "1.1.22"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "classnames": ">=2.3.2",
@@ -35,5 +35,5 @@
35
35
  "publishConfig": {
36
36
  "access": "public"
37
37
  },
38
- "gitHead": "fb0ed62dbc8f4a497a5e18d3a2c887be8122a950"
38
+ "gitHead": "9f09ecd7831d299cd9c5a8852bd30334245ab0e7"
39
39
  }