@hh.ru/magritte-ui-checkable-card 5.0.8 → 5.0.9

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.
package/CheckableCard.js CHANGED
@@ -8,7 +8,7 @@ import { CheckableCardSkeleton } from './Skeleton.js';
8
8
  import { useGalleryContext, useScrollableControls } 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-Byh1E0kc.js';
11
+ import './checkable-card-BGOxJVMD.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, respectContainer = false, ...inputProps }, ref) => {
@@ -1 +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 { useGalleryContext, useScrollableControls } 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 } = useGalleryContext();\n const { scrollToItem } = useScrollableControls();\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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"}
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 { useGalleryContext, useScrollableControls } 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 } = useGalleryContext();\n const { scrollToItem } = useScrollableControls();\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":";;;;;;;;;;;;AAUO,MAAM,sBAAsB,GAAG,UAAU,CAC5C,CACI,EACI,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,YAAY,GAAG,CAAC,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,UAAU,EACjB,QAAQ,EACR,WAAW,EACX,gBAAgB,GAAG,KAAK,EACxB,GAAG,UAAU,EAChB,EACD,GAAG,KACH;AACA,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAChD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;AAChD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IAEpC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAC;AACzD,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,qBAAqB,EAAE,CAAC;AAEjD,IAAA,MAAM,4BAA4B,GAAiD,CAAC,KAAK,KAAI;AACzF,QAAA,IACI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO;AACjC,YAAA,CAAC,eAAe,CAAC,KAAiC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAC/F;YACE,OAAO;SACV;QACD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACzG,KAAC,CAAC;IAEF,eAAe,CAAC,MAAK;QACjB,YAAY,CAAC,UAAU,CAAC,CAAC;AACzB,QAAA,OAAO,MAAM,UAAU,CAAC,UAAU,CAAC,CAAC;AACxC,KAAC,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC;IAE/B,eAAe,CAAC,MAAK;AACjB,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,cAAc,KAAK,IAAI,KAAK,OAAO,IAAI,UAAU,CAAC,OAAO,EAAE;YAC7F,YAAY,CAAC,UAAU,CAAC,CAAC;SAC5B;;KAEJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,KAAK,GAAG;QACV,OAAO;QACP,WAAW;QACX,YAAY;QACZ,UAAU;QACV,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,oBAAoB;QACpB,sBAAsB;QACtB,uBAAuB;QACvB,QAAQ;QACR,SAAS;QACT,QAAQ;AACR,QAAA,SAAS,EAAE,WAAW;KACzB,CAAC;IAEF,QACIA,GAAC,CAAA,oBAAoB,EACb,EAAA,GAAA,KAAK,EACT,cAAc,EAAE,CAAC,KAAK,KAAI;YACtB,IAAI,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC1F,OAAO;aACV;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC7B,EACD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,4BAA4B,EAC9C,iBAAiB,EAAE,4BAA4B,EAC/C,cAAc,EAAE,4BAA4B,EAC5C,KAAK,EACDA,kBACQ,UAAU,EACd,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,QAAQ,IAAI,aAAa,EACrC,OAAO,EAAE,CAAC,KAAK,KAAI;AACf,gBAAA,OAAO,GAAG,KAAK,CAAC,CAAC;gBACjB,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7B,aAAC,EACD,OAAO,EAAE,CAAC,KAAK,KAAI;AACf,gBAAA,OAAO,GAAG,KAAK,CAAC,CAAC;gBACjB,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7B,aAAC,EACH,CAAA,EAEN,OAAO,EAAC,OAAO,EACf,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,CAAC,QAAQ,IAAI,aAAa,EACrC,gBAAgB,EAAE,gBAAgB,EAAA,QAAA,EAEjC,QAAQ,EAAA,CACU,EACzB;AACN,CAAC,EACH;AAEF,sBAAsB,CAAC,WAAW,GAAG,eAAe,CAAC;AAExC,MAAA,aAAa,GAAG,kBAAkB,CAAC,sBAAsB,EAAE,qBAAqB;;;;"}
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { Fragment } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { ScrollableContainer } from '@hh.ru/magritte-ui-scrollable-container';
6
- import { s as styles } from './checkable-card-Byh1E0kc.js';
6
+ import { s as styles } from './checkable-card-BGOxJVMD.js';
7
7
 
