@hh.ru/magritte-ui-checkable-card 3.0.47 → 3.0.48

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.
@@ -1,6 +1,8 @@
1
1
  export declare const CheckableCardComponent: import("react").ForwardRefExoticComponent<import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardBaseProps> & {
2
2
  children?: import("react").ReactNode | undefined;
3
3
  } & import("react").RefAttributes<HTMLLabelElement>>;
4
- export declare const CheckableCard: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardBaseProps> & {
4
+ export declare const CheckableCard: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<import("react").ForwardRefExoticComponent<import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardBaseProps> & {
5
5
  children?: import("react").ReactNode | undefined;
6
- } & import("react").RefAttributes<HTMLLabelElement>>;
6
+ } & import("react").RefAttributes<HTMLLabelElement>>, import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardBaseProps> & {
7
+ ref?: import("react").Ref<HTMLLabelElement> | undefined;
8
+ }>;
package/CheckableCard.js CHANGED
@@ -8,7 +8,7 @@ import { CheckableCardSkeleton } from './Skeleton.js';
8
8
  import { useScrollContext } from '@hh.ru/magritte-ui-scrollable-container';
9
9
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
10
10
  import 'classnames';
11
- import './checkable-card-CZFE8c18.js';
11
+ import './checkable-card-Bbkw5N1E.js';
12
12
  import '@hh.ru/magritte-common-use-loading-state';
13
13
 
14
14
  const CheckableCardComponent = forwardRef(({ children, padding = 0, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius = 0, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, onFocus, onClick, disabled, type = 'checkbox', flexible, labelDataQa, ...inputProps }, ref) => {
@@ -63,7 +63,7 @@ const CheckableCardComponent = forwardRef(({ children, padding = 0, paddingLeft,
63
63
  }, onClick: (event) => {
64
64
  onClick?.(event);
65
65
  scrollToItem(contentRef);
66
- } }), Element: "label", labelRef: ref, contentRef: contentRef, disabled: !!disabled || forceDisabled, children: children }));
66
+ } }), Element: "label", ref: ref, contentRef: contentRef, disabled: !!disabled || forceDisabled, children: children }));
67
67
  });
68
68
  CheckableCardComponent.displayName = 'CheckableCard';
69
69
  const CheckableCard = enrichWithSkeleton(CheckableCardComponent, CheckableCardSkeleton);
