@hh.ru/magritte-ui-checkable-card 4.0.6 → 4.1.0

package/CheckableCard.js

@@ -8,10 +8,10 @@ import { CheckableCardSkeleton } from './Skeleton.js';
 import { useScrollContext } from '@hh.ru/magritte-ui-scrollable-container';
 import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
 import 'classnames';
-import './checkable-card-VpeQBR5d.js';
+import './checkable-card-HBwWbq30.js';
 import '@hh.ru/magritte-common-use-loading-state';
 
-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) => {
+const CheckableCardComponent = forwardRef(({ children, padding = 0, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius = 0, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, onFocus, onClick, disabled, type = 'checkbox', flexible, labelDataQa, respectContainer = false, ...inputProps }, ref) => {
     const contentRef = useRef(null);
     const inputRef = useRef(null);
     const forceDisabled = useDisabled();
@@ -63,7 +63,7 @@ const CheckableCardComponent = forwardRef(({ children, padding = 0, paddingLeft,
             }, onClick: (event) => {
                 onClick?.(event);
                 scrollToItem(contentRef);
-            } }), Element: "label", ref: ref, contentRef: contentRef, disabled: !!disabled || forceDisabled, children: children }));
+            } }), Element: "label", ref: ref, contentRef: contentRef, disabled: !!disabled || forceDisabled, respectContainer: respectContainer, children: children }));
 });
 CheckableCardComponent.displayName = 'CheckableCard';
 const CheckableCard = enrichWithSkeleton(CheckableCardComponent, CheckableCardSkeleton);

package/CheckableCard.js.map

@@ -1 +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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"}
+{"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            respectContainer = false,\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                respectContainer={respectContainer}\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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"}

package/CheckableCardContainer.js