8
8
  const CheckableCardScrollableContainer = ({ disableButtons, children, ...containerProps }) => {
9
9
  const WrapperComponent = disableButtons ? Fragment : ScrollableContainer.DefaultLayout;
@@ -1 +1 @@
1
- {"version":3,"file":"CheckableCardContainer.js","sources":["../src/CheckableCardContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode, Fragment } from 'react';\nimport classnames from 'classnames';\n\nimport { ScrollableContainer, type ScrollableContainerProps } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from './checkable-card.less';\n\ninterface CheckableCardScrollableContainerProps extends ScrollableContainerProps {\n children: ReactNode;\n disableButtons?: boolean;\n}\n\nexport const CheckableCardScrollableContainer: FC<CheckableCardScrollableContainerProps> = ({\n disableButtons,\n children,\n ...containerProps\n}) => {\n const WrapperComponent = disableButtons ? Fragment : ScrollableContainer.DefaultLayout;\n return (\n <ScrollableContainer data-qa=\"checkable-card-scrollable-container\" {...containerProps}>\n <WrapperComponent>\n <ScrollableContainer.Gallery>\n <div\n className={classnames(styles.scrollContainer, {\n [styles.scrollContainerMobile]: !!disableButtons,\n })}\n >\n {children}\n </div>\n </ScrollableContainer.Gallery>\n </WrapperComponent>\n </ScrollableContainer>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAYO,MAAM,gCAAgC,GAA8C,CAAC,EACxF,cAAc,EACd,QAAQ,EACR,GAAG,cAAc,EACpB,KAAI;AACD,IAAA,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,mBAAmB,CAAC,aAAa,CAAC;IACvF,QACIA,GAAC,CAAA,mBAAmB,EAAS,EAAA,SAAA,EAAA,qCAAqC,KAAK,cAAc,EAAA,QAAA,EACjFA,GAAC,CAAA,gBAAgB,EACb,EAAA,QAAA,EAAAA,GAAA,CAAC,mBAAmB,CAAC,OAAO,EACxB,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE;AAC1C,wBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,CAAC,CAAC,cAAc;AACnD,qBAAA,CAAC,YAED,QAAQ,EAAA,CACP,GACoB,EACf,CAAA,EAAA,CACD,EACxB;AACN;;;;"}
1
+ {"version":3,"file":"CheckableCardContainer.js","sources":["src/CheckableCardContainer.tsx"],"sourcesContent":["import { type FC, type ReactNode, Fragment } from 'react';\nimport classnames from 'classnames';\n\nimport { ScrollableContainer, type ScrollableContainerProps } from '@hh.ru/magritte-ui-scrollable-container';\n\nimport styles from './checkable-card.less';\n\ninterface CheckableCardScrollableContainerProps extends ScrollableContainerProps {\n children: ReactNode;\n disableButtons?: boolean;\n}\n\nexport const CheckableCardScrollableContainer: FC<CheckableCardScrollableContainerProps> = ({\n disableButtons,\n children,\n ...containerProps\n}) => {\n const WrapperComponent = disableButtons ? Fragment : ScrollableContainer.DefaultLayout;\n return (\n <ScrollableContainer data-qa=\"checkable-card-scrollable-container\" {...containerProps}>\n <WrapperComponent>\n <ScrollableContainer.Gallery>\n <div\n className={classnames(styles.scrollContainer, {\n [styles.scrollContainerMobile]: !!disableButtons,\n })}\n >\n {children}\n </div>\n </ScrollableContainer.Gallery>\n </WrapperComponent>\n </ScrollableContainer>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAYO,MAAM,gCAAgC,GAA8C,CAAC,EACxF,cAAc,EACd,QAAQ,EACR,GAAG,cAAc,EACpB,KAAI;AACD,IAAA,MAAM,gBAAgB,GAAG,cAAc,GAAG,QAAQ,GAAG,mBAAmB,CAAC,aAAa,CAAC;IACvF,QACIA,GAAC,CAAA,mBAAmB,EAAS,EAAA,SAAA,EAAA,qCAAqC,KAAK,cAAc,EAAA,QAAA,EACjFA,GAAC,CAAA,gBAAgB,EACb,EAAA,QAAA,EAAAA,GAAA,CAAC,mBAAmB,CAAC,OAAO,EACxB,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE;AAC1C,wBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,CAAC,CAAC,cAAc;AACnD,qBAAA,CAAC,YAED,QAAQ,EAAA,CACP,GACoB,EACf,CAAA,EAAA,CACD,EACxB;AACN;;;;"}
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
6
- import { s as styles } from './checkable-card-Byh1E0kc.js';
6
+ import { s as styles } from './checkable-card-BGOxJVMD.js';
7
7
 
8
8
  const genBorderRadiusClasses = (radiusProps) => Object.entries(radiusProps).reduce((acc, [key, value]) => value !== undefined ? [...acc, styles[`border${key}Radius${value}`]] : acc, []);
9
9
  const genPaddingProps = (paddingProps) => Object.entries(paddingProps).reduce((acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc), {});
@@ -1 +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 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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"}
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 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 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-Byh1E0kc.js';
7
+ import { s as styles } from './checkable-card-BGOxJVMD.js';
8
8
 
9
9
  const CheckableCardSkeleton = forwardRef(({ Component: CheckableCard,
10
10
  // skeleton props
package/Skeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sources":["../src/Skeleton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { CheckableCardProps } from '@hh.ru/magritte-ui-checkable-card/types';\nimport { IncompleteSkeletonComponent, IncompleteSkeletonPropsWithRef, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkable-card.less';\n\nexport const CheckableCardSkeleton = forwardRef<\n HTMLLabelElement,\n IncompleteSkeletonPropsWithRef<CheckableCardProps, HTMLLabelElement>\n>(\n (\n {\n Component: CheckableCard,\n\n // skeleton props\n width,\n height,\n inline,\n additionalClass,\n loading,\n ...cardProps\n },\n ref\n ) => {\n const isLoading = useLoadingState() || loading;\n\n if (isLoading) {\n return (\n <div className={classnames(styles.cardSkeleton, { [styles.cardHugContent]: !cardProps.flexible })}>\n <Skeleton\n width={!cardProps.flexible ? width : `100%`}\n height={!cardProps.flexible ? height : `100%`}\n borderRadius={cardProps.borderRadius}\n borderTopLeftRadius={cardProps.borderTopLeftRadius}\n borderTopRightRadius={cardProps.borderTopRightRadius}\n borderBottomLeftRadius={cardProps.borderBottomLeftRadius}\n borderBottomRightRadius={cardProps.borderBottomRightRadius}\n loading={loading}\n />\n </div>\n );\n }\n\n return <CheckableCard ref={ref} {...cardProps} />;\n }\n) as IncompleteSkeletonComponent<CheckableCardProps>;\n\nCheckableCardSkeleton.displayName = 'CheckableCardSkeleton';\n"],"names":["_jsx"],"mappings":";;;;;;;AASa,MAAA,qBAAqB,GAAG,UAAU,CAI3C,CACI,EACI,SAAS,EAAE,aAAa;AAExB;AACA,KAAK,EACL,MAAM,EACN,MAAM,EACN,eAAe,EACf,OAAO,EACP,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;IAE/C,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,EAC7F,QAAA,EAAAA,GAAA,CAAC,QAAQ,EACL,EAAA,KAAK,EAAE,CAAC,SAAS,CAAC,QAAQ,GAAG,KAAK,GAAG,MAAM,EAC3C,MAAM,EAAE,CAAC,SAAS,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,EAC7C,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,EAClD,oBAAoB,EAAE,SAAS,CAAC,oBAAoB,EACpD,sBAAsB,EAAE,SAAS,CAAC,sBAAsB,EACxD,uBAAuB,EAAE,SAAS,CAAC,uBAAuB,EAC1D,OAAO,EAAE,OAAO,EAAA,CAClB,EACA,CAAA,EACR;KACL;IAED,OAAOA,GAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,SAAS,EAAA,CAAI,CAAC;AACtD,CAAC,EACgD;AAErD,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
1
+ {"version":3,"file":"Skeleton.js","sources":["src/Skeleton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { CheckableCardProps } from '@hh.ru/magritte-ui-checkable-card/types';\nimport { IncompleteSkeletonComponent, IncompleteSkeletonPropsWithRef, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkable-card.less';\n\nexport const CheckableCardSkeleton = forwardRef<\n HTMLLabelElement,\n IncompleteSkeletonPropsWithRef<CheckableCardProps, HTMLLabelElement>\n>(\n (\n {\n Component: CheckableCard,\n\n // skeleton props\n width,\n height,\n inline,\n additionalClass,\n loading,\n ...cardProps\n },\n ref\n ) => {\n const isLoading = useLoadingState() || loading;\n\n if (isLoading) {\n return (\n <div className={classnames(styles.cardSkeleton, { [styles.cardHugContent]: !cardProps.flexible })}>\n <Skeleton\n width={!cardProps.flexible ? width : `100%`}\n height={!cardProps.flexible ? height : `100%`}\n borderRadius={cardProps.borderRadius}\n borderTopLeftRadius={cardProps.borderTopLeftRadius}\n borderTopRightRadius={cardProps.borderTopRightRadius}\n borderBottomLeftRadius={cardProps.borderBottomLeftRadius}\n borderBottomRightRadius={cardProps.borderBottomRightRadius}\n loading={loading}\n />\n </div>\n );\n }\n\n return <CheckableCard ref={ref} {...cardProps} />;\n }\n) as IncompleteSkeletonComponent<CheckableCardProps>;\n\nCheckableCardSkeleton.displayName = 'CheckableCardSkeleton';\n"],"names":["_jsx"],"mappings":";;;;;;;AASa,MAAA,qBAAqB,GAAG,UAAU,CAI3C,CACI,EACI,SAAS,EAAE,aAAa;AAExB;AACA,KAAK,EACL,MAAM,EACN,MAAM,EACN,eAAe,EACf,OAAO,EACP,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;IAE/C,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,MAAM,CAAC,cAAc,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,EAC7F,QAAA,EAAAA,GAAA,CAAC,QAAQ,EACL,EAAA,KAAK,EAAE,CAAC,SAAS,CAAC,QAAQ,GAAG,KAAK,GAAG,MAAM,EAC3C,MAAM,EAAE,CAAC,SAAS,CAAC,QAAQ,GAAG,MAAM,GAAG,MAAM,EAC7C,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,EAClD,oBAAoB,EAAE,SAAS,CAAC,oBAAoB,EACpD,sBAAsB,EAAE,SAAS,CAAC,sBAAsB,EACxD,uBAAuB,EAAE,SAAS,CAAC,uBAAuB,EAC1D,OAAO,EAAE,OAAO,EAAA,CAClB,EACA,CAAA,EACR;KACL;IAED,OAAOA,GAAA,CAAC,aAAa,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,SAAS,EAAA,CAAI,CAAC;AACtD,CAAC,EACgD;AAErD,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"card":"magritte-card___kxw8G_5-0-9","card-skeleton":"magritte-card-skeleton___QeWAi_5-0-9","cardSkeleton":"magritte-card-skeleton___QeWAi_5-0-9","card_disabled":"magritte-card_disabled___VY399_5-0-9","cardDisabled":"magritte-card_disabled___VY399_5-0-9","card_hug-content":"magritte-card_hug-content___5HzPo_5-0-9","cardHugContent":"magritte-card_hug-content___5HzPo_5-0-9","content":"magritte-content___8L-gU_5-0-9","content-border-container":"magritte-content-border-container___nYgS5_5-0-9","contentBorderContainer":"magritte-content-border-container___nYgS5_5-0-9","content-opacity-container":"magritte-content-opacity-container___6F4WI_5-0-9","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_5-0-9","card_checked":"magritte-card_checked___nN6ga_5-0-9","cardChecked":"magritte-card_checked___nN6ga_5-0-9","card_tone-hover":"magritte-card_tone-hover___t2ICs_5-0-9","cardToneHover":"magritte-card_tone-hover___t2ICs_5-0-9","disabled":"magritte-disabled___Ab4OC_5-0-9","border-radius-0":"magritte-border-radius-0___--hCS_5-0-9","borderRadius0":"magritte-border-radius-0___--hCS_5-0-9","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_5-0-9","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_5-0-9","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_5-0-9","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_5-0-9","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_5-0-9","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_5-0-9","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_5-0-9","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_5-0-9","border-radius-12":"magritte-border-radius-12___ihVXv_5-0-9","borderRadius12":"magritte-border-radius-12___ihVXv_5-0-9","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_5-0-9","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_5-0-9","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_5-0-9","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_5-0-9","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_5-0-9","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_5-0-9","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_5-0-9","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_5-0-9","border-radius-16":"magritte-border-radius-16___6eKmx_5-0-9","borderRadius16":"magritte-border-radius-16___6eKmx_5-0-9","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_5-0-9","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_5-0-9","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_5-0-9","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_5-0-9","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_5-0-9","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_5-0-9","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_5-0-9","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_5-0-9","border-radius-24":"magritte-border-radius-24___ulqxw_5-0-9","borderRadius24":"magritte-border-radius-24___ulqxw_5-0-9","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_5-0-9","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_5-0-9","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_5-0-9","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_5-0-9","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_5-0-9","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_5-0-9","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_5-0-9","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_5-0-9","border-radius-32":"magritte-border-radius-32___Bvm7h_5-0-9","borderRadius32":"magritte-border-radius-32___Bvm7h_5-0-9","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_5-0-9","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_5-0-9","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_5-0-9","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_5-0-9","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_5-0-9","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_5-0-9","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_5-0-9","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_5-0-9","border-radius-40":"magritte-border-radius-40___CSg91_5-0-9","borderRadius40":"magritte-border-radius-40___CSg91_5-0-9","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_5-0-9","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_5-0-9","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_5-0-9","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_5-0-9","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_5-0-9","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_5-0-9","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_5-0-9","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_5-0-9","scroll-container":"magritte-scroll-container___FuttX_5-0-9","scrollContainer":"magritte-scroll-container___FuttX_5-0-9","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_5-0-9","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_5-0-9","card-respect-container":"magritte-card-respect-container___-7bUI_5-0-9","cardRespectContainer":"magritte-card-respect-container___-7bUI_5-0-9"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=checkable-card-BGOxJVMD.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkable-card-BGOxJVMD.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -1,99 +1,99 @@
1
1
  :root{
2
- --magritte-color-component-checkable-card-background-unchecked-v24-4-0:#ffffff;
3
- --magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-0:#ffffff;
4
- --magritte-color-component-checkable-card-background-state-unchecked-pressed-v24-4-0:#ffffff;
5
- --magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-0:#F1F4F9;
6
- --magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v24-4-0:#F1F4F9;
7
- --magritte-color-component-checkable-card-background-state-unchecked-disabled-v24-4-0:#ffffff;
8
- --magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-0:#ffffff;
9
- --magritte-color-component-checkable-card-background-state-checked-pressed-v24-4-0:#ffffff;
10
- --magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-0:#F1F4F9;
11
- --magritte-color-component-checkable-card-background-state-checked-tone-pressed-v24-4-0:#F1F4F9;
12
- --magritte-color-component-checkable-card-background-state-checked-disabled-v24-4-0:#ffffff;
13
- --magritte-color-component-checkable-card-stroke-unchecked-v24-4-0:#DCE3EB;
14
- --magritte-color-component-checkable-card-stroke-checked-v24-4-0:#0070ff;
15
- --magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-0:#CCD5DF;
16
- --magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-0:#CCD5DF;
17
- --magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-0:#2b7fff;
18
- --magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-0:#2b7fff;
19
- --magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v24-4-0:#DCE3EB;
20
- --magritte-color-component-checkable-card-stroke-state-checked-disabled-v24-4-0:#CCD5DF;
21
- --magritte-color-component-checkable-card-stroke-state-focused-accessible-v24-4-0:#0070ff7a;
2
+ --magritte-color-component-checkable-card-background-unchecked-v24-4-1:#ffffff;
3
+ --magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-1:#ffffff;
4
+ --magritte-color-component-checkable-card-background-state-unchecked-pressed-v24-4-1:#ffffff;
5
+ --magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-1:#F1F4F9;
6
+ --magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v24-4-1:#F1F4F9;
7
+ --magritte-color-component-checkable-card-background-state-unchecked-disabled-v24-4-1:#ffffff;
8
+ --magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-1:#ffffff;
9
+ --magritte-color-component-checkable-card-background-state-checked-pressed-v24-4-1:#ffffff;
10
+ --magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-1:#F1F4F9;
11
+ --magritte-color-component-checkable-card-background-state-checked-tone-pressed-v24-4-1:#F1F4F9;
12
+ --magritte-color-component-checkable-card-background-state-checked-disabled-v24-4-1:#ffffff;
13
+ --magritte-color-component-checkable-card-stroke-unchecked-v24-4-1:#DCE3EB;
14
+ --magritte-color-component-checkable-card-stroke-checked-v24-4-1:#0070ff;
15
+ --magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-1:#CCD5DF;
16
+ --magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-1:#CCD5DF;
17
+ --magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-1:#2b7fff;
18
+ --magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-1:#2b7fff;
19
+ --magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v24-4-1:#DCE3EB;
20
+ --magritte-color-component-checkable-card-stroke-state-checked-disabled-v24-4-1:#CCD5DF;
21
+ --magritte-color-component-checkable-card-stroke-state-focused-accessible-v24-4-1:#0070ff7a;
22
22
  }
23
23
 
24
24
  :root{
25
- --magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-0:cubic-bezier(0.25, 0.1, 0.25, 1);
26
- --magritte-semantic-animation-ease-in-out-200-duration-v24-4-0:200ms;
25
+ --magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1:cubic-bezier(0.25, 0.1, 0.25, 1);
26
+ --magritte-semantic-animation-ease-in-out-200-duration-v24-4-1:200ms;
27
27
  }
28
28
 
29
29
  .magritte-night-theme{
30
- --magritte-color-component-checkable-card-background-unchecked-v24-4-0:#1B1B1B;
31
- --magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-0:#262626;
32
- --magritte-color-component-checkable-card-background-state-unchecked-pressed-v24-4-0:#262626;
33
- --magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-0:#262626;
34
- --magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v24-4-0:#262626;
35
- --magritte-color-component-checkable-card-background-state-unchecked-disabled-v24-4-0:#1B1B1B;
36
- --magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-0:#262626;
37
- --magritte-color-component-checkable-card-background-state-checked-pressed-v24-4-0:#262626;
38
- --magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-0:#262626;
39
- --magritte-color-component-checkable-card-background-state-checked-tone-pressed-v24-4-0:#262626;
40
- --magritte-color-component-checkable-card-background-state-checked-disabled-v24-4-0:#1B1B1B;
41
- --magritte-color-component-checkable-card-stroke-unchecked-v24-4-0:#303030;
42
- --magritte-color-component-checkable-card-stroke-checked-v24-4-0:#2b7fff;
43
- --magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-0:#3B3B3B;
44
- --magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-0:#3B3B3B;
45
- --magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-0:#468ffd;
46
- --magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-0:#468ffd;
47
- --magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v24-4-0:#303030;
48
- --magritte-color-component-checkable-card-stroke-state-checked-disabled-v24-4-0:#303030;
30
+ --magritte-color-component-checkable-card-background-unchecked-v24-4-1:#1B1B1B;
31
+ --magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-1:#262626;
32
+ --magritte-color-component-checkable-card-background-state-unchecked-pressed-v24-4-1:#262626;
33
+ --magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-1:#262626;
34
+ --magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v24-4-1:#262626;
35
+ --magritte-color-component-checkable-card-background-state-unchecked-disabled-v24-4-1:#1B1B1B;
36
+ --magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-1:#262626;
37
+ --magritte-color-component-checkable-card-background-state-checked-pressed-v24-4-1:#262626;
38
+ --magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-1:#262626;
39
+ --magritte-color-component-checkable-card-background-state-checked-tone-pressed-v24-4-1:#262626;
40
+ --magritte-color-component-checkable-card-background-state-checked-disabled-v24-4-1:#1B1B1B;
41
+ --magritte-color-component-checkable-card-stroke-unchecked-v24-4-1:#303030;
42
+ --magritte-color-component-checkable-card-stroke-checked-v24-4-1:#2b7fff;
43
+ --magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-1:#3B3B3B;
44
+ --magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-1:#3B3B3B;
45
+ --magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-1:#468ffd;
46
+ --magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-1:#468ffd;
47
+ --magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v24-4-1:#303030;
48
+ --magritte-color-component-checkable-card-stroke-state-checked-disabled-v24-4-1:#303030;
49
49
  }
50
50
 
51
51
  .magritte-zp-day-theme{
52
- --magritte-color-component-checkable-card-stroke-checked-v24-4-0:#7195AF;
53
- --magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-0:#90ACC1;
54
- --magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-0:#7195AF;
52
+ --magritte-color-component-checkable-card-stroke-checked-v24-4-1:#7195AF;
53
+ --magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-1:#90ACC1;
54
+ --magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-1:#7195AF;
55
55
  }
56
- .magritte-card___kxw8G_5-0-8{
56
+ .magritte-card___kxw8G_5-0-9{
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_5-0-8 > input{
63
+ .magritte-card___kxw8G_5-0-9 > 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_5-0-8{
68
+ .magritte-card-skeleton___QeWAi_5-0-9{
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_5-0-8{
74
+ .magritte-card_disabled___VY399_5-0-9{
75
75
  cursor:default;
76
76
  }
77
- .magritte-card_hug-content___5HzPo_5-0-8{
77
+ .magritte-card_hug-content___5HzPo_5-0-9{
78
78
  flex:0 0 auto;
79
79
  }
80
- .magritte-content___8L-gU_5-0-8{
80
+ .magritte-content___8L-gU_5-0-9{
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_5-0-8{
87
+ .magritte-content-border-container___nYgS5_5-0-9{
88
88
  display:inline-flex;
89
89
  flex:1 1 auto;
90
90
  align-items:stretch;
91
91
  justify-items:stretch;
92
92
  position:relative;
93
- transition:background-color var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-0);
94
- background-color:var(--magritte-color-component-checkable-card-background-unchecked-v24-4-0);
93
+ transition:background-color var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1);
94
+ background-color:var(--magritte-color-component-checkable-card-background-unchecked-v24-4-1);
95
95
  }
96
- .magritte-content-border-container___nYgS5_5-0-8::before{
96
+ .magritte-content-border-container___nYgS5_5-0-9::before{
97
97
  content:'';
98
98
  position:absolute;
99
99
  top:0;
@@ -102,385 +102,385 @@
102
102
  left:0;
103
103
  z-index:1;
104
104
  pointer-events:none;
105
- transition:border-color var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-0) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-0);
106
- border:1px solid var(--magritte-color-component-checkable-card-stroke-unchecked-v24-4-0);
105
+ transition:border-color var(--magritte-semantic-animation-ease-in-out-200-duration-v24-4-1) var(--magritte-semantic-animation-ease-in-out-200-timing-function-v24-4-1);
106
+ border:1px solid var(--magritte-color-component-checkable-card-stroke-unchecked-v24-4-1);
107
107
  }
108
- .magritte-content-opacity-container___6F4WI_5-0-8{
108
+ .magritte-content-opacity-container___6F4WI_5-0-9{
109
109
  display:flex;
110
110
  flex:1 1 auto;
111
111
  }
112
- .magritte-card___kxw8G_5-0-8 > input:checked + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before,
113
- .magritte-card___kxw8G_5-0-8.magritte-card_checked___nN6ga_5-0-8 .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
114
- border-color:var(--magritte-color-component-checkable-card-stroke-checked-v24-4-0);
112
+ .magritte-card___kxw8G_5-0-9 > input:checked + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before,
113
+ .magritte-card___kxw8G_5-0-9.magritte-card_checked___nN6ga_5-0-9 .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
114
+ border-color:var(--magritte-color-component-checkable-card-stroke-checked-v24-4-1);
115
115
  border-width:2px;
116
116
  }
117
- .magritte-card___kxw8G_5-0-8 > input.focus-visible + .magritte-content___8L-gU_5-0-8,
118
- .magritte-card___kxw8G_5-0-8.focus-visible .magritte-content___8L-gU_5-0-8{
119
- outline:var(--magritte-color-component-checkable-card-stroke-state-focused-accessible-v24-4-0) solid 4px;
117
+ .magritte-card___kxw8G_5-0-9 > input.focus-visible + .magritte-content___8L-gU_5-0-9,
118
+ .magritte-card___kxw8G_5-0-9.focus-visible .magritte-content___8L-gU_5-0-9{
119
+ outline:var(--magritte-color-component-checkable-card-stroke-state-focused-accessible-v24-4-1) solid 4px;
120
120
  }
121
- .magritte-card___kxw8G_5-0-8 > input:disabled + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
122
- .magritte-card___kxw8G_5-0-8.magritte-card_disabled___VY399_5-0-8 .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8{
123
- background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-disabled-v24-4-0);
121
+ .magritte-card___kxw8G_5-0-9 > input:disabled + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
122
+ .magritte-card___kxw8G_5-0-9.magritte-card_disabled___VY399_5-0-9 .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9{
123
+ background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-disabled-v24-4-1);
124
124
  }
125
- .magritte-card___kxw8G_5-0-8 > input:disabled + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before,
126
- .magritte-card___kxw8G_5-0-8.magritte-card_disabled___VY399_5-0-8 .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
127
- border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v24-4-0);
125
+ .magritte-card___kxw8G_5-0-9 > input:disabled + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before,
126
+ .magritte-card___kxw8G_5-0-9.magritte-card_disabled___VY399_5-0-9 .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
127
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-disabled-v24-4-1);
128
128
  border-width:1px;
129
129
  }
130
- .magritte-card___kxw8G_5-0-8 > input:checked:disabled + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
131
- .magritte-card___kxw8G_5-0-8.magritte-card_checked___nN6ga_5-0-8.magritte-card_disabled___VY399_5-0-8 .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8{
132
- background-color:var(--magritte-color-component-checkable-card-background-state-checked-disabled-v24-4-0);
130
+ .magritte-card___kxw8G_5-0-9 > input:checked:disabled + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
131
+ .magritte-card___kxw8G_5-0-9.magritte-card_checked___nN6ga_5-0-9.magritte-card_disabled___VY399_5-0-9 .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9{
132
+ background-color:var(--magritte-color-component-checkable-card-background-state-checked-disabled-v24-4-1);
133
133
  }
134
- .magritte-card___kxw8G_5-0-8 > input:checked:disabled + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before,
135
- .magritte-card___kxw8G_5-0-8.magritte-card_checked___nN6ga_5-0-8.magritte-card_disabled___VY399_5-0-8 .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
136
- border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-disabled-v24-4-0);
134
+ .magritte-card___kxw8G_5-0-9 > input:checked:disabled + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before,
135
+ .magritte-card___kxw8G_5-0-9.magritte-card_checked___nN6ga_5-0-9.magritte-card_disabled___VY399_5-0-9 .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
136
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-disabled-v24-4-1);
137
137
  border-width:2px;
138
138
  }
139
- .magritte-card___kxw8G_5-0-8 > input:disabled + .magritte-content___8L-gU_5-0-8 .magritte-content-opacity-container___6F4WI_5-0-8,
140
- .magritte-card_disabled___VY399_5-0-8 .magritte-content___8L-gU_5-0-8 .magritte-content-opacity-container___6F4WI_5-0-8{
139
+ .magritte-card___kxw8G_5-0-9 > input:disabled + .magritte-content___8L-gU_5-0-9 .magritte-content-opacity-container___6F4WI_5-0-9,
140
+ .magritte-card_disabled___VY399_5-0-9 .magritte-content___8L-gU_5-0-9 .magritte-content-opacity-container___6F4WI_5-0-9{
141
141
  opacity:48%;
142
142
  }
143
143
  @media (min-width: 1020px){
144
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
145
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8:not(:active):not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
146
- background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-0);
144
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
145
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9:not(:active):not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
146
+ background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-1);
147
147
  }
148
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before,
149
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8:not(:active):not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before{
150
- border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-0);
148
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before,
149
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9:not(:active):not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before{
150
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-1);
151
151
  border-width:1px;
152
152
  }
153
153
  }
154
154
  @media (min-width: 1024px){
155
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
156
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8:not(:active):not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
157
- background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-0);
155
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
156
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9:not(:active):not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
157
+ background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-hovered-v24-4-1);
158
158
  }
159
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before,
160
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8:not(:active):not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before{
161
- border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-0);
159
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before,
160
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9:not(:active):not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before{
161
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-hovered-v24-4-1);
162
162
  border-width:1px;
163
163
  }
164
164
  }
165
165
  @media (min-width: 1020px){
166
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
167
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8:not(:active).magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
168
- background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-0);
166
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
167
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9:not(:active).magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
168
+ background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-1);
169
169
  }
170
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before,
171
- body.magritte-old-layout .magritte-card___kxw8G_5-0-8:not(:active).magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before{
172
- border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-0);
170
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before,
171
+ body.magritte-old-layout .magritte-card___kxw8G_5-0-9:not(:active).magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before{
172
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-1);
173
173
  border-width:2px;
174
174
  }