@@ -1 +1 @@
1
- {"version":3,"file":"CheckableCard.js","sources":["../src/CheckableCard.tsx"],"sourcesContent":["import { KeyboardEventHandler, PropsWithChildren, forwardRef, useLayoutEffect, useRef } from 'react';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { CheckableCardSkeleton } from '@hh.ru/magritte-ui-checkable-card/Skeleton';\nimport { CheckableCardProps } from '@hh.ru/magritte-ui-checkable-card/types';\nimport { useScrollContext } from '@hh.ru/magritte-ui-scrollable-container';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nexport const CheckableCardComponent = forwardRef<HTMLLabelElement, PropsWithChildren<CheckableCardProps>>(\n (\n {\n children,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n toneHover,\n onFocus,\n onClick,\n disabled,\n type = 'checkbox',\n flexible,\n labelDataQa,\n ...inputProps\n },\n ref\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const forceDisabled = useDisabled();\n\n const { registerItem, removeItem, scrollToItem } = useScrollContext();\n\n const stopKeyboardEventPropagation: KeyboardEventHandler<HTMLLabelElement> = (event) => {\n if (\n event.target === inputRef.current ||\n !keyboardMatches(event as unknown as KeyboardEvent, [keyboardKeys.Space, keyboardKeys.Enter])\n ) {\n return;\n }\n event.stopPropagation();\n inputRef.current?.dispatchEvent(new KeyboardEvent(event.type, { key: event.key, code: event.code }));\n };\n\n useLayoutEffect(() => {\n registerItem(contentRef);\n return () => removeItem(contentRef);\n }, [registerItem, removeItem]);\n\n useLayoutEffect(() => {\n if ((inputProps.checked || inputProps.defaultChecked) && type === 'radio' && contentRef.current) {\n scrollToItem(contentRef);\n }\n // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n }, []);\n\n const props = {\n padding,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n disabled,\n toneHover,\n flexible,\n 'data-qa': labelDataQa,\n };\n\n return (\n <CheckableCardElement\n {...props}\n onClickCapture={(event) => {\n if (event.target === inputRef.current || !contentRef.current?.contains(event.target as Node)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n inputRef.current?.click();\n }}\n padding={padding}\n borderRadius={borderRadius}\n onKeyDownCapture={stopKeyboardEventPropagation}\n onKeyPressCapture={stopKeyboardEventPropagation}\n onKeyUpCapture={stopKeyboardEventPropagation}\n input={\n <input\n {...inputProps}\n ref={inputRef}\n type={type}\n disabled={!!disabled || forceDisabled}\n onFocus={(event) => {\n onFocus?.(event);\n scrollToItem(contentRef);\n }}\n onClick={(event) => {\n onClick?.(event);\n scrollToItem(contentRef);\n }}\n />\n }\n Element=\"label\"\n labelRef={ref}\n contentRef={contentRef}\n disabled={!!disabled || forceDisabled}\n >\n {children}\n </CheckableCardElement>\n );\n }\n);\n\nCheckableCardComponent.displayName = 'CheckableCard';\n\nexport const CheckableCard = enrichWithSkeleton(CheckableCardComponent, CheckableCardSkeleton);\n"],"names":["_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"CheckableCard.js","sources":["../src/CheckableCard.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef } from 'react';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { CheckableCardElement } from '@hh.ru/magritte-ui-checkable-card/CheckableCardElement';\nimport { CheckableCardSkeleton } from '@hh.ru/magritte-ui-checkable-card/Skeleton';\nimport { CheckableCardProps } from '@hh.ru/magritte-ui-checkable-card/types';\nimport { useScrollContext } from '@hh.ru/magritte-ui-scrollable-container';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nexport const CheckableCardComponent = forwardRef<HTMLLabelElement, React.PropsWithChildren<CheckableCardProps>>(\n (\n {\n children,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n toneHover,\n onFocus,\n onClick,\n disabled,\n type = 'checkbox',\n flexible,\n labelDataQa,\n ...inputProps\n },\n ref\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const forceDisabled = useDisabled();\n\n const { registerItem, removeItem, scrollToItem } = useScrollContext();\n\n const stopKeyboardEventPropagation: React.KeyboardEventHandler<HTMLLabelElement> = (event) => {\n if (\n event.target === inputRef.current ||\n !keyboardMatches(event as unknown as KeyboardEvent, [keyboardKeys.Space, keyboardKeys.Enter])\n ) {\n return;\n }\n event.stopPropagation();\n inputRef.current?.dispatchEvent(new KeyboardEvent(event.type, { key: event.key, code: event.code }));\n };\n\n useLayoutEffect(() => {\n registerItem(contentRef);\n return () => removeItem(contentRef);\n }, [registerItem, removeItem]);\n\n useLayoutEffect(() => {\n if ((inputProps.checked || inputProps.defaultChecked) && type === 'radio' && contentRef.current) {\n scrollToItem(contentRef);\n }\n // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n }, []);\n\n const props = {\n padding,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n disabled,\n toneHover,\n flexible,\n 'data-qa': labelDataQa,\n };\n\n return (\n <CheckableCardElement\n {...props}\n onClickCapture={(event) => {\n if (event.target === inputRef.current || !contentRef.current?.contains(event.target as Node)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n inputRef.current?.click();\n }}\n padding={padding}\n borderRadius={borderRadius}\n onKeyDownCapture={stopKeyboardEventPropagation}\n onKeyPressCapture={stopKeyboardEventPropagation}\n onKeyUpCapture={stopKeyboardEventPropagation}\n input={\n <input\n {...inputProps}\n ref={inputRef}\n type={type}\n disabled={!!disabled || forceDisabled}\n onFocus={(event) => {\n onFocus?.(event);\n scrollToItem(contentRef);\n }}\n onClick={(event) => {\n onClick?.(event);\n scrollToItem(contentRef);\n }}\n />\n }\n Element=\"label\"\n ref={ref}\n contentRef={contentRef}\n disabled={!!disabled || forceDisabled}\n >\n {children}\n </CheckableCardElement>\n );\n }\n);\n\nCheckableCardComponent.displayName = 'CheckableCard';\n\nexport const CheckableCard = enrichWithSkeleton(CheckableCardComponent, CheckableCardSkeleton);\n"],"names":["_jsx"],"mappings":"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"}
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
  import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
5
- import { s as styles } from './checkable-card-CZFE8c18.js';
5
+ import { s as styles } from './checkable-card-Bbkw5N1E.js';
6
6
 
7
7
  const CheckableCardScrollableContainer = ({ disableButtons, children, ...containerProps }) => {
8
8
  return (jsx(ScrollableContainer, { "data-qa": "checkable-card-scrollable-container", ...containerProps, disableButtons: disableButtons, children: jsx("div", { className: classnames(styles.scrollContainer, { [styles.scrollContainerMobile]: !!disableButtons }), children: children }) }));
@@ -1,2 +1,3 @@
1
+ import type { PolymorphicComponentWithRef } from '@hh.ru/magritte-types';
1
2
  import type { CheckableCardElementProps } from '@hh.ru/magritte-ui-checkable-card/types';
2
- export declare const CheckableCardElement: CheckableCardElementProps;
3
+ export declare const CheckableCardElement: PolymorphicComponentWithRef<CheckableCardElementProps, 'div'>;
@@ -1,12 +1,13 @@
1
1
  import './index.css';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
3
4
  import classnames from 'classnames';
4
5
  import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
5
- import { s as styles } from './checkable-card-CZFE8c18.js';
6
+ import { s as styles } from './checkable-card-Bbkw5N1E.js';
6
7
 
7
8
  const genBorderRadiusClasses = (radiusProps) => Object.entries(radiusProps).reduce((acc, [key, value]) => value !== undefined ? [...acc, styles[`border${key}Radius${value}`]] : acc, []);
8
9
  const genPaddingProps = (paddingProps) => Object.entries(paddingProps).reduce((acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc), {});
9
- const CheckableCardElement = ({ children, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, disabled, flexible, Element: _Element, input, labelRef, contentRef, checked = false, focusVisible = false, ...props }) => {
10
+ const CheckableCardElementForwardRefRenderFunc = ({ children, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, disabled, flexible, Element = 'div', input, contentRef, checked = false, focusVisible = false, ...props }, ref) => {
10
11
  const paddingProps = genPaddingProps({
11
12
  Left: paddingLeft,
12
13
  Right: paddingRight,
@@ -14,7 +15,6 @@ const CheckableCardElement = ({ children, padding, paddingLeft, paddingRight, pa
14
15
  Bottom: paddingBottom,
15
16
  });
16
17
  const forceDisabled = useDisabled();
17
- const Element = _Element || 'div';
18
18
  return (jsxs(Element, { ...props, className: classnames(styles.card, styles[`borderRadius${borderRadius}`], genBorderRadiusClasses({
19
19
  TopLeft: borderTopLeftRadius,
20
20
  TopRight: borderTopRightRadius,
@@ -26,12 +26,9 @@ const CheckableCardElement = ({ children, padding, paddingLeft, paddingRight, pa
26
26
  [styles.cardHugContent]: !flexible,
27
27
  [styles.cardToneHover]: toneHover,
28
28
  'focus-visible': focusVisible,
29
- }), "data-interactive": true, ref: (current) => {
30
- if (labelRef && 'current' in labelRef) {
31
- labelRef.current = current;
32
- }
33
- }, tabIndex: input || forceDisabled || !!disabled ? -1 : 0, children: [input, jsx("div", { className: styles.content, ref: contentRef, children: jsx("div", { className: styles.contentBorderContainer, style: { padding, ...paddingProps }, children: jsx("div", { className: styles.contentOpacityContainer, children: jsx(DisabledContext.Provider, { value: forceDisabled || !!disabled, children: children }) }) }) })] }));
29
+ }), "data-interactive": true, ref: ref, tabIndex: input || forceDisabled || !!disabled ? -1 : 0, children: [input, jsx("div", { className: styles.content, ref: contentRef, children: jsx("div", { className: styles.contentBorderContainer, style: { padding, ...paddingProps }, children: jsx("div", { className: styles.contentOpacityContainer, children: jsx(DisabledContext.Provider, { value: forceDisabled || !!disabled, children: children }) }) }) })] }));
34
30
  };
31
+ const CheckableCardElement = forwardRef(CheckableCardElementForwardRefRenderFunc);
35
32
 
36
33
  export { CheckableCardElement };
37
34
  //# sourceMappingURL=CheckableCardElement.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckableCardElement.js","sources":["../src/CheckableCardElement.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type {\n CheckableCardElementProps,\n CheckableCardBorderRadius,\n CheckableCardPadding,\n} from '@hh.ru/magritte-ui-checkable-card/types';\n\nimport styles from './checkable-card.less';\n\nconst genBorderRadiusClasses = (radiusProps: {\n TopLeft?: CheckableCardBorderRadius;\n TopRight?: CheckableCardBorderRadius;\n BottomLeft?: CheckableCardBorderRadius;\n BottomRight?: CheckableCardBorderRadius;\n}) =>\n Object.entries(radiusProps).reduce<string[]>(\n (acc, [key, value]) =>\n value !== undefined ? [...acc, styles[`border${key as keyof typeof radiusProps}Radius${value}`]] : acc,\n []\n );\n\nconst genPaddingProps = (paddingProps: {\n Left?: CheckableCardPadding;\n Right?: CheckableCardPadding;\n Top?: CheckableCardPadding;\n Bottom?: CheckableCardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nexport const CheckableCardElement: CheckableCardElementProps = ({\n children,\n padding,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n toneHover,\n disabled,\n flexible,\n Element: _Element,\n input,\n labelRef,\n contentRef,\n checked = false,\n focusVisible = false,\n ...props\n}) => {\n const paddingProps = genPaddingProps({\n Left: paddingLeft,\n Right: paddingRight,\n Top: paddingTop,\n Bottom: paddingBottom,\n });\n\n const forceDisabled = useDisabled();\n const Element = _Element || 'div';\n\n return (\n <Element\n {...props}\n className={classnames(\n styles.card,\n styles[`borderRadius${borderRadius}`],\n genBorderRadiusClasses({\n TopLeft: borderTopLeftRadius,\n TopRight: borderTopRightRadius,\n BottomLeft: borderBottomLeftRadius,\n BottomRight: borderBottomRightRadius,\n }),\n {\n [styles.cardDisabled]: forceDisabled || !!disabled,\n [styles.cardChecked]: checked,\n [styles.cardHugContent]: !flexible,\n [styles.cardToneHover]: toneHover,\n 'focus-visible': focusVisible,\n }\n )}\n data-interactive={true}\n ref={(current: HTMLDivElement | HTMLLabelElement | null) => {\n if (labelRef && 'current' in labelRef) {\n labelRef.current = current as HTMLLabelElement;\n }\n }}\n tabIndex={input || forceDisabled || !!disabled ? -1 : 0}\n >\n {input}\n <div className={styles.content} ref={contentRef}>\n <div className={styles.contentBorderContainer} style={{ padding, ...paddingProps }}>\n <div className={styles.contentOpacityContainer}>\n <DisabledContext.Provider value={forceDisabled || !!disabled}>\n {children}\n </DisabledContext.Provider>\n </div>\n </div>\n </div>\n </Element>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"CheckableCardElement.js","sources":["../src/CheckableCardElement.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport type {\n CheckableCardBorderRadius,\n CheckableCardElementProps,\n CheckableCardPadding,\n} from '@hh.ru/magritte-ui-checkable-card/types';\n\nimport styles from './checkable-card.less';\n\nconst genBorderRadiusClasses = (radiusProps: {\n TopLeft?: CheckableCardBorderRadius;\n TopRight?: CheckableCardBorderRadius;\n BottomLeft?: CheckableCardBorderRadius;\n BottomRight?: CheckableCardBorderRadius;\n}) =>\n Object.entries(radiusProps).reduce<string[]>(\n (acc, [key, value]) =>\n value !== undefined ? [...acc, styles[`border${key as keyof typeof radiusProps}Radius${value}`]] : acc,\n []\n );\n\nconst genPaddingProps = (paddingProps: {\n Left?: CheckableCardPadding;\n Right?: CheckableCardPadding;\n Top?: CheckableCardPadding;\n Bottom?: CheckableCardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nconst CheckableCardElementForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CheckableCardElementProps, 'div'> = (\n {\n children,\n padding,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n toneHover,\n disabled,\n flexible,\n Element = 'div',\n input,\n contentRef,\n checked = false,\n focusVisible = false,\n ...props\n },\n ref\n) => {\n const paddingProps = genPaddingProps({\n Left: paddingLeft,\n Right: paddingRight,\n Top: paddingTop,\n Bottom: paddingBottom,\n });\n\n const forceDisabled = useDisabled();\n\n return (\n <Element\n {...props}\n className={classnames(\n styles.card,\n styles[`borderRadius${borderRadius}`],\n genBorderRadiusClasses({\n TopLeft: borderTopLeftRadius,\n TopRight: borderTopRightRadius,\n BottomLeft: borderBottomLeftRadius,\n BottomRight: borderBottomRightRadius,\n }),\n {\n [styles.cardDisabled]: forceDisabled || !!disabled,\n [styles.cardChecked]: checked,\n [styles.cardHugContent]: !flexible,\n [styles.cardToneHover]: toneHover,\n 'focus-visible': focusVisible,\n }\n )}\n data-interactive={true}\n ref={ref}\n tabIndex={input || forceDisabled || !!disabled ? -1 : 0}\n >\n {input}\n <div className={styles.content} ref={contentRef}>\n <div className={styles.contentBorderContainer} style={{ padding, ...paddingProps }}>\n <div className={styles.contentOpacityContainer}>\n <DisabledContext.Provider value={forceDisabled || !!disabled}>\n {children}\n </DisabledContext.Provider>\n </div>\n </div>\n </div>\n </Element>\n );\n};\n\nexport const CheckableCardElement: PolymorphicComponentWithRef<CheckableCardElementProps, 'div'> = forwardRef(\n CheckableCardElementForwardRefRenderFunc\n);\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
package/Skeleton.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const CheckableCardSkeleton: import("react").ForwardRefExoticComponent<import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardBaseProps> & Omit<import("@hh.ru/magritte-ui-skeleton").SkeletonProps, "checked" | "form" | "slot" | "style" | "title" | "pattern" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps> & {
1
+ export declare const CheckableCardSkeleton: import("react").ForwardRefExoticComponent<import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardBaseProps> & Omit<import("@hh.ru/magritte-ui-skeleton").SkeletonProps, "children" | "checked" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "crossOrigin" | "enterKeyHint" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps> & {
2
2
  Component: import("react").ComponentType<import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardNativeProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, keyof import("@hh.ru/magritte-ui-checkable-card/types").CheckableCardBaseProps> & {
3
3
  ref?: import("react").Ref<HTMLLabelElement> | undefined;
4
4
  }>;
package/Skeleton.js CHANGED
@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
6
6
  import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
7
- import { s as styles } from './checkable-card-CZFE8c18.js';
7
+ import { s as styles } from './checkable-card-Bbkw5N1E.js';
8
8
 
9
9
  const CheckableCardSkeleton = forwardRef(({ Component: CheckableCard,
10
10
  // skeleton props
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"card":"magritte-card___kxw8G_3-0-48","card-skeleton":"magritte-card-skeleton___QeWAi_3-0-48","cardSkeleton":"magritte-card-skeleton___QeWAi_3-0-48","card_disabled":"magritte-card_disabled___VY399_3-0-48","cardDisabled":"magritte-card_disabled___VY399_3-0-48","card_hug-content":"magritte-card_hug-content___5HzPo_3-0-48","cardHugContent":"magritte-card_hug-content___5HzPo_3-0-48","content":"magritte-content___8L-gU_3-0-48","content-border-container":"magritte-content-border-container___nYgS5_3-0-48","contentBorderContainer":"magritte-content-border-container___nYgS5_3-0-48","content-opacity-container":"magritte-content-opacity-container___6F4WI_3-0-48","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_3-0-48","card_checked":"magritte-card_checked___nN6ga_3-0-48","cardChecked":"magritte-card_checked___nN6ga_3-0-48","card_tone-hover":"magritte-card_tone-hover___t2ICs_3-0-48","cardToneHover":"magritte-card_tone-hover___t2ICs_3-0-48","disabled":"magritte-disabled___Ab4OC_3-0-48","border-radius-0":"magritte-border-radius-0___--hCS_3-0-48","borderRadius0":"magritte-border-radius-0___--hCS_3-0-48","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_3-0-48","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_3-0-48","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_3-0-48","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_3-0-48","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_3-0-48","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_3-0-48","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_3-0-48","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_3-0-48","border-radius-12":"magritte-border-radius-12___ihVXv_3-0-48","borderRadius12":"magritte-border-radius-12___ihVXv_3-0-48","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_3-0-48","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_3-0-48","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_3-0-48","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_3-0-48","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_3-0-48","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_3-0-48","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_3-0-48","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_3-0-48","border-radius-16":"magritte-border-radius-16___6eKmx_3-0-48","borderRadius16":"magritte-border-radius-16___6eKmx_3-0-48","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_3-0-48","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_3-0-48","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_3-0-48","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_3-0-48","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_3-0-48","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_3-0-48","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_3-0-48","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_3-0-48","border-radius-24":"magritte-border-radius-24___ulqxw_3-0-48","borderRadius24":"magritte-border-radius-24___ulqxw_3-0-48","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_3-0-48","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_3-0-48","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_3-0-48","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_3-0-48","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_3-0-48","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_3-0-48","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_3-0-48","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_3-0-48","border-radius-32":"magritte-border-radius-32___Bvm7h_3-0-48","borderRadius32":"magritte-border-radius-32___Bvm7h_3-0-48","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_3-0-48","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_3-0-48","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_3-0-48","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_3-0-48","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_3-0-48","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_3-0-48","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_3-0-48","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_3-0-48","border-radius-40":"magritte-border-radius-40___CSg91_3-0-48","borderRadius40":"magritte-border-radius-40___CSg91_3-0-48","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_3-0-48","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_3-0-48","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_3-0-48","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_3-0-48","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_3-0-48","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_3-0-48","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_3-0-48","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_3-0-48","scroll-container":"magritte-scroll-container___FuttX_3-0-48","scrollContainer":"magritte-scroll-container___FuttX_3-0-48","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_3-0-48","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_3-0-48"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=checkable-card-Bbkw5N1E.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkable-card-Bbkw5N1E.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -53,38 +53,38 @@
53
53
  --magritte-color-component-checkable-card-stroke-state-checked-disabled-v19-1-2:#303030;
54
54
  --magritte-color-component-checkable-card-stroke-state-focused-accessible-v19-1-2:#0070ff7a;
55
55
  }
56
- .magritte-card___kxw8G_3-0-47{
56
+ .magritte-card___kxw8G_3-0-48{
57
57
  display:inline-flex;
58
58
  flex:1 1 auto;
59
59
  align-items:stretch;
60
60
  justify-items:stretch;
61
61
  cursor:pointer;
62
62
  }
63
- .magritte-card___kxw8G_3-0-47 > input{
63
+ .magritte-card___kxw8G_3-0-48 > input{
64
64
  position:absolute;
65
65
  clip-path:inset(100%);
66
66
  clip:rect(0 0 0 0);
67
67
  }
68
- .magritte-card-skeleton___QeWAi_3-0-47{
68
+ .magritte-card-skeleton___QeWAi_3-0-48{
69
69
  display:inline-flex;
70
70
  flex:1 1 auto;
71
71
  align-items:stretch;
72
72
  justify-items:stretch;
73
73
  }
74
- .magritte-card_disabled___VY399_3-0-47{
74
+ .magritte-card_disabled___VY399_3-0-48{
75
75
  cursor:default;
76
76
  }
77
- .magritte-card_hug-content___5HzPo_3-0-47{
77
+ .magritte-card_hug-content___5HzPo_3-0-48{
78
78
  flex:0 0 auto;
79
79
  }
80
- .magritte-content___8L-gU_3-0-47{
80
+ .magritte-content___8L-gU_3-0-48{
81
81
  display:inline-flex;
82
82
  flex:1 1 auto;
83
83
  align-items:stretch;
84
84
  justify-items:stretch;
85
85
  overflow:hidden;
86
86
  }
87
- .magritte-content-border-container___nYgS5_3-0-47{
87
+ .magritte-content-border-container___nYgS5_3-0-48{
88
88
  display:inline-flex;
89
89
  flex:1 1 auto;
90
90
  align-items:stretch;
@@ -93,7 +93,7 @@
93
93
  transition:background-color var(--magritte-semantic-animation-ease-in-out-200-duration-v19-1-2) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v19-1-2);
94
94
  background-color:var(--magritte-color-component-checkable-card-background-unchecked-v19-1-2);
95
95
  }
96
- .magritte-content-border-container___nYgS5_3-0-47::before{
96
+ .magritte-content-border-container___nYgS5_3-0-48::before{
97
97
  content:'';
98
98
  position:absolute;
99
99
  top:0;
@@ -105,374 +105,374 @@
105
105
  transition:border-color var(--magritte-semantic-animation-ease-in-out-200-duration-v19-1-2) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v19-1-2);
106
106
  border:1px solid var(--magritte-color-component-checkable-card-stroke-unchecked-v19-1-2);
107
107
  }
108
- .magritte-content-opacity-container___6F4WI_3-0-47{
108
+ .magritte-content-opacity-container___6F4WI_3-0-48{
109
109
  display:flex;
110
110
  flex:1 1 auto;
111
111
  }
112
- .magritte-card___kxw8G_3-0-47 > input:checked + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before,
113
- .magritte-card___kxw8G_3-0-47.magritte-card_checked___nN6ga_3-0-47 .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
112
+ .magritte-card___kxw8G_3-0-48 > input:checked + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before,
113
+ .magritte-card___kxw8G_3-0-48.magritte-card_checked___nN6ga_3-0-48 .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
114
114
  border-color:var(--magritte-color-component-checkable-card-stroke-checked-v19-1-2);
115
115
  border-width:2px;
116
116
  }
117
- .magritte-card___kxw8G_3-0-47 > input.focus-visible + .magritte-content___8L-gU_3-0-47,
118
- .magritte-card___kxw8G_3-0-47.focus-visible .magritte-content___8L-gU_3-0-47{
117
+ .magritte-card___kxw8G_3-0-48 > input.focus-visible + .magritte-content___8L-gU_3-0-48,
118
+ .magritte-card___kxw8G_3-0-48.focus-visible .magritte-content___8L-gU_3-0-48{
119
119
  outline:var(--magritte-color-component-checkable-card-stroke-state-focused-accessible-v19-1-2) solid 4px;
120
120
  }
121
- .magritte-card___kxw8G_3-0-47 > input:disabled + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
122
- .magritte-card___kxw8G_3-0-47.magritte-card_disabled___VY399_3-0-47 .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47{
121
+ .magritte-card___kxw8G_3-0-48 > input:disabled + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
122
+ .magritte-card___kxw8G_3-0-48.magritte-card_disabled___VY399_3-0-48 .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48{
123
123
  background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-disabled-v19-1-2);
124
124
  }
125
- .magritte-card___kxw8G_3-0-47 > input:disabled + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before,
126
- .magritte-card___kxw8G_3-0-47.magritte-card_disabled___VY399_3-0-47 .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
125
+ .magritte-card___kxw8G_3-0-48 > input:disabled + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before,
126
+ .magritte-card___kxw8G_3-0-48.magritte-card_disabled___VY399_3-0-48 .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
127
127
  border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v19-1-2);
128
128
  border-width:1px;
129
129
  }
130
- .magritte-card___kxw8G_3-0-47 > input:checked:disabled + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
131
- .magritte-card___kxw8G_3-0-47.magritte-card_checked___nN6ga_3-0-47.magritte-card_disabled___VY399_3-0-47 .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47{
130
+ .magritte-card___kxw8G_3-0-48 > input:checked:disabled + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
131
+ .magritte-card___kxw8G_3-0-48.magritte-card_checked___nN6ga_3-0-48.magritte-card_disabled___VY399_3-0-48 .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48{
132
132
  background-color:var(--magritte-color-component-checkable-card-background-state-checked-disabled-v19-1-2);
133
133
  }
134
- .magritte-card___kxw8G_3-0-47 > input:checked:disabled + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before,
135
- .magritte-card___kxw8G_3-0-47.magritte-card_checked___nN6ga_3-0-47.magritte-card_disabled___VY399_3-0-47 .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
134
+ .magritte-card___kxw8G_3-0-48 > input:checked:disabled + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before,
135
+ .magritte-card___kxw8G_3-0-48.magritte-card_checked___nN6ga_3-0-48.magritte-card_disabled___VY399_3-0-48 .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
136
136
  border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-disabled-v19-1-2);
137
137
  border-width:2px;
138
138
  }
139
- .magritte-card___kxw8G_3-0-47 > input:disabled + .magritte-content___8L-gU_3-0-47 .magritte-content-opacity-container___6F4WI_3-0-47,
140
- .magritte-card_disabled___VY399_3-0-47 .magritte-content___8L-gU_3-0-47 .magritte-content-opacity-container___6F4WI_3-0-47{
139
+ .magritte-card___kxw8G_3-0-48 > input:disabled + .magritte-content___8L-gU_3-0-48 .magritte-content-opacity-container___6F4WI_3-0-48,
140
+ .magritte-card_disabled___VY399_3-0-48 .magritte-content___8L-gU_3-0-48 .magritte-content-opacity-container___6F4WI_3-0-48{
141
141
  opacity:var(--magritte-semantic-opacity-disabled-v19-1-2);
142
142
  }
143
143
  @media (min-width: 1020px){
144
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
145
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47:not(:active):not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
144
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
145
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48:not(:active):not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
146
146
  background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v19-1-2);
147
147
  }
148
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before,
149
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47:not(:active):not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before{
148
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before,
149
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48:not(:active):not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before{
150
150
  border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v19-1-2);
151
151
  border-width:1px;
152
152
  }
153
153
  }
154
154
  @media (min-width: 1024px){
155
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
156
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47:not(:active):not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
155
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
156
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48:not(:active):not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
157
157
  background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v19-1-2);
158
158
  }
159
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before,
160
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47:not(:active):not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before{
159
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before,
160
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48:not(:active):not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before{
161
161
  border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v19-1-2);
162
162
  border-width:1px;
163
163
  }
164
164
  }
165
165
  @media (min-width: 1020px){
166
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
167
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47:not(:active).magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
166
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
167
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48:not(:active).magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
168
168
  background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v19-1-2);
169
169
  }
170
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before,
171
- body.magritte-old-layout .magritte-card___kxw8G_3-0-47:not(:active).magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before{
170
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before,
171
+ body.magritte-old-layout .magritte-card___kxw8G_3-0-48:not(:active).magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before{
172
172
  border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v19-1-2);
173
173
  border-width:2px;
174
174
  }
175
175
  }
176
176
  @media (min-width: 1024px){
177
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
178
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47:not(:active).magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
177
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
178
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48:not(:active).magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
179
179
  background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v19-1-2);
180
180
  }
181
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before,
182
- body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-47:not(:active).magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47::before{
181
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before,
182
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_3-0-48:not(:active).magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48::before{
183
183
  border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v19-1-2);
184
184
  border-width:2px;
185
185
  }
186
186
  }
187
187
  @media (min-width: 1020px){
188
- body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-47 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
189
- body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-47:not(:active):not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
188
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
189
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-48:not(:active):not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
190
190
  background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v19-1-2);
191
191
  }
192
192
  }
193
193
  @media (min-width: 1024px){
194
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-47 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
195
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-47:not(:active):not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
194
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-48 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
195
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-48:not(:active):not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
196
196
  background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v19-1-2);
197
197
  }
198
198
  }
199
199
  @media (min-width: 1020px){
200
- body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-47 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
201
- body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-47:not(:active).magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
200
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
201
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_3-0-48:not(:active).magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
202
202
  background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v19-1-2);
203
203
  }
204
204
  }
205
205
  @media (min-width: 1024px){
206
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-47 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47,
207
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-47:not(:active).magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47:hover .magritte-content-border-container___nYgS5_3-0-47{
206
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-48 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48,
207
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_3-0-48:not(:active).magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48:hover .magritte-content-border-container___nYgS5_3-0-48{
208
208
  background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v19-1-2);
209
209
  }
210
210
  }
211
- .magritte-card___kxw8G_3-0-47 > input:active:not(:disabled) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
212
- .magritte-card___kxw8G_3-0-47:active:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47{
211
+ .magritte-card___kxw8G_3-0-48 > input:active:not(:disabled) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
212
+ .magritte-card___kxw8G_3-0-48:active:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48{
213
213
  background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-pressed-v19-1-2);
214
214
  }
215
- .magritte-card___kxw8G_3-0-47 > input:active:not(:disabled) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before,
216
- .magritte-card___kxw8G_3-0-47:active:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
215
+ .magritte-card___kxw8G_3-0-48 > input:active:not(:disabled) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before,
216
+ .magritte-card___kxw8G_3-0-48:active:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
217
217
  border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v19-1-2);
218
218
  border-width:1px;
219
219
  }