@@ -2,7 +2,7 @@ import './index.css';
 import { jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
-import { s as styles } from './checkable-card-VpeQBR5d.js';
+import { s as styles } from './checkable-card-HBwWbq30.js';
 
 const CheckableCardScrollableContainer = ({ disableButtons, children, ...containerProps }) => {
     return (jsx(ScrollableContainer, { "data-qa": "checkable-card-scrollable-container", ...containerProps, disableButtons: disableButtons, children: jsx("div", { className: classnames(styles.scrollContainer, { [styles.scrollContainerMobile]: !!disableButtons }), children: children }) }));

package/CheckableCardElement.js

@@ -3,11 +3,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
-import { s as styles } from './checkable-card-VpeQBR5d.js';
+import { s as styles } from './checkable-card-HBwWbq30.js';
 
 const genBorderRadiusClasses = (radiusProps) => Object.entries(radiusProps).reduce((acc, [key, value]) => value !== undefined ? [...acc, styles[`border${key}Radius${value}`]] : acc, []);
 const genPaddingProps = (paddingProps) => Object.entries(paddingProps).reduce((acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc), {});
-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) => {
+const CheckableCardElementForwardRefRenderFunc = ({ children, padding, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, toneHover, disabled, flexible, Element = 'div', input, contentRef, checked = false, focusVisible = false, respectContainer = false, ...props }, ref) => {
     const paddingProps = genPaddingProps({
         Left: paddingLeft,
         Right: paddingRight,
@@ -26,6 +26,7 @@ const CheckableCardElementForwardRefRenderFunc = ({ children, padding, paddingLe
             [styles.cardHugContent]: !flexible,
             [styles.cardToneHover]: toneHover,
             'focus-visible': focusVisible,
+            [styles.cardRespectContainer]: respectContainer,
         }), "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 }) }) }) })] }));
 };
 const CheckableCardElement = forwardRef(CheckableCardElementForwardRefRenderFunc);

package/CheckableCardElement.js.map

@@ -1 +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 = forwardRef(CheckableCardElementForwardRefRenderFunc) as PolymorphicComponentWithRef<\n    CheckableCardElementProps,\n    'div'\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"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        respectContainer = 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                    [styles.cardRespectContainer]: respectContainer,\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 = forwardRef(CheckableCardElementForwardRefRenderFunc) as PolymorphicComponentWithRef<\n    CheckableCardElementProps,\n    'div'\n>;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/Skeleton.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import classnames from 'classnames';
 import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
 import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
-import { s as styles } from './checkable-card-VpeQBR5d.js';
+import { s as styles } from './checkable-card-HBwWbq30.js';
 
 const CheckableCardSkeleton = forwardRef(({ Component: CheckableCard, 
 // skeleton props

package/checkable-card-HBwWbq30.js

@@ -0,0 +1,5 @@
+import './index.css';
+var styles = {"card":"magritte-card___kxw8G_4-1-0","card-skeleton":"magritte-card-skeleton___QeWAi_4-1-0","cardSkeleton":"magritte-card-skeleton___QeWAi_4-1-0","card_disabled":"magritte-card_disabled___VY399_4-1-0","cardDisabled":"magritte-card_disabled___VY399_4-1-0","card_hug-content":"magritte-card_hug-content___5HzPo_4-1-0","cardHugContent":"magritte-card_hug-content___5HzPo_4-1-0","content":"magritte-content___8L-gU_4-1-0","content-border-container":"magritte-content-border-container___nYgS5_4-1-0","contentBorderContainer":"magritte-content-border-container___nYgS5_4-1-0","content-opacity-container":"magritte-content-opacity-container___6F4WI_4-1-0","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_4-1-0","card_checked":"magritte-card_checked___nN6ga_4-1-0","cardChecked":"magritte-card_checked___nN6ga_4-1-0","card_tone-hover":"magritte-card_tone-hover___t2ICs_4-1-0","cardToneHover":"magritte-card_tone-hover___t2ICs_4-1-0","disabled":"magritte-disabled___Ab4OC_4-1-0","border-radius-0":"magritte-border-radius-0___--hCS_4-1-0","borderRadius0":"magritte-border-radius-0___--hCS_4-1-0","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_4-1-0","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_4-1-0","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_4-1-0","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_4-1-0","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_4-1-0","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_4-1-0","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_4-1-0","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_4-1-0","border-radius-12":"magritte-border-radius-12___ihVXv_4-1-0","borderRadius12":"magritte-border-radius-12___ihVXv_4-1-0","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_4-1-0","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_4-1-0","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_4-1-0","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_4-1-0","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_4-1-0","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_4-1-0","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_4-1-0","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_4-1-0","border-radius-16":"magritte-border-radius-16___6eKmx_4-1-0","borderRadius16":"magritte-border-radius-16___6eKmx_4-1-0","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_4-1-0","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_4-1-0","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_4-1-0","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_4-1-0","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_4-1-0","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_4-1-0","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_4-1-0","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_4-1-0","border-radius-24":"magritte-border-radius-24___ulqxw_4-1-0","borderRadius24":"magritte-border-radius-24___ulqxw_4-1-0","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_4-1-0","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_4-1-0","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_4-1-0","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_4-1-0","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_4-1-0","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_4-1-0","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_4-1-0","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_4-1-0","border-radius-32":"magritte-border-radius-32___Bvm7h_4-1-0","borderRadius32":"magritte-border-radius-32___Bvm7h_4-1-0","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_4-1-0","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_4-1-0","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_4-1-0","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_4-1-0","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_4-1-0","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_4-1-0","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_4-1-0","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_4-1-0","border-radius-40":"magritte-border-radius-40___CSg91_4-1-0","borderRadius40":"magritte-border-radius-40___CSg91_4-1-0","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_4-1-0","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_4-1-0","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_4-1-0","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_4-1-0","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_4-1-0","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_4-1-0","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_4-1-0","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_4-1-0","scroll-container":"magritte-scroll-container___FuttX_4-1-0","scrollContainer":"magritte-scroll-container___FuttX_4-1-0","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_4-1-0","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_4-1-0","card-respect-container":"magritte-card-respect-container___-7bUI_4-1-0","cardRespectContainer":"magritte-card-respect-container___-7bUI_4-1-0"};
+
+export { styles as s };
+//# sourceMappingURL=checkable-card-HBwWbq30.js.map

package/checkable-card-HBwWbq30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkable-card-HBwWbq30.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/index.css

@@ -78,38 +78,38 @@
   --magritte-color-component-checkable-card-stroke-state-checked-disabled-v23-1-0:#CCD5DF;
   --magritte-color-component-checkable-card-stroke-state-focused-accessible-v23-1-0:#0070ff7a;
 }
-.magritte-card___kxw8G_4-0-6{
+.magritte-card___kxw8G_4-1-0{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
   justify-items:stretch;
   cursor:pointer;
 }
-.magritte-card___kxw8G_4-0-6 > input{
+.magritte-card___kxw8G_4-1-0 > input{
   position:absolute;
   clip-path:inset(100%);
   clip:rect(0 0 0 0);
 }
-.magritte-card-skeleton___QeWAi_4-0-6{
+.magritte-card-skeleton___QeWAi_4-1-0{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
   justify-items:stretch;
 }
-.magritte-card_disabled___VY399_4-0-6{
+.magritte-card_disabled___VY399_4-1-0{
   cursor:default;
 }
-.magritte-card_hug-content___5HzPo_4-0-6{
+.magritte-card_hug-content___5HzPo_4-1-0{
   flex:0 0 auto;
 }
-.magritte-content___8L-gU_4-0-6{
+.magritte-content___8L-gU_4-1-0{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
   justify-items:stretch;
   overflow:hidden;
 }
-.magritte-content-border-container___nYgS5_4-0-6{
+.magritte-content-border-container___nYgS5_4-1-0{
   display:inline-flex;
   flex:1 1 auto;
   align-items:stretch;
@@ -118,7 +118,7 @@
   transition:background-color var(--magritte-semantic-animation-ease-in-out-200-duration-v23-1-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-1-0);
   background-color:var(--magritte-color-component-checkable-card-background-unchecked-v23-1-0);
 }
-.magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-content-border-container___nYgS5_4-1-0::before{
   content:'';
   position:absolute;
   top:0;
@@ -130,374 +130,382 @@
   transition:border-color var(--magritte-semantic-animation-ease-in-out-200-duration-v23-1-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v23-1-0);
   border:1px solid var(--magritte-color-component-checkable-card-stroke-unchecked-v23-1-0);
 }
-.magritte-content-opacity-container___6F4WI_4-0-6{
+.magritte-content-opacity-container___6F4WI_4-1-0{
   display:flex;
   flex:1 1 auto;
 }
-.magritte-card___kxw8G_4-0-6 > input:checked + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before,
-.magritte-card___kxw8G_4-0-6.magritte-card_checked___nN6ga_4-0-6 .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0 > input:checked + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before,
+.magritte-card___kxw8G_4-1-0.magritte-card_checked___nN6ga_4-1-0 .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-color:var(--magritte-color-component-checkable-card-stroke-checked-v23-1-0);
   border-width:2px;
 }
-.magritte-card___kxw8G_4-0-6 > input.focus-visible + .magritte-content___8L-gU_4-0-6,
-.magritte-card___kxw8G_4-0-6.focus-visible .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0 > input.focus-visible + .magritte-content___8L-gU_4-1-0,
+.magritte-card___kxw8G_4-1-0.focus-visible .magritte-content___8L-gU_4-1-0{
   outline:var(--magritte-color-component-checkable-card-stroke-state-focused-accessible-v23-1-0) solid 4px;
 }
-.magritte-card___kxw8G_4-0-6 > input:disabled + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-card_disabled___VY399_4-0-6 .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6{
+.magritte-card___kxw8G_4-1-0 > input:disabled + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-card_disabled___VY399_4-1-0 .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0{
   background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-disabled-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6 > input:disabled + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before,
-.magritte-card___kxw8G_4-0-6.magritte-card_disabled___VY399_4-0-6 .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0 > input:disabled + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before,
+.magritte-card___kxw8G_4-1-0.magritte-card_disabled___VY399_4-1-0 .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v23-1-0);
   border-width:1px;
 }
-.magritte-card___kxw8G_4-0-6 > input:checked:disabled + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-card_checked___nN6ga_4-0-6.magritte-card_disabled___VY399_4-0-6 .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6{
+.magritte-card___kxw8G_4-1-0 > input:checked:disabled + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-card_checked___nN6ga_4-1-0.magritte-card_disabled___VY399_4-1-0 .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0{
   background-color:var(--magritte-color-component-checkable-card-background-state-checked-disabled-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6 > input:checked:disabled + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before,
-.magritte-card___kxw8G_4-0-6.magritte-card_checked___nN6ga_4-0-6.magritte-card_disabled___VY399_4-0-6 .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0 > input:checked:disabled + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before,
+.magritte-card___kxw8G_4-1-0.magritte-card_checked___nN6ga_4-1-0.magritte-card_disabled___VY399_4-1-0 .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-disabled-v23-1-0);
   border-width:2px;
 }
-.magritte-card___kxw8G_4-0-6 > input:disabled + .magritte-content___8L-gU_4-0-6 .magritte-content-opacity-container___6F4WI_4-0-6,
-.magritte-card_disabled___VY399_4-0-6 .magritte-content___8L-gU_4-0-6 .magritte-content-opacity-container___6F4WI_4-0-6{
+.magritte-card___kxw8G_4-1-0 > input:disabled + .magritte-content___8L-gU_4-1-0 .magritte-content-opacity-container___6F4WI_4-1-0,
+.magritte-card_disabled___VY399_4-1-0 .magritte-content___8L-gU_4-1-0 .magritte-content-opacity-container___6F4WI_4-1-0{
   opacity:var(--magritte-semantic-opacity-disabled-v23-1-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6:not(:active):not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0:not(:active):not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v23-1-0);
   }
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before,
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6:not(:active):not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before{
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before,
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0:not(:active):not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v23-1-0);
     border-width:1px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6:not(:active):not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0:not(:active):not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v23-1-0);
   }
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6:not(:active):not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0:not(:active):not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v23-1-0);
     border-width:1px;
   }
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6:not(:active).magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0:not(:active).magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v23-1-0);
   }
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before,
-  body.magritte-old-layout .magritte-card___kxw8G_4-0-6:not(:active).magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before{
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before,
+  body.magritte-old-layout .magritte-card___kxw8G_4-1-0:not(:active).magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v23-1-0);
     border-width:2px;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6:not(:active).magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0:not(:active).magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v23-1-0);
   }
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before,
-  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-0-6:not(:active).magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6::before{
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before,
+  body:not(.magritte-old-layout) .magritte-card___kxw8G_4-1-0:not(:active).magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0::before{
     border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v23-1-0);
     border-width:2px;
   }
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-0-6 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-0-6:not(:active):not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-1-0 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-1-0:not(:active):not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v23-1-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-0-6 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-0-6:not(:active):not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-1-0 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-1-0:not(:active):not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v23-1-0);
   }
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-0-6 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-0-6:not(:active).magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-1-0 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body.magritte-old-layout .magritte-card_tone-hover___t2ICs_4-1-0:not(:active).magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v23-1-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-0-6 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6,
-  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-0-6:not(:active).magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6:hover .magritte-content-border-container___nYgS5_4-0-6{
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-1-0 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0,
+  body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_4-1-0:not(:active).magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0:hover .magritte-content-border-container___nYgS5_4-1-0{
     background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v23-1-0);
   }
 }
-.magritte-card___kxw8G_4-0-6 > input:active:not(:disabled) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6:active:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6{
+.magritte-card___kxw8G_4-1-0 > input:active:not(:disabled) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0:active:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0{
   background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-pressed-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6 > input:active:not(:disabled) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before,
-.magritte-card___kxw8G_4-0-6:active:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0 > input:active:not(:disabled) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before,
+.magritte-card___kxw8G_4-1-0:active:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v23-1-0);
   border-width:1px;
 }
-.magritte-card___kxw8G_4-0-6 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6:active.magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6{
+.magritte-card___kxw8G_4-1-0 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0:active.magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0{
   background-color:var(--magritte-color-component-checkable-card-background-state-checked-pressed-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before,
-.magritte-card___kxw8G_4-0-6:active.magritte-card_checked___nN6ga_4-0-6:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before,
+.magritte-card___kxw8G_4-1-0:active.magritte-card_checked___nN6ga_4-1-0:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v23-1-0);
   border-width:2px;
 }
-.magritte-card_tone-hover___t2ICs_4-0-6 > input:active:not(.magritte-disabled___Ab4OC_4-0-6) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card_tone-hover___t2ICs_4-0-6:active:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6{
+.magritte-card_tone-hover___t2ICs_4-1-0 > input:active:not(.magritte-disabled___Ab4OC_4-1-0) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card_tone-hover___t2ICs_4-1-0:active:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0{
   background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v23-1-0);
 }
-.magritte-card_tone-hover___t2ICs_4-0-6 > input:active:not(.magritte-disabled___Ab4OC_4-0-6) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before,
-.magritte-card_tone-hover___t2ICs_4-0-6:active:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card_tone-hover___t2ICs_4-1-0 > input:active:not(.magritte-disabled___Ab4OC_4-1-0) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before,
+.magritte-card_tone-hover___t2ICs_4-1-0:active:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v23-1-0);
   border-width:1px;
 }
-.magritte-card_tone-hover___t2ICs_4-0-6 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card_tone-hover___t2ICs_4-0-6.magritte-card_checked___nN6ga_4-0-6:active:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6{
+.magritte-card_tone-hover___t2ICs_4-1-0 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card_tone-hover___t2ICs_4-1-0.magritte-card_checked___nN6ga_4-1-0:active:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0{
   background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-pressed-v23-1-0);
 }
-.magritte-card_tone-hover___t2ICs_4-0-6 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before,
-.magritte-card_tone-hover___t2ICs_4-0-6.magritte-card_checked___nN6ga_4-0-6:active:not(.magritte-card_disabled___VY399_4-0-6) .magritte-content___8L-gU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card_tone-hover___t2ICs_4-1-0 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before,
+.magritte-card_tone-hover___t2ICs_4-1-0.magritte-card_checked___nN6ga_4-1-0:active:not(.magritte-card_disabled___VY399_4-1-0) .magritte-content___8L-gU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v23-1-0);
   border-width:2px;
 }
-.magritte-border-radius-0___--hCS_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-border-radius-0___--hCS_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-border-radius-0___--hCS_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-border-radius-0___--hCS_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-border-radius-0___--hCS_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-border-radius-0___--hCS_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-0___IV8UU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-0___IV8UU_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-0___IV8UU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-0___IV8UU_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-left-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-0___IV8UU_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-0___IV8UU_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-left-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-0___eBVf0_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-0___eBVf0_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-0___eBVf0_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-0___eBVf0_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-right-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-0___eBVf0_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-0___eBVf0_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-right-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-0___jmTBk_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-0___jmTBk_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-0___jmTBk_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-0___jmTBk_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-left-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-0___jmTBk_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-0___jmTBk_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-left-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-0___D-Fs-_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-0___D-Fs-_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-0___D-Fs-_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-0___D-Fs-_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-right-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-0___D-Fs-_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-0___D-Fs-_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-right-radius:var(--magritte-static-border-radius-0-v23-1-0);
 }