175
175
  }
176
176
  @media (min-width: 1024px){
177
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
178
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8:not(:active).magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
179
- background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-0);
177
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
178
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9:not(:active).magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
179
+ background-color:var(--magritte-color-component-checkable-card-background-state-checked-hovered-v24-4-1);
180
180
  }
181
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before,
182
- body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-8:not(:active).magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8::before{
183
- border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-0);
181
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before,
182
+ body:not(.magritte-old-layout) .magritte-card___kxw8G_5-0-9:not(:active).magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9::before{
183
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-hovered-v24-4-1);
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_5-0-8 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
189
- body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-8:not(:active):not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
190
- background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-0);
188
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-9 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
189
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-9:not(:active):not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
190
+ background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-1);
191
191
  }
192
192
  }
193
193
  @media (min-width: 1024px){
194
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-8 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
195
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-8:not(:active):not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
196
- background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-0);
194
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-9 > input:not(:active):not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
195
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-9:not(:active):not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
196
+ background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-hovered-v24-4-1);
197
197
  }
198
198
  }
199
199
  @media (min-width: 1020px){
200
- body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-8 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
201
- body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-8:not(:active).magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
202
- background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-0);
200
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-9 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
201
+ body.magritte-old-layout .magritte-card_tone-hover___t2ICs_5-0-9:not(:active).magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
202
+ background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-1);
203
203
  }