220
- .magritte-card___kxw8G_3-0-47 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
221
- .magritte-card___kxw8G_3-0-47:active.magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47{
220
+ .magritte-card___kxw8G_3-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
221
+ .magritte-card___kxw8G_3-0-48:active.magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48{
222
222
  background-color:var(--magritte-color-component-checkable-card-background-state-checked-pressed-v19-1-2);
223
223
  }
224
- .magritte-card___kxw8G_3-0-47 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before,
225
- .magritte-card___kxw8G_3-0-47:active.magritte-card_checked___nN6ga_3-0-47:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
224
+ .magritte-card___kxw8G_3-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before,
225
+ .magritte-card___kxw8G_3-0-48:active.magritte-card_checked___nN6ga_3-0-48:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
226
226
  border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v19-1-2);
227
227
  border-width:2px;
228
228
  }
229
- .magritte-card_tone-hover___t2ICs_3-0-47 > input:active:not(.magritte-disabled___Ab4OC_3-0-47) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
230
- .magritte-card_tone-hover___t2ICs_3-0-47:active:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47{
229
+ .magritte-card_tone-hover___t2ICs_3-0-48 > input:active:not(.magritte-disabled___Ab4OC_3-0-48) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
230
+ .magritte-card_tone-hover___t2ICs_3-0-48:active:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48{
231
231
  background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v19-1-2);
232
232
  }