-.magritte-border-radius-12___ihVXv_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-border-radius-12___ihVXv_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-border-radius-12___ihVXv_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-border-radius-12___ihVXv_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-border-radius-12___ihVXv_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-border-radius-12___ihVXv_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-12___c-jEA_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-12___c-jEA_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-12___c-jEA_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-12___c-jEA_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-left-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-12___c-jEA_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-12___c-jEA_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-left-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-12___UA8OT_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-12___UA8OT_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-12___UA8OT_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-12___UA8OT_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-right-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-12___UA8OT_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-12___UA8OT_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-right-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-12___fJtJ7_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-12___fJtJ7_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-12___fJtJ7_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-12___fJtJ7_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-left-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-12___fJtJ7_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-12___fJtJ7_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-left-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-12___2FNgs_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-12___2FNgs_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-12___2FNgs_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-12___2FNgs_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-right-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-12___2FNgs_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-12___2FNgs_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-right-radius:var(--magritte-semantic-border-radius-form-v23-1-0);
 }
-.magritte-border-radius-16___6eKmx_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-border-radius-16___6eKmx_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-border-radius-16___6eKmx_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-border-radius-16___6eKmx_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-border-radius-16___6eKmx_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-border-radius-16___6eKmx_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-16___tZAjN_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-16___tZAjN_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-16___tZAjN_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-16___tZAjN_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-left-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-16___tZAjN_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-16___tZAjN_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-left-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-16___1S1ct_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-16___1S1ct_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-16___1S1ct_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-16___1S1ct_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-right-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-16___1S1ct_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-16___1S1ct_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-right-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-16___i0GAm_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-16___i0GAm_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-16___i0GAm_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-16___i0GAm_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-left-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-16___i0GAm_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-16___i0GAm_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-left-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-16___cGBZM_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-16___cGBZM_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-16___cGBZM_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-16___cGBZM_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-right-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-16___cGBZM_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-16___cGBZM_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-right-radius:var(--magritte-static-border-radius-400-v23-1-0);
 }