204
204
  }
205
205
  @media (min-width: 1024px){
206
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-8 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8,
207
- body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-8:not(:active).magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8:hover .magritte-content-border-container___nYgS5_5-0-8{
208
- background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-0);
206
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-9 > input:not(:active):checked:not(:disabled) + .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9,
207
+ body:not(.magritte-old-layout) .magritte-card_tone-hover___t2ICs_5-0-9:not(:active).magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9:hover .magritte-content-border-container___nYgS5_5-0-9{
208
+ background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-hovered-v24-4-1);
209
209
  }
210
210
  }
211
- .magritte-card___kxw8G_5-0-8 > input:active:not(:disabled) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
212
- .magritte-card___kxw8G_5-0-8:active:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8{
213
- background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-pressed-v24-4-0);
211
+ .magritte-card___kxw8G_5-0-9 > input:active:not(:disabled) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
212
+ .magritte-card___kxw8G_5-0-9:active:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9{
213
+ background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-pressed-v24-4-1);
214
214
  }
215
- .magritte-card___kxw8G_5-0-8 > input:active:not(:disabled) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before,
216
- .magritte-card___kxw8G_5-0-8:active:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
217
- border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-0);
215
+ .magritte-card___kxw8G_5-0-9 > input:active:not(:disabled) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before,
216
+ .magritte-card___kxw8G_5-0-9:active:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
217
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-1);
218
218
  border-width:1px;