233
- .magritte-card_tone-hover___t2ICs_3-0-47 > input:active:not(.magritte-disabled___Ab4OC_3-0-47) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before,
234
- .magritte-card_tone-hover___t2ICs_3-0-47:active:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
233
+ .magritte-card_tone-hover___t2ICs_3-0-48 > input:active:not(.magritte-disabled___Ab4OC_3-0-48) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before,
234
+ .magritte-card_tone-hover___t2ICs_3-0-48:active:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
235
235
  border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v19-1-2);
236
236
  border-width:1px;
237
237
  }
238
- .magritte-card_tone-hover___t2ICs_3-0-47 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
239
- .magritte-card_tone-hover___t2ICs_3-0-47.magritte-card_checked___nN6ga_3-0-47:active:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47{
238
+ .magritte-card_tone-hover___t2ICs_3-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
239
+ .magritte-card_tone-hover___t2ICs_3-0-48.magritte-card_checked___nN6ga_3-0-48:active:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48{
240
240
  background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-pressed-v19-1-2);
241
241
  }
242
- .magritte-card_tone-hover___t2ICs_3-0-47 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before,
243
- .magritte-card_tone-hover___t2ICs_3-0-47.magritte-card_checked___nN6ga_3-0-47:active:not(.magritte-card_disabled___VY399_3-0-47) .magritte-content___8L-gU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
242
+ .magritte-card_tone-hover___t2ICs_3-0-48 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before,
243
+ .magritte-card_tone-hover___t2ICs_3-0-48.magritte-card_checked___nN6ga_3-0-48:active:not(.magritte-card_disabled___VY399_3-0-48) .magritte-content___8L-gU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
244
244
  border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v19-1-2);