-.magritte-border-radius-24___ulqxw_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-border-radius-24___ulqxw_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-border-radius-24___ulqxw_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-border-radius-24___ulqxw_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-border-radius-24___ulqxw_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-border-radius-24___ulqxw_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-24___kJKz-_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-24___kJKz-_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-24___kJKz-_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-24___kJKz-_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-left-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-24___kJKz-_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-24___kJKz-_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-left-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-24___h4WrI_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-24___h4WrI_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-24___h4WrI_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-24___h4WrI_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-right-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-24___h4WrI_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-24___h4WrI_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-right-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-24___CwCs8_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-24___CwCs8_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-24___CwCs8_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-24___CwCs8_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-left-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-24___CwCs8_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-24___CwCs8_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-left-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-24___PIRfH_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-24___PIRfH_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-24___PIRfH_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-24___PIRfH_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-right-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-24___PIRfH_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-24___PIRfH_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-right-radius:var(--magritte-static-border-radius-600-v23-1-0);
 }
-.magritte-border-radius-32___Bvm7h_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-border-radius-32___Bvm7h_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-border-radius-32___Bvm7h_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-border-radius-32___Bvm7h_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-border-radius-32___Bvm7h_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-border-radius-32___Bvm7h_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-32___QVqKC_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-32___QVqKC_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-32___QVqKC_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-32___QVqKC_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-left-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-32___QVqKC_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-32___QVqKC_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-left-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-32___7a2qq_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-32___7a2qq_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-32___7a2qq_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-32___7a2qq_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-right-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-32___7a2qq_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-32___7a2qq_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-right-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-32___cmrmL_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-32___cmrmL_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-32___cmrmL_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-32___cmrmL_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-left-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-32___cmrmL_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-32___cmrmL_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-left-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-32___yMDwz_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-32___yMDwz_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-32___yMDwz_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-32___yMDwz_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-right-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-32___yMDwz_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-32___yMDwz_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-right-radius:var(--magritte-static-border-radius-800-v23-1-0);
 }