219
219
  }
220
- .magritte-card___kxw8G_5-0-8 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
221
- .magritte-card___kxw8G_5-0-8:active.magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8{
222
- background-color:var(--magritte-color-component-checkable-card-background-state-checked-pressed-v24-4-0);
220
+ .magritte-card___kxw8G_5-0-9 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
221
+ .magritte-card___kxw8G_5-0-9:active.magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9{
222
+ background-color:var(--magritte-color-component-checkable-card-background-state-checked-pressed-v24-4-1);
223
223
  }
224
- .magritte-card___kxw8G_5-0-8 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before,
225
- .magritte-card___kxw8G_5-0-8:active.magritte-card_checked___nN6ga_5-0-8:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
226
- border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-0);
224
+ .magritte-card___kxw8G_5-0-9 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before,
225
+ .magritte-card___kxw8G_5-0-9:active.magritte-card_checked___nN6ga_5-0-9:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
226
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-1);
227
227
  border-width:2px;
228
228
  }
229
- .magritte-card_tone-hover___t2ICs_5-0-8 > input:active:not(.magritte-disabled___Ab4OC_5-0-8) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
230
- .magritte-card_tone-hover___t2ICs_5-0-8:active:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8{
231
- background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v24-4-0);
229
+ .magritte-card_tone-hover___t2ICs_5-0-9 > input:active:not(.magritte-disabled___Ab4OC_5-0-9) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
230
+ .magritte-card_tone-hover___t2ICs_5-0-9:active:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9{
231
+ background-color:var(--magritte-color-component-checkable-card-background-state-unchecked-tone-pressed-v24-4-1);
232
232
  }
233
- .magritte-card_tone-hover___t2ICs_5-0-8 > input:active:not(.magritte-disabled___Ab4OC_5-0-8) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before,
234
- .magritte-card_tone-hover___t2ICs_5-0-8:active:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
235
- border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-0);
233
+ .magritte-card_tone-hover___t2ICs_5-0-9 > input:active:not(.magritte-disabled___Ab4OC_5-0-9) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before,
234
+ .magritte-card_tone-hover___t2ICs_5-0-9:active:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
235
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-unchecked-pressed-v24-4-1);
236
236
  border-width:1px;
237
237
  }
238
- .magritte-card_tone-hover___t2ICs_5-0-8 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
239
- .magritte-card_tone-hover___t2ICs_5-0-8.magritte-card_checked___nN6ga_5-0-8:active:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8{
240
- background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-pressed-v24-4-0);
238
+ .magritte-card_tone-hover___t2ICs_5-0-9 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
239
+ .magritte-card_tone-hover___t2ICs_5-0-9.magritte-card_checked___nN6ga_5-0-9:active:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9{
240
+ background-color:var(--magritte-color-component-checkable-card-background-state-checked-tone-pressed-v24-4-1);
241
241
  }
242
- .magritte-card_tone-hover___t2ICs_5-0-8 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before,
243
- .magritte-card_tone-hover___t2ICs_5-0-8.magritte-card_checked___nN6ga_5-0-8:active:not(.magritte-card_disabled___VY399_5-0-8) .magritte-content___8L-gU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
244
- border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-0);
242
+ .magritte-card_tone-hover___t2ICs_5-0-9 > input:active:checked:not(:disabled) + .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before,
243
+ .magritte-card_tone-hover___t2ICs_5-0-9.magritte-card_checked___nN6ga_5-0-9:active:not(.magritte-card_disabled___VY399_5-0-9) .magritte-content___8L-gU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
244
+ border-color:var(--magritte-color-component-checkable-card-stroke-state-checked-pressed-v24-4-1);
245
245
  border-width:2px;
246
246
  }
247
- .magritte-border-radius-0___--hCS_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
248
- .magritte-border-radius-0___--hCS_5-0-8 .magritte-content___8L-gU_5-0-8{
247
+ .magritte-border-radius-0___--hCS_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
248
+ .magritte-border-radius-0___--hCS_5-0-9 .magritte-content___8L-gU_5-0-9{
249
249
  border-radius:0px;
250
250
  }
251
- .magritte-border-radius-0___--hCS_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
251
+ .magritte-border-radius-0___--hCS_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
252
252
  border-radius:0px;
253
253
  }
254
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-0___IV8UU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
255
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-0___IV8UU_5-0-8 .magritte-content___8L-gU_5-0-8{
254
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-0___IV8UU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
255
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-0___IV8UU_5-0-9 .magritte-content___8L-gU_5-0-9{
256
256
  border-top-left-radius:0px;
257
257
  }
258
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-0___IV8UU_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
258
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-0___IV8UU_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
259
259
  border-top-left-radius:0px;
260
260
  }
261
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-0___eBVf0_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
262
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-0___eBVf0_5-0-8 .magritte-content___8L-gU_5-0-8{
261
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-0___eBVf0_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
262
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-0___eBVf0_5-0-9 .magritte-content___8L-gU_5-0-9{
263
263
  border-top-right-radius:0px;
264
264
  }
265
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-0___eBVf0_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
265
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-0___eBVf0_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
266
266
  border-top-right-radius:0px;
267
267
  }
268
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-0___jmTBk_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
269
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-0___jmTBk_5-0-8 .magritte-content___8L-gU_5-0-8{
268
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-0___jmTBk_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
269
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-0___jmTBk_5-0-9 .magritte-content___8L-gU_5-0-9{
270
270
  border-bottom-left-radius:0px;
271
271
  }
272
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-0___jmTBk_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
272
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-0___jmTBk_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
273
273
  border-bottom-left-radius:0px;
274
274
  }
275
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-0___D-Fs-_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
276
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-0___D-Fs-_5-0-8 .magritte-content___8L-gU_5-0-8{
275
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-0___D-Fs-_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
276
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-0___D-Fs-_5-0-9 .magritte-content___8L-gU_5-0-9{
277
277
  border-bottom-right-radius:0px;
278
278
  }
279
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-0___D-Fs-_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
279
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-0___D-Fs-_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
280
280
  border-bottom-right-radius:0px;
281
281
  }
282
- .magritte-border-radius-12___ihVXv_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
283
- .magritte-border-radius-12___ihVXv_5-0-8 .magritte-content___8L-gU_5-0-8{
282
+ .magritte-border-radius-12___ihVXv_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
283
+ .magritte-border-radius-12___ihVXv_5-0-9 .magritte-content___8L-gU_5-0-9{
284
284
  border-radius:12px;
285
285
  }
286
- .magritte-border-radius-12___ihVXv_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
286
+ .magritte-border-radius-12___ihVXv_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
287
287
  border-radius:12px;
288
288
  }