245
245
  border-width:2px;
246
246
  }
247
- .magritte-border-radius-0___--hCS_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
248
- .magritte-border-radius-0___--hCS_3-0-47 .magritte-content___8L-gU_3-0-47{
247
+ .magritte-border-radius-0___--hCS_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
248
+ .magritte-border-radius-0___--hCS_3-0-48 .magritte-content___8L-gU_3-0-48{
249
249
  border-radius:var(--magritte-static-border-radius-0-v19-1-2);
250
250
  }
251
- .magritte-border-radius-0___--hCS_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
251
+ .magritte-border-radius-0___--hCS_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
252
252
  border-radius:var(--magritte-static-border-radius-0-v19-1-2);
253
253
  }
254
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-0___IV8UU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
255
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-0___IV8UU_3-0-47 .magritte-content___8L-gU_3-0-47{
254
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-0___IV8UU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
255
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-0___IV8UU_3-0-48 .magritte-content___8L-gU_3-0-48{
256
256
  border-top-left-radius:var(--magritte-static-border-radius-0-v19-1-2);
257
257
  }
258
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-0___IV8UU_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
258
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-0___IV8UU_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
259
259
  border-top-left-radius:var(--magritte-static-border-radius-0-v19-1-2);
260
260
  }
261
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-0___eBVf0_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
262
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-0___eBVf0_3-0-47 .magritte-content___8L-gU_3-0-47{
261
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-0___eBVf0_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
262
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-0___eBVf0_3-0-48 .magritte-content___8L-gU_3-0-48{
263
263
  border-top-right-radius:var(--magritte-static-border-radius-0-v19-1-2);
264
264
  }
265
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-0___eBVf0_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
265
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-0___eBVf0_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
266
266
  border-top-right-radius:var(--magritte-static-border-radius-0-v19-1-2);
267
267
  }
268
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-0___jmTBk_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
269
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-0___jmTBk_3-0-47 .magritte-content___8L-gU_3-0-47{
268
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-0___jmTBk_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
269
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-0___jmTBk_3-0-48 .magritte-content___8L-gU_3-0-48{
270
270
  border-bottom-left-radius:var(--magritte-static-border-radius-0-v19-1-2);
271
271
  }
272
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-0___jmTBk_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
272
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-0___jmTBk_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
273
273
  border-bottom-left-radius:var(--magritte-static-border-radius-0-v19-1-2);
274
274
  }
275
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-0___D-Fs-_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
276
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-0___D-Fs-_3-0-47 .magritte-content___8L-gU_3-0-47{
275
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-0___D-Fs-_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
276
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-0___D-Fs-_3-0-48 .magritte-content___8L-gU_3-0-48{
277
277
  border-bottom-right-radius:var(--magritte-static-border-radius-0-v19-1-2);
278
278
  }
279
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-0___D-Fs-_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
279
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-0___D-Fs-_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
280
280
  border-bottom-right-radius:var(--magritte-static-border-radius-0-v19-1-2);
281
281
  }
282
- .magritte-border-radius-12___ihVXv_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
283
- .magritte-border-radius-12___ihVXv_3-0-47 .magritte-content___8L-gU_3-0-47{
282
+ .magritte-border-radius-12___ihVXv_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
283
+ .magritte-border-radius-12___ihVXv_3-0-48 .magritte-content___8L-gU_3-0-48{
284
284
  border-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
285
285
  }
286
- .magritte-border-radius-12___ihVXv_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
286
+ .magritte-border-radius-12___ihVXv_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
287
287
  border-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
288
288
  }