-.magritte-border-radius-40___CSg91_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-border-radius-40___CSg91_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-border-radius-40___CSg91_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-border-radius-40___CSg91_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-border-radius-40___CSg91_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-border-radius-40___CSg91_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-40___oANEa_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-40___oANEa_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-40___oANEa_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-40___oANEa_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-left-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-left-radius-40___oANEa_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-left-radius-40___oANEa_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-left-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-40___TYtjf_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-40___TYtjf_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-40___TYtjf_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-40___TYtjf_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-top-right-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-top-right-radius-40___TYtjf_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-top-right-radius-40___TYtjf_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-top-right-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-40___-bPFb_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-40___-bPFb_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-40___-bPFb_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-40___-bPFb_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-left-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-left-radius-40___-bPFb_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-left-radius-40___-bPFb_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-left-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-40___ArdFn_4-0-6 .magritte-content-border-container___nYgS5_4-0-6,
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-40___ArdFn_4-0-6 .magritte-content___8L-gU_4-0-6{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-40___ArdFn_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-40___ArdFn_4-1-0 .magritte-content___8L-gU_4-1-0{
   border-bottom-right-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-card___kxw8G_4-0-6.magritte-border-bottom-right-radius-40___ArdFn_4-0-6 .magritte-content-border-container___nYgS5_4-0-6::before{
+.magritte-card___kxw8G_4-1-0.magritte-border-bottom-right-radius-40___ArdFn_4-1-0 .magritte-content-border-container___nYgS5_4-1-0::before{
   border-bottom-right-radius:var(--magritte-static-border-radius-1000-v23-1-0);
 }
-.magritte-scroll-container___FuttX_4-0-6{
+.magritte-scroll-container___FuttX_4-1-0{
   width:200%;
 }
-.magritte-scroll-container___FuttX_4-0-6 > *{
+.magritte-scroll-container___FuttX_4-1-0 > *{
   flex-wrap:wrap;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout  .magritte-scroll-container___FuttX_4-0-6:not(.magritte-scroll-container-mobile___9y-d7_4-0-6){
+  body.magritte-old-layout  .magritte-scroll-container___FuttX_4-1-0:not(.magritte-scroll-container-mobile___9y-d7_4-1-0){
     width:auto;
   }
-  body.magritte-old-layout  .magritte-scroll-container___FuttX_4-0-6:not(.magritte-scroll-container-mobile___9y-d7_4-0-6) > *{
+  body.magritte-old-layout  .magritte-scroll-container___FuttX_4-1-0:not(.magritte-scroll-container-mobile___9y-d7_4-1-0) > *{
     flex-wrap:nowrap;
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_4-0-6:not(.magritte-scroll-container-mobile___9y-d7_4-0-6){
+  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_4-1-0:not(.magritte-scroll-container-mobile___9y-d7_4-1-0){
     width:auto;
   }
-  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_4-0-6:not(.magritte-scroll-container-mobile___9y-d7_4-0-6) > *{
+  body:not(.magritte-old-layout)  .magritte-scroll-container___FuttX_4-1-0:not(.magritte-scroll-container-mobile___9y-d7_4-1-0) > *{
     flex-wrap:nowrap;
   }
 }
+.magritte-card-respect-container___-7bUI_4-1-0{
+  max-width:100%;
+}
+.magritte-card-respect-container___-7bUI_4-1-0 .magritte-content-border-container___nYgS5_4-1-0,
+.magritte-card-respect-container___-7bUI_4-1-0 .magritte-content-opacity-container___6F4WI_4-1-0,
+.magritte-card-respect-container___-7bUI_4-1-0 .magritte-content___8L-gU_4-1-0{
+  min-width:0;
+}

package/index.js

@@ -7,7 +7,7 @@ import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-common-use-disabled';
 import './CheckableCardElement.js';
 import 'classnames';
-import './checkable-card-VpeQBR5d.js';
+import './checkable-card-HBwWbq30.js';
 import './Skeleton.js';
 import '@hh.ru/magritte-common-use-loading-state';
 import '@hh.ru/magritte-ui-skeleton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-checkable-card",
-  "version": "4.0.6",
+  "version": "4.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f1e6a608c514004dd630ed30df64145e42f8f010"
+  "gitHead": "8394869b0fcf1a65e854af99d8f614a67f0cea7d"
 }

package/types.d.ts

@@ -29,6 +29,11 @@ export interface CheckableCardBaseProps {
     disabled?: boolean;
     /** data-qa для элемента label */
     labelDataQa?: string;
+    /**
+     * При установке добавляет в стили `min-width: 0` чтобы карточка
+     * не вываливалась из контейнера даже если её контент превышает его по ширине
+     * */
+    respectContainer?: boolean;
 }
 export interface CheckableCardElementProps extends CheckableCardBaseProps {
     children?: React.ReactNode;

package/checkable-card-VpeQBR5d.js

@@ -1,5 +0,0 @@
-import './index.css';
-var styles = {"card":"magritte-card___kxw8G_4-0-6","card-skeleton":"magritte-card-skeleton___QeWAi_4-0-6","cardSkeleton":"magritte-card-skeleton___QeWAi_4-0-6","card_disabled":"magritte-card_disabled___VY399_4-0-6","cardDisabled":"magritte-card_disabled___VY399_4-0-6","card_hug-content":"magritte-card_hug-content___5HzPo_4-0-6","cardHugContent":"magritte-card_hug-content___5HzPo_4-0-6","content":"magritte-content___8L-gU_4-0-6","content-border-container":"magritte-content-border-container___nYgS5_4-0-6","contentBorderContainer":"magritte-content-border-container___nYgS5_4-0-6","content-opacity-container":"magritte-content-opacity-container___6F4WI_4-0-6","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_4-0-6","card_checked":"magritte-card_checked___nN6ga_4-0-6","cardChecked":"magritte-card_checked___nN6ga_4-0-6","card_tone-hover":"magritte-card_tone-hover___t2ICs_4-0-6","cardToneHover":"magritte-card_tone-hover___t2ICs_4-0-6","disabled":"magritte-disabled___Ab4OC_4-0-6","border-radius-0":"magritte-border-radius-0___--hCS_4-0-6","borderRadius0":"magritte-border-radius-0___--hCS_4-0-6","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_4-0-6","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_4-0-6","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_4-0-6","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_4-0-6","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_4-0-6","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_4-0-6","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_4-0-6","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_4-0-6","border-radius-12":"magritte-border-radius-12___ihVXv_4-0-6","borderRadius12":"magritte-border-radius-12___ihVXv_4-0-6","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_4-0-6","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_4-0-6","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_4-0-6","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_4-0-6","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_4-0-6","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_4-0-6","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_4-0-6","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_4-0-6","border-radius-16":"magritte-border-radius-16___6eKmx_4-0-6","borderRadius16":"magritte-border-radius-16___6eKmx_4-0-6","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_4-0-6","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_4-0-6","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_4-0-6","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_4-0-6","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_4-0-6","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_4-0-6","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_4-0-6","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_4-0-6","border-radius-24":"magritte-border-radius-24___ulqxw_4-0-6","borderRadius24":"magritte-border-radius-24___ulqxw_4-0-6","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_4-0-6","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_4-0-6","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_4-0-6","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_4-0-6","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_4-0-6","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_4-0-6","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_4-0-6","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_4-0-6","border-radius-32":"magritte-border-radius-32___Bvm7h_4-0-6","borderRadius32":"magritte-border-radius-32___Bvm7h_4-0-6","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_4-0-6","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_4-0-6","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_4-0-6","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_4-0-6","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_4-0-6","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_4-0-6","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_4-0-6","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_4-0-6","border-radius-40":"magritte-border-radius-40___CSg91_4-0-6","borderRadius40":"magritte-border-radius-40___CSg91_4-0-6","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_4-0-6","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_4-0-6","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_4-0-6","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_4-0-6","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_4-0-6","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_4-0-6","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_4-0-6","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_4-0-6","scroll-container":"magritte-scroll-container___FuttX_4-0-6","scrollContainer":"magritte-scroll-container___FuttX_4-0-6","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_4-0-6","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_4-0-6"};
-
-export { styles as s };
-//# sourceMappingURL=checkable-card-VpeQBR5d.js.map

package/checkable-card-VpeQBR5d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkable-card-VpeQBR5d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}