289
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-12___c-jEA_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
290
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-12___c-jEA_5-0-8 .magritte-content___8L-gU_5-0-8{
289
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-12___c-jEA_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
290
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-12___c-jEA_5-0-9 .magritte-content___8L-gU_5-0-9{
291
291
  border-top-left-radius:12px;
292
292
  }
293
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-12___c-jEA_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
293
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-12___c-jEA_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
294
294
  border-top-left-radius:12px;
295
295
  }
296
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-12___UA8OT_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
297
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-12___UA8OT_5-0-8 .magritte-content___8L-gU_5-0-8{
296
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-12___UA8OT_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
297
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-12___UA8OT_5-0-9 .magritte-content___8L-gU_5-0-9{
298
298
  border-top-right-radius:12px;
299
299
  }
300
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-12___UA8OT_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
300
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-12___UA8OT_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
301
301
  border-top-right-radius:12px;
302
302
  }
303
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-12___fJtJ7_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
304
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-12___fJtJ7_5-0-8 .magritte-content___8L-gU_5-0-8{
303
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-12___fJtJ7_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
304
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-12___fJtJ7_5-0-9 .magritte-content___8L-gU_5-0-9{
305
305
  border-bottom-left-radius:12px;
306
306
  }
307
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-12___fJtJ7_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
307
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-12___fJtJ7_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
308
308
  border-bottom-left-radius:12px;
309
309
  }
310
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-12___2FNgs_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
311
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-12___2FNgs_5-0-8 .magritte-content___8L-gU_5-0-8{
310
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-12___2FNgs_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
311
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-12___2FNgs_5-0-9 .magritte-content___8L-gU_5-0-9{
312
312
  border-bottom-right-radius:12px;
313
313
  }
314
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-12___2FNgs_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
314
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-12___2FNgs_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
315
315
  border-bottom-right-radius:12px;
316
316
  }
317
- .magritte-border-radius-16___6eKmx_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
318
- .magritte-border-radius-16___6eKmx_5-0-8 .magritte-content___8L-gU_5-0-8{
317
+ .magritte-border-radius-16___6eKmx_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
318
+ .magritte-border-radius-16___6eKmx_5-0-9 .magritte-content___8L-gU_5-0-9{
319
319
  border-radius:16px;
320
320
  }
321
- .magritte-border-radius-16___6eKmx_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
321
+ .magritte-border-radius-16___6eKmx_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
322
322
  border-radius:16px;
323
323
  }
324
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-16___tZAjN_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
325
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-16___tZAjN_5-0-8 .magritte-content___8L-gU_5-0-8{
324
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-16___tZAjN_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
325
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-16___tZAjN_5-0-9 .magritte-content___8L-gU_5-0-9{
326
326
  border-top-left-radius:16px;
327
327
  }
328
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-16___tZAjN_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
328
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-16___tZAjN_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
329
329
  border-top-left-radius:16px;
330
330
  }
331
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-16___1S1ct_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
332
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-16___1S1ct_5-0-8 .magritte-content___8L-gU_5-0-8{
331
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-16___1S1ct_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
332
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-16___1S1ct_5-0-9 .magritte-content___8L-gU_5-0-9{
333
333
  border-top-right-radius:16px;
334
334
  }
335
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-16___1S1ct_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
335
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-16___1S1ct_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
336
336
  border-top-right-radius:16px;
337
337
  }
338
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-16___i0GAm_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
339
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-16___i0GAm_5-0-8 .magritte-content___8L-gU_5-0-8{
338
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-16___i0GAm_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
339
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-16___i0GAm_5-0-9 .magritte-content___8L-gU_5-0-9{
340
340
  border-bottom-left-radius:16px;
341
341
  }
342
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-16___i0GAm_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
342
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-16___i0GAm_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
343
343
  border-bottom-left-radius:16px;
344
344
  }
345
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-16___cGBZM_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
346
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-16___cGBZM_5-0-8 .magritte-content___8L-gU_5-0-8{
345
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-16___cGBZM_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
346
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-16___cGBZM_5-0-9 .magritte-content___8L-gU_5-0-9{
347
347
  border-bottom-right-radius:16px;
348
348
  }
349
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-16___cGBZM_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
349
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-16___cGBZM_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
350
350
  border-bottom-right-radius:16px;
351
351
  }
352
- .magritte-border-radius-24___ulqxw_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
353
- .magritte-border-radius-24___ulqxw_5-0-8 .magritte-content___8L-gU_5-0-8{
352
+ .magritte-border-radius-24___ulqxw_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
353
+ .magritte-border-radius-24___ulqxw_5-0-9 .magritte-content___8L-gU_5-0-9{
354
354
  border-radius:24px;
355
355
  }
356
- .magritte-border-radius-24___ulqxw_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
356
+ .magritte-border-radius-24___ulqxw_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
357
357
  border-radius:24px;
358
358
  }
359
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-24___kJKz-_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
360
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-24___kJKz-_5-0-8 .magritte-content___8L-gU_5-0-8{
359
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-24___kJKz-_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
360
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-24___kJKz-_5-0-9 .magritte-content___8L-gU_5-0-9{
361
361
  border-top-left-radius:24px;
362
362
  }
363
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-24___kJKz-_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
363
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-24___kJKz-_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
364
364
  border-top-left-radius:24px;
365
365
  }
366
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-24___h4WrI_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
367
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-24___h4WrI_5-0-8 .magritte-content___8L-gU_5-0-8{
366
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-24___h4WrI_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
367
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-24___h4WrI_5-0-9 .magritte-content___8L-gU_5-0-9{
368
368
  border-top-right-radius:24px;
369
369
  }
370
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-24___h4WrI_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
370
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-24___h4WrI_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
371
371
  border-top-right-radius:24px;
372
372
  }
373
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-24___CwCs8_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
374
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-24___CwCs8_5-0-8 .magritte-content___8L-gU_5-0-8{
373
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-24___CwCs8_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
374
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-24___CwCs8_5-0-9 .magritte-content___8L-gU_5-0-9{
375
375
  border-bottom-left-radius:24px;
376
376
  }
377
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-24___CwCs8_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
377
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-24___CwCs8_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
378
378
  border-bottom-left-radius:24px;
379
379
  }
380
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-24___PIRfH_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
381
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-24___PIRfH_5-0-8 .magritte-content___8L-gU_5-0-8{
380
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-24___PIRfH_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
381
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-24___PIRfH_5-0-9 .magritte-content___8L-gU_5-0-9{
382
382
  border-bottom-right-radius:24px;
383
383
  }
384
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-24___PIRfH_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
384
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-24___PIRfH_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
385
385
  border-bottom-right-radius:24px;
386
386
  }
387
- .magritte-border-radius-32___Bvm7h_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
388
- .magritte-border-radius-32___Bvm7h_5-0-8 .magritte-content___8L-gU_5-0-8{
387
+ .magritte-border-radius-32___Bvm7h_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
388
+ .magritte-border-radius-32___Bvm7h_5-0-9 .magritte-content___8L-gU_5-0-9{
389
389
  border-radius:32px;
390
390
  }
391
- .magritte-border-radius-32___Bvm7h_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
391
+ .magritte-border-radius-32___Bvm7h_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
392
392
  border-radius:32px;
393
393
  }
394
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-32___QVqKC_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
395
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-32___QVqKC_5-0-8 .magritte-content___8L-gU_5-0-8{
394
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-32___QVqKC_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
395
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-32___QVqKC_5-0-9 .magritte-content___8L-gU_5-0-9{
396
396
  border-top-left-radius:32px;
397
397
  }
398
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-32___QVqKC_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
398
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-32___QVqKC_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
399
399
  border-top-left-radius:32px;
400
400
  }
401
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-32___7a2qq_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
402
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-32___7a2qq_5-0-8 .magritte-content___8L-gU_5-0-8{
401
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-32___7a2qq_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
402
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-32___7a2qq_5-0-9 .magritte-content___8L-gU_5-0-9{
403
403
  border-top-right-radius:32px;
404
404
  }
405
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-32___7a2qq_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
405
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-32___7a2qq_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
406
406
  border-top-right-radius:32px;
407
407
  }
408
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-32___cmrmL_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
409
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-32___cmrmL_5-0-8 .magritte-content___8L-gU_5-0-8{
408
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-32___cmrmL_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
409
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-32___cmrmL_5-0-9 .magritte-content___8L-gU_5-0-9{
410
410
  border-bottom-left-radius:32px;
411
411
  }
412
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-32___cmrmL_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
412
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-32___cmrmL_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
413
413
  border-bottom-left-radius:32px;
414
414
  }