289
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-12___c-jEA_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
290
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-12___c-jEA_3-0-47 .magritte-content___8L-gU_3-0-47{
289
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-12___c-jEA_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
290
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-12___c-jEA_3-0-48 .magritte-content___8L-gU_3-0-48{
291
291
  border-top-left-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
292
292
  }
293
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-12___c-jEA_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
293
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-12___c-jEA_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
294
294
  border-top-left-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
295
295
  }
296
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-12___UA8OT_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
297
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-12___UA8OT_3-0-47 .magritte-content___8L-gU_3-0-47{
296
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-12___UA8OT_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
297
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-12___UA8OT_3-0-48 .magritte-content___8L-gU_3-0-48{
298
298
  border-top-right-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
299
299
  }
300
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-12___UA8OT_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
300
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-12___UA8OT_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
301
301
  border-top-right-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
302
302
  }
303
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-12___fJtJ7_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
304
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-12___fJtJ7_3-0-47 .magritte-content___8L-gU_3-0-47{
303
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-12___fJtJ7_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
304
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-12___fJtJ7_3-0-48 .magritte-content___8L-gU_3-0-48{
305
305
  border-bottom-left-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
306
306
  }
307
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-12___fJtJ7_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
307
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-12___fJtJ7_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
308
308
  border-bottom-left-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
309
309
  }
310
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-12___2FNgs_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
311
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-12___2FNgs_3-0-47 .magritte-content___8L-gU_3-0-47{
310
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-12___2FNgs_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
311
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-12___2FNgs_3-0-48 .magritte-content___8L-gU_3-0-48{
312
312
  border-bottom-right-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
313
313
  }
314
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-12___2FNgs_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
314
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-12___2FNgs_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
315
315
  border-bottom-right-radius:var(--magritte-semantic-border-radius-form-v19-1-2);
316
316
  }
317
- .magritte-border-radius-16___6eKmx_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
318
- .magritte-border-radius-16___6eKmx_3-0-47 .magritte-content___8L-gU_3-0-47{
317
+ .magritte-border-radius-16___6eKmx_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
318
+ .magritte-border-radius-16___6eKmx_3-0-48 .magritte-content___8L-gU_3-0-48{
319
319
  border-radius:var(--magritte-static-border-radius-400-v19-1-2);
320
320
  }
321
- .magritte-border-radius-16___6eKmx_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
321
+ .magritte-border-radius-16___6eKmx_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
322
322
  border-radius:var(--magritte-static-border-radius-400-v19-1-2);
323
323
  }
324
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-16___tZAjN_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
325
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-16___tZAjN_3-0-47 .magritte-content___8L-gU_3-0-47{
324
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-16___tZAjN_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
325
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-16___tZAjN_3-0-48 .magritte-content___8L-gU_3-0-48{
326
326
  border-top-left-radius:var(--magritte-static-border-radius-400-v19-1-2);
327
327
  }
328
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-16___tZAjN_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
328
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-16___tZAjN_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
329
329
  border-top-left-radius:var(--magritte-static-border-radius-400-v19-1-2);
330
330
  }
331
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-16___1S1ct_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
332
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-16___1S1ct_3-0-47 .magritte-content___8L-gU_3-0-47{
331
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-16___1S1ct_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
332
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-16___1S1ct_3-0-48 .magritte-content___8L-gU_3-0-48{
333
333
  border-top-right-radius:var(--magritte-static-border-radius-400-v19-1-2);
334
334
  }
335
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-16___1S1ct_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
335
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-16___1S1ct_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
336
336
  border-top-right-radius:var(--magritte-static-border-radius-400-v19-1-2);
337
337
  }
338
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-16___i0GAm_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
339
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-16___i0GAm_3-0-47 .magritte-content___8L-gU_3-0-47{
338
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-16___i0GAm_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
339
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-16___i0GAm_3-0-48 .magritte-content___8L-gU_3-0-48{
340
340
  border-bottom-left-radius:var(--magritte-static-border-radius-400-v19-1-2);
341
341
  }
342
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-16___i0GAm_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
342
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-16___i0GAm_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
343
343
  border-bottom-left-radius:var(--magritte-static-border-radius-400-v19-1-2);
344
344
  }
345
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-16___cGBZM_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
346
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-16___cGBZM_3-0-47 .magritte-content___8L-gU_3-0-47{
345
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-16___cGBZM_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
346
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-16___cGBZM_3-0-48 .magritte-content___8L-gU_3-0-48{
347
347
  border-bottom-right-radius:var(--magritte-static-border-radius-400-v19-1-2);
348
348
  }
349
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-16___cGBZM_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
349
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-16___cGBZM_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
350
350
  border-bottom-right-radius:var(--magritte-static-border-radius-400-v19-1-2);
351
351
  }
352
- .magritte-border-radius-24___ulqxw_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
353
- .magritte-border-radius-24___ulqxw_3-0-47 .magritte-content___8L-gU_3-0-47{
352
+ .magritte-border-radius-24___ulqxw_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
353
+ .magritte-border-radius-24___ulqxw_3-0-48 .magritte-content___8L-gU_3-0-48{
354
354
  border-radius:var(--magritte-static-border-radius-600-v19-1-2);
355
355
  }
356
- .magritte-border-radius-24___ulqxw_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
356
+ .magritte-border-radius-24___ulqxw_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
357
357
  border-radius:var(--magritte-static-border-radius-600-v19-1-2);
358
358
  }
359
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-24___kJKz-_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
360
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-24___kJKz-_3-0-47 .magritte-content___8L-gU_3-0-47{
359
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-24___kJKz-_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
360
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-24___kJKz-_3-0-48 .magritte-content___8L-gU_3-0-48{
361
361
  border-top-left-radius:var(--magritte-static-border-radius-600-v19-1-2);
362
362
  }
363
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-24___kJKz-_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
363
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-24___kJKz-_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
364
364
  border-top-left-radius:var(--magritte-static-border-radius-600-v19-1-2);
365
365
  }
366
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-24___h4WrI_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
367
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-24___h4WrI_3-0-47 .magritte-content___8L-gU_3-0-47{
366
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-24___h4WrI_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
367
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-24___h4WrI_3-0-48 .magritte-content___8L-gU_3-0-48{
368
368
  border-top-right-radius:var(--magritte-static-border-radius-600-v19-1-2);
369
369
  }
370
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-24___h4WrI_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
370
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-24___h4WrI_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
371
371
  border-top-right-radius:var(--magritte-static-border-radius-600-v19-1-2);
372
372
  }
373
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-24___CwCs8_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
374
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-24___CwCs8_3-0-47 .magritte-content___8L-gU_3-0-47{
373
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-24___CwCs8_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
374
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-24___CwCs8_3-0-48 .magritte-content___8L-gU_3-0-48{
375
375
  border-bottom-left-radius:var(--magritte-static-border-radius-600-v19-1-2);
376
376
  }
377
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-24___CwCs8_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
377
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-24___CwCs8_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
378
378
  border-bottom-left-radius:var(--magritte-static-border-radius-600-v19-1-2);
379
379
  }
380
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-24___PIRfH_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
381
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-24___PIRfH_3-0-47 .magritte-content___8L-gU_3-0-47{
380
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-24___PIRfH_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
381
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-24___PIRfH_3-0-48 .magritte-content___8L-gU_3-0-48{
382
382
  border-bottom-right-radius:var(--magritte-static-border-radius-600-v19-1-2);
383
383
  }
384
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-24___PIRfH_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
384
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-24___PIRfH_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
385
385
  border-bottom-right-radius:var(--magritte-static-border-radius-600-v19-1-2);
386
386
  }
387
- .magritte-border-radius-32___Bvm7h_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
388
- .magritte-border-radius-32___Bvm7h_3-0-47 .magritte-content___8L-gU_3-0-47{
387
+ .magritte-border-radius-32___Bvm7h_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
388
+ .magritte-border-radius-32___Bvm7h_3-0-48 .magritte-content___8L-gU_3-0-48{
389
389
  border-radius:var(--magritte-static-border-radius-800-v19-1-2);
390
390
  }
391
- .magritte-border-radius-32___Bvm7h_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
391
+ .magritte-border-radius-32___Bvm7h_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
392
392
  border-radius:var(--magritte-static-border-radius-800-v19-1-2);
393
393
  }
394
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-32___QVqKC_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
395
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-32___QVqKC_3-0-47 .magritte-content___8L-gU_3-0-47{
394
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-32___QVqKC_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
395
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-32___QVqKC_3-0-48 .magritte-content___8L-gU_3-0-48{
396
396
  border-top-left-radius:var(--magritte-static-border-radius-800-v19-1-2);
397
397
  }
398
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-32___QVqKC_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
398
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-32___QVqKC_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
399
399
  border-top-left-radius:var(--magritte-static-border-radius-800-v19-1-2);
400
400
  }
401
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-32___7a2qq_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
402
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-32___7a2qq_3-0-47 .magritte-content___8L-gU_3-0-47{
401
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-32___7a2qq_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
402
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-32___7a2qq_3-0-48 .magritte-content___8L-gU_3-0-48{
403
403
  border-top-right-radius:var(--magritte-static-border-radius-800-v19-1-2);
404
404
  }
405
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-32___7a2qq_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
405
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-32___7a2qq_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
406
406
  border-top-right-radius:var(--magritte-static-border-radius-800-v19-1-2);
407
407
  }
408
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-32___cmrmL_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
409
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-32___cmrmL_3-0-47 .magritte-content___8L-gU_3-0-47{
408
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-32___cmrmL_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
409
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-32___cmrmL_3-0-48 .magritte-content___8L-gU_3-0-48{
410
410
  border-bottom-left-radius:var(--magritte-static-border-radius-800-v19-1-2);
411
411
  }
412
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-32___cmrmL_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
412
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-32___cmrmL_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
413
413
  border-bottom-left-radius:var(--magritte-static-border-radius-800-v19-1-2);
414
414
  }
415
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-32___yMDwz_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
416
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-32___yMDwz_3-0-47 .magritte-content___8L-gU_3-0-47{
415
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-32___yMDwz_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
416
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-32___yMDwz_3-0-48 .magritte-content___8L-gU_3-0-48{
417
417
  border-bottom-right-radius:var(--magritte-static-border-radius-800-v19-1-2);
418
418
  }
419
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-32___yMDwz_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
419
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-32___yMDwz_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
420
420
  border-bottom-right-radius:var(--magritte-static-border-radius-800-v19-1-2);
421
421
  }
422
- .magritte-border-radius-40___CSg91_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
423
- .magritte-border-radius-40___CSg91_3-0-47 .magritte-content___8L-gU_3-0-47{
422
+ .magritte-border-radius-40___CSg91_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
423
+ .magritte-border-radius-40___CSg91_3-0-48 .magritte-content___8L-gU_3-0-48{
424
424
  border-radius:var(--magritte-static-border-radius-1000-v19-1-2);
425
425
  }
426
- .magritte-border-radius-40___CSg91_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
426
+ .magritte-border-radius-40___CSg91_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
427
427
  border-radius:var(--magritte-static-border-radius-1000-v19-1-2);
428
428
  }
429
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-40___oANEa_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
430
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-40___oANEa_3-0-47 .magritte-content___8L-gU_3-0-47{
429
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-40___oANEa_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
430
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-40___oANEa_3-0-48 .magritte-content___8L-gU_3-0-48{
431
431
  border-top-left-radius:var(--magritte-static-border-radius-1000-v19-1-2);
432
432
  }
433
- .magritte-card___kxw8G_3-0-47.magritte-border-top-left-radius-40___oANEa_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
433
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-left-radius-40___oANEa_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
434
434
  border-top-left-radius:var(--magritte-static-border-radius-1000-v19-1-2);
435
435
  }
436
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-40___TYtjf_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
437
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-40___TYtjf_3-0-47 .magritte-content___8L-gU_3-0-47{
436
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-40___TYtjf_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
437
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-40___TYtjf_3-0-48 .magritte-content___8L-gU_3-0-48{
438
438
  border-top-right-radius:var(--magritte-static-border-radius-1000-v19-1-2);
439
439
  }
440
- .magritte-card___kxw8G_3-0-47.magritte-border-top-right-radius-40___TYtjf_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
440
+ .magritte-card___kxw8G_3-0-48.magritte-border-top-right-radius-40___TYtjf_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
441
441
  border-top-right-radius:var(--magritte-static-border-radius-1000-v19-1-2);
442
442
  }
443
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-40___-bPFb_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
444
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-40___-bPFb_3-0-47 .magritte-content___8L-gU_3-0-47{
443
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-40___-bPFb_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
444
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-40___-bPFb_3-0-48 .magritte-content___8L-gU_3-0-48{
445
445
  border-bottom-left-radius:var(--magritte-static-border-radius-1000-v19-1-2);
446
446
  }
447
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-left-radius-40___-bPFb_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
447
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-left-radius-40___-bPFb_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
448
448
  border-bottom-left-radius:var(--magritte-static-border-radius-1000-v19-1-2);
449
449
  }