415
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-32___yMDwz_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
416
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-32___yMDwz_5-0-8 .magritte-content___8L-gU_5-0-8{
415
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-32___yMDwz_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
416
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-32___yMDwz_5-0-9 .magritte-content___8L-gU_5-0-9{
417
417
  border-bottom-right-radius:32px;
418
418
  }
419
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-32___yMDwz_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
419
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-32___yMDwz_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
420
420
  border-bottom-right-radius:32px;
421
421
  }
422
- .magritte-border-radius-40___CSg91_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
423
- .magritte-border-radius-40___CSg91_5-0-8 .magritte-content___8L-gU_5-0-8{
422
+ .magritte-border-radius-40___CSg91_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
423
+ .magritte-border-radius-40___CSg91_5-0-9 .magritte-content___8L-gU_5-0-9{
424
424
  border-radius:40px;
425
425
  }
426
- .magritte-border-radius-40___CSg91_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
426
+ .magritte-border-radius-40___CSg91_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
427
427
  border-radius:40px;
428
428
  }
429
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-40___oANEa_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
430
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-40___oANEa_5-0-8 .magritte-content___8L-gU_5-0-8{
429
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-40___oANEa_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
430
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-40___oANEa_5-0-9 .magritte-content___8L-gU_5-0-9{
431
431
  border-top-left-radius:40px;
432
432
  }
433
- .magritte-card___kxw8G_5-0-8.magritte-border-top-left-radius-40___oANEa_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
433
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-left-radius-40___oANEa_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
434
434
  border-top-left-radius:40px;
435
435
  }
436
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-40___TYtjf_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
437
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-40___TYtjf_5-0-8 .magritte-content___8L-gU_5-0-8{
436
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-40___TYtjf_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
437
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-40___TYtjf_5-0-9 .magritte-content___8L-gU_5-0-9{
438
438
  border-top-right-radius:40px;
439
439
  }
440
- .magritte-card___kxw8G_5-0-8.magritte-border-top-right-radius-40___TYtjf_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
440
+ .magritte-card___kxw8G_5-0-9.magritte-border-top-right-radius-40___TYtjf_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
441
441
  border-top-right-radius:40px;
442
442
  }
443
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-40___-bPFb_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
444
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-40___-bPFb_5-0-8 .magritte-content___8L-gU_5-0-8{
443
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-40___-bPFb_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
444
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-40___-bPFb_5-0-9 .magritte-content___8L-gU_5-0-9{
445
445
  border-bottom-left-radius:40px;
446
446
  }
447
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-left-radius-40___-bPFb_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
447
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-left-radius-40___-bPFb_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
448
448
  border-bottom-left-radius:40px;
449
449
  }
450
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-40___ArdFn_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
451
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-40___ArdFn_5-0-8 .magritte-content___8L-gU_5-0-8{
450
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-40___ArdFn_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
451
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-40___ArdFn_5-0-9 .magritte-content___8L-gU_5-0-9{
452
452
  border-bottom-right-radius:40px;
453
453
  }
454
- .magritte-card___kxw8G_5-0-8.magritte-border-bottom-right-radius-40___ArdFn_5-0-8 .magritte-content-border-container___nYgS5_5-0-8::before{
454
+ .magritte-card___kxw8G_5-0-9.magritte-border-bottom-right-radius-40___ArdFn_5-0-9 .magritte-content-border-container___nYgS5_5-0-9::before{
455
455
  border-bottom-right-radius:40px;
456
456
  }
457
- .magritte-scroll-container___FuttX_5-0-8{
457
+ .magritte-scroll-container___FuttX_5-0-9{
458
458
  width:200%;
459
459
  }
460
- .magritte-scroll-container___FuttX_5-0-8 > *{
460
+ .magritte-scroll-container___FuttX_5-0-9 > *{
461
461
  flex-wrap:wrap;
462
462
  }
463
463
  @media (min-width: 1020px){
464
- body.magritte-old-layout .magritte-scroll-container___FuttX_5-0-8:not(.magritte-scroll-container-mobile___9y-d7_5-0-8){
464
+ body.magritte-old-layout .magritte-scroll-container___FuttX_5-0-9:not(.magritte-scroll-container-mobile___9y-d7_5-0-9){
465
465
  width:auto;
466
466
  }
467
- body.magritte-old-layout .magritte-scroll-container___FuttX_5-0-8:not(.magritte-scroll-container-mobile___9y-d7_5-0-8) > *{
467
+ body.magritte-old-layout .magritte-scroll-container___FuttX_5-0-9:not(.magritte-scroll-container-mobile___9y-d7_5-0-9) > *{
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_5-0-8:not(.magritte-scroll-container-mobile___9y-d7_5-0-8){
472
+ body:not(.magritte-old-layout) .magritte-scroll-container___FuttX_5-0-9:not(.magritte-scroll-container-mobile___9y-d7_5-0-9){
473
473
  width:auto;
474
474
  }
475
- body:not(.magritte-old-layout) .magritte-scroll-container___FuttX_5-0-8:not(.magritte-scroll-container-mobile___9y-d7_5-0-8) > *{
475
+ body:not(.magritte-old-layout) .magritte-scroll-container___FuttX_5-0-9:not(.magritte-scroll-container-mobile___9y-d7_5-0-9) > *{
476
476
  flex-wrap:nowrap;
477
477
  }
478
478
  }
479
- .magritte-card-respect-container___-7bUI_5-0-8{
479
+ .magritte-card-respect-container___-7bUI_5-0-9{
480
480
  max-width:100%;
481
481
  }
482
- .magritte-card-respect-container___-7bUI_5-0-8 .magritte-content-border-container___nYgS5_5-0-8,
483
- .magritte-card-respect-container___-7bUI_5-0-8 .magritte-content-opacity-container___6F4WI_5-0-8,
484
- .magritte-card-respect-container___-7bUI_5-0-8 .magritte-content___8L-gU_5-0-8{
482
+ .magritte-card-respect-container___-7bUI_5-0-9 .magritte-content-border-container___nYgS5_5-0-9,
483
+ .magritte-card-respect-container___-7bUI_5-0-9 .magritte-content-opacity-container___6F4WI_5-0-9,
484
+ .magritte-card-respect-container___-7bUI_5-0-9 .magritte-content___8L-gU_5-0-9{
485
485
  min-width:0;
486
486
  }
package/index.js CHANGED
@@ -7,7 +7,7 @@ import '@hh.ru/magritte-common-keyboard';
7
7
  import '@hh.ru/magritte-common-use-disabled';
8
8
  import './CheckableCardElement.js';
9
9
  import 'classnames';
10
- import './checkable-card-Byh1E0kc.js';
10
+ import './checkable-card-BGOxJVMD.js';
11
11
  import './Skeleton.js';
12
12
  import '@hh.ru/magritte-common-use-loading-state';
13
13
  import '@hh.ru/magritte-ui-skeleton';
package/index.mock.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-checkable-card/types';\n\nexport const CheckableCard: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'CheckableCard',\n undefined,\n {\n withChildren: true,\n }\n);\n\nexport const CheckableCardScrollableContainer: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'CheckableCardScrollableContainer',\n undefined,\n {\n withChildren: true,\n }\n);\n"],"names":[],"mappings":";;MAMa,aAAa,GAAuD,aAAa,CAC1F,eAAe,EACf,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EACH;MAEW,gCAAgC,GAAuD,aAAa,CAC7G,kCAAkC,EAClC,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
1
+ {"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-checkable-card/types';\n\nexport const CheckableCard: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'CheckableCard',\n undefined,\n {\n withChildren: true,\n }\n);\n\nexport const CheckableCardScrollableContainer: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'CheckableCardScrollableContainer',\n undefined,\n {\n withChildren: true,\n }\n);\n"],"names":[],"mappings":";;MAMa,aAAa,GAAuD,aAAa,CAC1F,eAAe,EACf,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EACH;MAEW,gCAAgC,GAAuD,aAAa,CAC7G,kCAAkC,EAClC,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-checkable-card",
3
- "version": "5.0.8",
3
+ "version": "5.0.9",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -23,18 +23,18 @@
23
23
  "react": ">=18.2.0"
24
24
  },
25
25
  "dependencies": {
26
- "@hh.ru/magritte-common-keyboard": "4.3.0",
27
- "@hh.ru/magritte-common-use-disabled": "1.0.14",
28
- "@hh.ru/magritte-common-use-loading-state": "1.0.10",
29
- "@hh.ru/magritte-design-tokens": "24.4.0",
30
- "@hh.ru/magritte-types": "5.0.5",
31
- "@hh.ru/magritte-ui-breakpoint": "6.0.6",
32
- "@hh.ru/magritte-ui-mock-component": "1.1.6",
33
- "@hh.ru/magritte-ui-scrollable-container": "6.2.1",
34
- "@hh.ru/magritte-ui-skeleton": "3.0.16"
26
+ "@hh.ru/magritte-common-keyboard": "4.3.1",
27
+ "@hh.ru/magritte-common-use-disabled": "1.0.15",
28
+ "@hh.ru/magritte-common-use-loading-state": "1.0.11",
29
+ "@hh.ru/magritte-design-tokens": "24.4.1",
30
+ "@hh.ru/magritte-types": "5.0.6",
31
+ "@hh.ru/magritte-ui-breakpoint": "6.0.7",
32
+ "@hh.ru/magritte-ui-mock-component": "1.1.7",
33
+ "@hh.ru/magritte-ui-scrollable-container": "6.2.2",
34
+ "@hh.ru/magritte-ui-skeleton": "3.0.17"
35
35
  },
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "7cea3ac4f7f947bba409d2fbc29284343113c4ba"
39
+ "gitHead": "ec7d56f576ca5581c2acb5010b53bbfb8da52962"
40
40
  }
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"card":"magritte-card___kxw8G_5-0-8","card-skeleton":"magritte-card-skeleton___QeWAi_5-0-8","cardSkeleton":"magritte-card-skeleton___QeWAi_5-0-8","card_disabled":"magritte-card_disabled___VY399_5-0-8","cardDisabled":"magritte-card_disabled___VY399_5-0-8","card_hug-content":"magritte-card_hug-content___5HzPo_5-0-8","cardHugContent":"magritte-card_hug-content___5HzPo_5-0-8","content":"magritte-content___8L-gU_5-0-8","content-border-container":"magritte-content-border-container___nYgS5_5-0-8","contentBorderContainer":"magritte-content-border-container___nYgS5_5-0-8","content-opacity-container":"magritte-content-opacity-container___6F4WI_5-0-8","contentOpacityContainer":"magritte-content-opacity-container___6F4WI_5-0-8","card_checked":"magritte-card_checked___nN6ga_5-0-8","cardChecked":"magritte-card_checked___nN6ga_5-0-8","card_tone-hover":"magritte-card_tone-hover___t2ICs_5-0-8","cardToneHover":"magritte-card_tone-hover___t2ICs_5-0-8","disabled":"magritte-disabled___Ab4OC_5-0-8","border-radius-0":"magritte-border-radius-0___--hCS_5-0-8","borderRadius0":"magritte-border-radius-0___--hCS_5-0-8","border-top-left-radius-0":"magritte-border-top-left-radius-0___IV8UU_5-0-8","borderTopLeftRadius0":"magritte-border-top-left-radius-0___IV8UU_5-0-8","border-top-right-radius-0":"magritte-border-top-right-radius-0___eBVf0_5-0-8","borderTopRightRadius0":"magritte-border-top-right-radius-0___eBVf0_5-0-8","border-bottom-left-radius-0":"magritte-border-bottom-left-radius-0___jmTBk_5-0-8","borderBottomLeftRadius0":"magritte-border-bottom-left-radius-0___jmTBk_5-0-8","border-bottom-right-radius-0":"magritte-border-bottom-right-radius-0___D-Fs-_5-0-8","borderBottomRightRadius0":"magritte-border-bottom-right-radius-0___D-Fs-_5-0-8","border-radius-12":"magritte-border-radius-12___ihVXv_5-0-8","borderRadius12":"magritte-border-radius-12___ihVXv_5-0-8","border-top-left-radius-12":"magritte-border-top-left-radius-12___c-jEA_5-0-8","borderTopLeftRadius12":"magritte-border-top-left-radius-12___c-jEA_5-0-8","border-top-right-radius-12":"magritte-border-top-right-radius-12___UA8OT_5-0-8","borderTopRightRadius12":"magritte-border-top-right-radius-12___UA8OT_5-0-8","border-bottom-left-radius-12":"magritte-border-bottom-left-radius-12___fJtJ7_5-0-8","borderBottomLeftRadius12":"magritte-border-bottom-left-radius-12___fJtJ7_5-0-8","border-bottom-right-radius-12":"magritte-border-bottom-right-radius-12___2FNgs_5-0-8","borderBottomRightRadius12":"magritte-border-bottom-right-radius-12___2FNgs_5-0-8","border-radius-16":"magritte-border-radius-16___6eKmx_5-0-8","borderRadius16":"magritte-border-radius-16___6eKmx_5-0-8","border-top-left-radius-16":"magritte-border-top-left-radius-16___tZAjN_5-0-8","borderTopLeftRadius16":"magritte-border-top-left-radius-16___tZAjN_5-0-8","border-top-right-radius-16":"magritte-border-top-right-radius-16___1S1ct_5-0-8","borderTopRightRadius16":"magritte-border-top-right-radius-16___1S1ct_5-0-8","border-bottom-left-radius-16":"magritte-border-bottom-left-radius-16___i0GAm_5-0-8","borderBottomLeftRadius16":"magritte-border-bottom-left-radius-16___i0GAm_5-0-8","border-bottom-right-radius-16":"magritte-border-bottom-right-radius-16___cGBZM_5-0-8","borderBottomRightRadius16":"magritte-border-bottom-right-radius-16___cGBZM_5-0-8","border-radius-24":"magritte-border-radius-24___ulqxw_5-0-8","borderRadius24":"magritte-border-radius-24___ulqxw_5-0-8","border-top-left-radius-24":"magritte-border-top-left-radius-24___kJKz-_5-0-8","borderTopLeftRadius24":"magritte-border-top-left-radius-24___kJKz-_5-0-8","border-top-right-radius-24":"magritte-border-top-right-radius-24___h4WrI_5-0-8","borderTopRightRadius24":"magritte-border-top-right-radius-24___h4WrI_5-0-8","border-bottom-left-radius-24":"magritte-border-bottom-left-radius-24___CwCs8_5-0-8","borderBottomLeftRadius24":"magritte-border-bottom-left-radius-24___CwCs8_5-0-8","border-bottom-right-radius-24":"magritte-border-bottom-right-radius-24___PIRfH_5-0-8","borderBottomRightRadius24":"magritte-border-bottom-right-radius-24___PIRfH_5-0-8","border-radius-32":"magritte-border-radius-32___Bvm7h_5-0-8","borderRadius32":"magritte-border-radius-32___Bvm7h_5-0-8","border-top-left-radius-32":"magritte-border-top-left-radius-32___QVqKC_5-0-8","borderTopLeftRadius32":"magritte-border-top-left-radius-32___QVqKC_5-0-8","border-top-right-radius-32":"magritte-border-top-right-radius-32___7a2qq_5-0-8","borderTopRightRadius32":"magritte-border-top-right-radius-32___7a2qq_5-0-8","border-bottom-left-radius-32":"magritte-border-bottom-left-radius-32___cmrmL_5-0-8","borderBottomLeftRadius32":"magritte-border-bottom-left-radius-32___cmrmL_5-0-8","border-bottom-right-radius-32":"magritte-border-bottom-right-radius-32___yMDwz_5-0-8","borderBottomRightRadius32":"magritte-border-bottom-right-radius-32___yMDwz_5-0-8","border-radius-40":"magritte-border-radius-40___CSg91_5-0-8","borderRadius40":"magritte-border-radius-40___CSg91_5-0-8","border-top-left-radius-40":"magritte-border-top-left-radius-40___oANEa_5-0-8","borderTopLeftRadius40":"magritte-border-top-left-radius-40___oANEa_5-0-8","border-top-right-radius-40":"magritte-border-top-right-radius-40___TYtjf_5-0-8","borderTopRightRadius40":"magritte-border-top-right-radius-40___TYtjf_5-0-8","border-bottom-left-radius-40":"magritte-border-bottom-left-radius-40___-bPFb_5-0-8","borderBottomLeftRadius40":"magritte-border-bottom-left-radius-40___-bPFb_5-0-8","border-bottom-right-radius-40":"magritte-border-bottom-right-radius-40___ArdFn_5-0-8","borderBottomRightRadius40":"magritte-border-bottom-right-radius-40___ArdFn_5-0-8","scroll-container":"magritte-scroll-container___FuttX_5-0-8","scrollContainer":"magritte-scroll-container___FuttX_5-0-8","scroll-container-mobile":"magritte-scroll-container-mobile___9y-d7_5-0-8","scrollContainerMobile":"magritte-scroll-container-mobile___9y-d7_5-0-8","card-respect-container":"magritte-card-respect-container___-7bUI_5-0-8","cardRespectContainer":"magritte-card-respect-container___-7bUI_5-0-8"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=checkable-card-Byh1E0kc.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkable-card-Byh1E0kc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}