450
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-40___ArdFn_3-0-47 .magritte-content-border-container___nYgS5_3-0-47,
451
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-40___ArdFn_3-0-47 .magritte-content___8L-gU_3-0-47{
450
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-40___ArdFn_3-0-48 .magritte-content-border-container___nYgS5_3-0-48,
451
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-40___ArdFn_3-0-48 .magritte-content___8L-gU_3-0-48{
452
452
  border-bottom-right-radius:var(--magritte-static-border-radius-1000-v19-1-2);
453
453
  }
454
- .magritte-card___kxw8G_3-0-47.magritte-border-bottom-right-radius-40___ArdFn_3-0-47 .magritte-content-border-container___nYgS5_3-0-47::before{
454
+ .magritte-card___kxw8G_3-0-48.magritte-border-bottom-right-radius-40___ArdFn_3-0-48 .magritte-content-border-container___nYgS5_3-0-48::before{
455
455
  border-bottom-right-radius:var(--magritte-static-border-radius-1000-v19-1-2);
456
456
  }
457
- .magritte-scroll-container___FuttX_3-0-47{
457
+ .magritte-scroll-container___FuttX_3-0-48{
458
458
  width:200%;
459
459
  }
460
- .magritte-scroll-container___FuttX_3-0-47 > *{
460
+ .magritte-scroll-container___FuttX_3-0-48 > *{
461
461
  flex-wrap:wrap;
462
462
  }
463
463
  @media (min-width: 1020px){
464
- body.magritte-old-layout .magritte-scroll-container___FuttX_3-0-47:not(.magritte-scroll-container-mobile___9y-d7_3-0-47){
464
+ body.magritte-old-layout .magritte-scroll-container___FuttX_3-0-48:not(.magritte-scroll-container-mobile___9y-d7_3-0-48){
465
465
  width:auto;
466
466
  }
467
- body.magritte-old-layout .magritte-scroll-container___FuttX_3-0-47:not(.magritte-scroll-container-mobile___9y-d7_3-0-47) > *{
467
+ body.magritte-old-layout .magritte-scroll-container___FuttX_3-0-48:not(.magritte-scroll-container-mobile___9y-d7_3-0-48) > *{
468
468
  flex-wrap:nowrap;
469
469
  }
470
470
  }
471
471
  @media (min-width: 1024px){
472
- body:not(.magritte-old-layout) .magritte-scroll-container___FuttX_3-0-47:not(.magritte-scroll-container-mobile___9y-d7_3-0-47){
472
+ body:not(.magritte-old-layout) .magritte-scroll-container___FuttX_3-0-48:not(.magritte-scroll-container-mobile___9y-d7_3-0-48){
473
473
  width:auto;
474
474
  }
475
- body:not(.magritte-old-layout) .magritte-scroll-container___FuttX_3-0-47:not(.magritte-scroll-container-mobile___9y-d7_3-0-47) > *{
475
+ body:not(.magritte-old-layout) .magritte-scroll-container___FuttX_3-0-48:not(.magritte-scroll-container-mobile___9y-d7_3-0-48) > *{
476
476
  flex-wrap:nowrap;
477
477
  }
478
478
  }
package/index.js CHANGED
@@ -8,7 +8,7 @@ import '@hh.ru/magritte-common-keyboard';
8
8
  import '@hh.ru/magritte-common-use-disabled';
9
9
  import './CheckableCardElement.js';
10
10
  import 'classnames';
11
- import './checkable-card-CZFE8c18.js';
11
+ import './checkable-card-Bbkw5N1E.js';
12
12
  import './Skeleton.js';
13
13
  import '@hh.ru/magritte-common-use-loading-state';
14
14
  import '@hh.ru/magritte-ui-skeleton';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-checkable-card",
3
- "version": "3.0.47",
3
+ "version": "3.0.48",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -28,15 +28,15 @@
28
28
  "@hh.ru/magritte-common-use-disabled": "1.0.9",
29
29
  "@hh.ru/magritte-common-use-loading-state": "1.0.5",
30
30
  "@hh.ru/magritte-design-tokens": "19.1.2",
31
- "@hh.ru/magritte-types": "4.0.3",
31
+ "@hh.ru/magritte-types": "5.0.0",
32
32
  "@hh.ru/magritte-ui-breakpoint": "4.0.4",
33
33
  "@hh.ru/magritte-ui-mock-component": "1.0.11",
34
- "@hh.ru/magritte-ui-scrollable-container": "4.4.0",
35
- "@hh.ru/magritte-ui-skeleton": "2.1.14",
34
+ "@hh.ru/magritte-ui-scrollable-container": "4.4.1",
35
+ "@hh.ru/magritte-ui-skeleton": "2.1.15",
36
36
  "@hh.ru/magritte-ui-theme-provider": "1.1.31"
37
37
  },
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "01139f44e3220b2f920526a7d93ac4d43082ace6"
41
+ "gitHead": "34aa8b63db1d1af2d969ef765d060ac8f59cd9ff"
42
42
  }
package/types.d.ts CHANGED
@@ -1,5 +1,3 @@
1
- import { ForwardedRef, InputHTMLAttributes, ReactElement, ReactNode } from 'react';
2
- import { PropsWithCustomElement, PropsWithElement } from '@hh.ru/magritte-types';
3
1
  export type CheckableCardPadding = 0 | 8 | 12 | 16 | 24 | 32 | 40;
4
2
  export type CheckableCardBorderRadius = 0 | 12 | 16 | 24 | 32 | 40;
5
3
  export interface CheckableCardBaseProps {
@@ -32,31 +30,17 @@ export interface CheckableCardBaseProps {
32
30
  /** data-qa для элемента label */
33
31
  labelDataQa?: string;
34
32
  }
35
- export interface CheckableCardElementBaseProps extends CheckableCardBaseProps {
36
- input?: ReactNode;
33
+ export interface CheckableCardElementProps extends CheckableCardBaseProps {
34
+ children?: React.ReactNode;
35
+ input?: React.ReactNode;
37
36
  checked?: boolean;
38
- contentRef?: ForwardedRef<HTMLDivElement>;
37
+ contentRef?: React.ForwardedRef<HTMLDivElement>;
39
38
  Element?: 'label' | 'div';
40
39
  /** Флаг включающий focus-visible состояние */
41
40
  focusVisible?: boolean;
42
41
  }
43
- interface CheckableCardElementLabelProps extends CheckableCardElementBaseProps {
44
- labelRef?: ForwardedRef<HTMLLabelElement>;
45
- }
46
- interface CheckableCardElementDivProps extends CheckableCardElementBaseProps {
47
- labelRef?: ForwardedRef<HTMLDivElement>;
48
- }
49
- export type CheckableCardElementHelper<ElementType> = ElementType extends 'div' ? CheckableCardElementDivProps : CheckableCardElementLabelProps;
50
- export interface CheckableCardElementWithCustomElement<ComponentProps extends PropsWithElement, DefaultElement extends ComponentProps['Element'] | React.ComponentType<any>> {
51
- <ElementType extends any = DefaultElement>(props: PropsWithCustomElement<ComponentProps, ElementType> & {
52
- labelRef?: ForwardedRef<HTMLLabelElement>;
53
- }): ReactElement | null;
54
- displayName?: string;
55
- }
56
- export type CheckableCardElementProps = CheckableCardElementWithCustomElement<CheckableCardElementBaseProps, 'div'>;
57
42
  export interface CheckableCardNativeProps extends CheckableCardBaseProps {
58
43
  /** Тип CheckableCard */
59
44
  type: 'radio' | 'checkbox';
60
45
  }
61
- export type CheckableCardProps = CheckableCardNativeProps & Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckableCardBaseProps>;
62
- export {};
46
+ export type CheckableCardProps = CheckableCardNativeProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof CheckableCardBaseProps>;
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"card":"magritte-card___kxw8G_3-0-47","card-skeleton":"magritte-card-skeleton___QeWAi_3-0-47","cardSkeleton":"magritte-card-skeleton___QeWAi_3-0-47","card_disabled":"magritte-card_disabled___VY399_3-0-47","cardDisabled":"magritte-card_disabled___VY399_3-0-47","card_hug-content":"magritte-card_hug-content___5HzPo_3-0-47","cardHugContent":"magritte-card_hug-content___5HzPo_3-0-47","content":"magritte-content___8L-gU_3-0-47","content-border-container":"magritte-content-border-container___nYgS5_3-0-47","contentBorderContainer":"magritte-content-border-container___nYgS5_3-0-47","content-opacity-container":"magritte-content-opacity-container___6F4WI_3-0-47","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_3-0-47","card_checked":"magritte-card_checked___nN6ga_3-0-47","cardChecked":"magritte-card_checked___nN6ga_3-0-47","card_tone-hover":"magritte-card_tone-hover___t2ICs_3-0-47","cardToneHover":"magritte-card_tone-hover___t2ICs_3-0-47","disabled":"magritte-disabled___Ab4OC_3-0-47","border-radius-0":"magritte-border-radius-0___--hCS_3-0-47","borderRadius0":"magritte-border-radius-0___--hCS_3-0-47","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_3-0-47","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_3-0-47","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_3-0-47","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_3-0-47","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_3-0-47","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_3-0-47","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_3-0-47","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_3-0-47","border-radius-12":"magritte-border-radius-12___ihVXv_3-0-47","borderRadius12":"magritte-border-radius-12___ihVXv_3-0-47","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_3-0-47","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_3-0-47","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_3-0-47","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_3-0-47","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_3-0-47","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_3-0-47","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_3-0-47","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_3-0-47","border-radius-16":"magritte-border-radius-16___6eKmx_3-0-47","borderRadius16":"magritte-border-radius-16___6eKmx_3-0-47","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_3-0-47","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_3-0-47","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_3-0-47","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_3-0-47","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_3-0-47","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_3-0-47","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_3-0-47","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_3-0-47","border-radius-24":"magritte-border-radius-24___ulqxw_3-0-47","borderRadius24":"magritte-border-radius-24___ulqxw_3-0-47","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_3-0-47","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_3-0-47","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_3-0-47","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_3-0-47","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_3-0-47","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_3-0-47","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_3-0-47","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_3-0-47","border-radius-32":"magritte-border-radius-32___Bvm7h_3-0-47","borderRadius32":"magritte-border-radius-32___Bvm7h_3-0-47","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_3-0-47","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_3-0-47","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_3-0-47","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_3-0-47","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_3-0-47","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_3-0-47","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_3-0-47","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_3-0-47","border-radius-40":"magritte-border-radius-40___CSg91_3-0-47","borderRadius40":"magritte-border-radius-40___CSg91_3-0-47","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_3-0-47","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_3-0-47","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_3-0-47","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_3-0-47","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_3-0-47","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_3-0-47","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_3-0-47","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_3-0-47","scroll-container":"magritte-scroll-container___FuttX_3-0-47","scrollContainer":"magritte-scroll-container___FuttX_3-0-47","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_3-0-47","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_3-0-47"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=checkable-card-CZFE8c18.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkable-card-CZFE8c18.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}