@hh.ru/magritte-ui-card 8.6.8 → 8.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/Between.js +1 -1
  2. package/Card.js +9 -4
  3. package/Card.js.map +1 -1
  4. package/CardSegment.js +1 -1
  5. package/card-CJwPst3v.js +5 -0
  6. package/card-CJwPst3v.js.map +1 -0
  7. package/index.css +150 -150
  8. package/index.js +1 -1
  9. package/package.json +3 -3
  10. package/types.d.ts +7 -0
  11. package/card-C2GZZIwn.js +0 -5
  12. package/card-C2GZZIwn.js.map +0 -1
package/Between.js CHANGED
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { useCardContext } from './cardContext.js';
4
4
  import { Divider } from '@hh.ru/magritte-ui-divider';
5
- import { s as styles } from './card-C2GZZIwn.js';
5
+ import { s as styles } from './card-CJwPst3v.js';
6
6
  import 'react';
7
7
 
8
8
  const Between = ({ children }) => {
package/Card.js CHANGED
@@ -11,7 +11,7 @@ import { useCardActivation } from './useCardActivation.js';
11
11
  import { IconDynamic } from '@hh.ru/magritte-ui-icon';
12
12
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
13
13
  import { TextDynamic } from '@hh.ru/magritte-ui-typography';
14
- import { s as styles } from './card-C2GZZIwn.js';
14
+ import { s as styles } from './card-CJwPst3v.js';
15
15
  import '@hh.ru/magritte-ui-divider';
16
16
  import '@hh.ru/magritte-ui-layout';
17
17
  import '@hh.ru/magritte-common-keyboard';
@@ -37,7 +37,7 @@ const genBorderRadiusProp = (radiusProps) => {
37
37
  };
38
38
  };
39
39
  const genPaddingProps = (paddingProps) => Object.entries(paddingProps).reduce((acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc), {});
40
- const CardForwardRefRenderFunc = ({ Element = 'div', stretched = false, verticalStretched = false, hoverEnabled = false, pressEnabled = false, shadow = 'level-0', increaseShadow = false, onClick, style = 'primary', hoverStyle, disabled = false, padding = 0, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius = 0, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, children, borderStyle, borderWidth = 'none', direction, ...restProps }, ref) => {
40
+ const CardForwardRefRenderFunc = ({ Element = 'div', stretched = false, verticalStretched = false, hoverEnabled = false, pressEnabled = false, shadow = 'level-0', increaseShadow = false, onClick, style = 'primary', hoverStyle, disabled = false, padding = 0, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius = 0, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, children, borderStyle, borderWidth = 'none', borderLayer = 'above-content', direction, ...restProps }, ref) => {
41
41
  const forceDisabled = useDisabled();
42
42
  const activationProps = useCardActivation({
43
43
  onClick,
@@ -53,6 +53,11 @@ const CardForwardRefRenderFunc = ({ Element = 'div', stretched = false, vertical
53
53
  Top: paddingTop ?? padding,
54
54
  Bottom: paddingBottom ?? padding,
55
55
  });
56
+ // порядок отрисовки рамки задаётся её положением среди детей карточки: последним потомком — поверх всего
57
+ // содержимого, первым — под спозиционированным, чтобы выходящие за карточку абсолютно спозиционированные
58
+ // элементы (например, картинки) перекрывали рамку, а не наоборот
59
+ const isBorderBelowContent = borderLayer === 'below-content';
60
+ const borderElement = jsx("div", { className: styles.borderElement });
56
61
  const radiusProps = genBorderRadiusProp({
57
62
  borderRadius,
58
63
  borderBottomLeftRadius,
@@ -69,10 +74,10 @@ const CardForwardRefRenderFunc = ({ Element = 'div', stretched = false, vertical
69
74
  [styles.cardDisabled]: !!disabled,
70
75
  [styles.borderSelected]: borderWidth === 'selected',
71
76
  [styles.borderDefault]: borderWidth === 'default',
72
- }), children: [jsx(IconDynamic, { stretched: true, hoverEnabled: isHoverEnabled, pressEnabled: isPressEnabled, children: jsx("div", { className: styles.flexContainer, children: jsx(TextDynamic, { stretched: true, className: classnames({
77
+ }), children: [isBorderBelowContent && borderElement, jsx(IconDynamic, { stretched: true, hoverEnabled: isHoverEnabled, pressEnabled: isPressEnabled, children: jsx("div", { className: styles.flexContainer, children: jsx(TextDynamic, { stretched: true, className: classnames({
73
78
  [styles.layoutVertical]: direction === 'column',
74
79
  [styles.layoutHorizontal]: direction === 'row',
75
- }), children: jsx(CardContext.Provider, { value: { direction: direction ?? 'row', borderStyle }, children: children }) }) }) }), jsx("div", { className: styles.borderElement, style: radiusProps })] }) }));
80
+ }), children: jsx(CardContext.Provider, { value: { direction: direction ?? 'row', borderStyle }, children: children }) }) }) }), !isBorderBelowContent && borderElement] }) }));
76
81
  };
77
82
  const CardComponent = forwardRef(CardForwardRefRenderFunc);
78
83
  CardComponent.Segment = CardSegment;
package/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type FC, type PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { Between } from '@hh.ru/magritte-ui-card/Between';\nimport { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport { CardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'] as const;\n\nconst genBorderRadiusProp = (radiusProps: {\n borderRadius: CardBorderRadius;\n borderTopLeftRadius?: CardBorderRadius;\n borderTopRightRadius?: CardBorderRadius;\n borderBottomLeftRadius?: CardBorderRadius;\n borderBottomRightRadius?: CardBorderRadius;\n}): CSSProperties => {\n const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n Object.fromEntries(\n Object.entries(radiusProps)\n .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n .filter((radius) => radius[1] !== undefined)\n ) as typeof radiusProps;\n\n const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n const radiusVariables = radius.reduce(\n (acc, val, index) =>\n val === undefined\n ? acc\n : {\n ...acc,\n [`--magritte-card-border-radius-${borderSides[index]}`]: `${val}px`,\n },\n {}\n );\n\n return {\n '--magritte-card-border-radius': `${borderRadius}px`,\n ...radiusVariables,\n } as CSSProperties;\n};\n\nconst genPaddingProps = (paddingProps: {\n Left?: CardPadding;\n Right?: CardPadding;\n Top?: CardPadding;\n Bottom?: CardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n {\n Element = 'div',\n stretched = false,\n verticalStretched = false,\n hoverEnabled = false,\n pressEnabled = false,\n shadow = 'level-0',\n increaseShadow = false,\n onClick,\n style = 'primary',\n hoverStyle,\n disabled = false,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n children,\n borderStyle,\n borderWidth = 'none',\n direction,\n ...restProps\n },\n ref\n) => {\n const forceDisabled = useDisabled();\n const activationProps = useCardActivation({\n onClick,\n disabled,\n hasExplicitRole: 'role' in restProps,\n hasExplicitTabIndex: 'tabIndex' in restProps,\n });\n const isPressEnabled = pressEnabled || !!onClick;\n const isHoverEnabled = hoverEnabled || isPressEnabled;\n\n const paddingProps = genPaddingProps({\n Left: paddingLeft ?? padding,\n Right: paddingRight ?? padding,\n Top: paddingTop ?? padding,\n Bottom: paddingBottom ?? padding,\n });\n const radiusProps = genBorderRadiusProp({\n borderRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n });\n\n return (\n <DisabledContext.Provider value={forceDisabled || !!disabled}>\n <Element\n {...restProps}\n {...(ref ? { ref } : {})}\n {...activationProps}\n style={{ ...paddingProps, ...radiusProps }}\n className={classnames(\n styles.card,\n styles[`card-style-${style}`],\n !!hoverStyle && styles[`card-hover-style-${hoverStyle}`],\n !!borderStyle && styles[`card-border-style-${borderStyle}`],\n styles[`card-shadow-${shadow}`],\n {\n [styles.cardStretched]: stretched,\n [styles.cardVerticalStretched]: verticalStretched,\n [styles.cardPressEnabled]: isPressEnabled,\n [styles.cardHoverEnabled]: isHoverEnabled,\n [styles.increaseShadow]: increaseShadow,\n [styles.cardDisabled]: !!disabled,\n [styles.borderSelected]: borderWidth === 'selected',\n [styles.borderDefault]: borderWidth === 'default',\n }\n )}\n >\n <IconDynamic stretched hoverEnabled={isHoverEnabled} pressEnabled={isPressEnabled}>\n <div className={styles.flexContainer}>\n <TextDynamic\n stretched\n className={classnames({\n [styles.layoutVertical]: direction === 'column',\n [styles.layoutHorizontal]: direction === 'row',\n })}\n >\n <CardContext.Provider value={{ direction: direction ?? 'row', borderStyle }}>\n {children}\n </CardContext.Provider>\n </TextDynamic>\n </div>\n </IconDynamic>\n <div className={styles.borderElement} style={radiusProps} />\n </Element>\n </DisabledContext.Provider>\n );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as unknown as PolymorphicComponentWithRef<\n CardProps,\n 'div'\n> & {\n Segment: PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n Between: FC<PropsWithChildren>;\n};\n\nCardComponent.Segment = CardSegment;\nCardComponent.Between = Between;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type FC, type PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { Between } from '@hh.ru/magritte-ui-card/Between';\nimport { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport { CardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'] as const;\n\nconst genBorderRadiusProp = (radiusProps: {\n borderRadius: CardBorderRadius;\n borderTopLeftRadius?: CardBorderRadius;\n borderTopRightRadius?: CardBorderRadius;\n borderBottomLeftRadius?: CardBorderRadius;\n borderBottomRightRadius?: CardBorderRadius;\n}): CSSProperties => {\n const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n Object.fromEntries(\n Object.entries(radiusProps)\n .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n .filter((radius) => radius[1] !== undefined)\n ) as typeof radiusProps;\n\n const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n const radiusVariables = radius.reduce(\n (acc, val, index) =>\n val === undefined\n ? acc\n : {\n ...acc,\n [`--magritte-card-border-radius-${borderSides[index]}`]: `${val}px`,\n },\n {}\n );\n\n return {\n '--magritte-card-border-radius': `${borderRadius}px`,\n ...radiusVariables,\n } as CSSProperties;\n};\n\nconst genPaddingProps = (paddingProps: {\n Left?: CardPadding;\n Right?: CardPadding;\n Top?: CardPadding;\n Bottom?: CardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n {\n Element = 'div',\n stretched = false,\n verticalStretched = false,\n hoverEnabled = false,\n pressEnabled = false,\n shadow = 'level-0',\n increaseShadow = false,\n onClick,\n style = 'primary',\n hoverStyle,\n disabled = false,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n children,\n borderStyle,\n borderWidth = 'none',\n borderLayer = 'above-content',\n direction,\n ...restProps\n },\n ref\n) => {\n const forceDisabled = useDisabled();\n const activationProps = useCardActivation({\n onClick,\n disabled,\n hasExplicitRole: 'role' in restProps,\n hasExplicitTabIndex: 'tabIndex' in restProps,\n });\n const isPressEnabled = pressEnabled || !!onClick;\n const isHoverEnabled = hoverEnabled || isPressEnabled;\n\n const paddingProps = genPaddingProps({\n Left: paddingLeft ?? padding,\n Right: paddingRight ?? padding,\n Top: paddingTop ?? padding,\n Bottom: paddingBottom ?? padding,\n });\n // порядок отрисовки рамки задаётся её положением среди детей карточки: последним потомком — поверх всего\n // содержимого, первым — под спозиционированным, чтобы выходящие за карточку абсолютно спозиционированные\n // элементы (например, картинки) перекрывали рамку, а не наоборот\n const isBorderBelowContent = borderLayer === 'below-content';\n const borderElement = <div className={styles.borderElement} />;\n const radiusProps = genBorderRadiusProp({\n borderRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n });\n\n return (\n <DisabledContext.Provider value={forceDisabled || !!disabled}>\n <Element\n {...restProps}\n {...(ref ? { ref } : {})}\n {...activationProps}\n style={{ ...paddingProps, ...radiusProps }}\n className={classnames(\n styles.card,\n styles[`card-style-${style}`],\n !!hoverStyle && styles[`card-hover-style-${hoverStyle}`],\n !!borderStyle && styles[`card-border-style-${borderStyle}`],\n styles[`card-shadow-${shadow}`],\n {\n [styles.cardStretched]: stretched,\n [styles.cardVerticalStretched]: verticalStretched,\n [styles.cardPressEnabled]: isPressEnabled,\n [styles.cardHoverEnabled]: isHoverEnabled,\n [styles.increaseShadow]: increaseShadow,\n [styles.cardDisabled]: !!disabled,\n [styles.borderSelected]: borderWidth === 'selected',\n [styles.borderDefault]: borderWidth === 'default',\n }\n )}\n >\n {isBorderBelowContent && borderElement}\n <IconDynamic stretched hoverEnabled={isHoverEnabled} pressEnabled={isPressEnabled}>\n <div className={styles.flexContainer}>\n <TextDynamic\n stretched\n className={classnames({\n [styles.layoutVertical]: direction === 'column',\n [styles.layoutHorizontal]: direction === 'row',\n })}\n >\n <CardContext.Provider value={{ direction: direction ?? 'row', borderStyle }}>\n {children}\n </CardContext.Provider>\n </TextDynamic>\n </div>\n </IconDynamic>\n {!isBorderBelowContent && borderElement}\n </Element>\n </DisabledContext.Provider>\n );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as unknown as PolymorphicComponentWithRef<\n CardProps,\n 'div'\n> & {\n Segment: PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n Between: FC<PropsWithChildren>;\n};\n\nCardComponent.Segment = CardSegment;\nCardComponent.Between = Between;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
package/CardSegment.js CHANGED
@@ -6,7 +6,7 @@ import { DisabledContext } from '@hh.ru/magritte-common-use-disabled';
6
6
  import { useCardContext, CardContext } from './cardContext.js';
7
7
  import { useCardActivation } from './useCardActivation.js';
8
8
  import { Flex } from '@hh.ru/magritte-ui-layout';
9
- import { s as styles } from './card-C2GZZIwn.js';
9
+ import { s as styles } from './card-CJwPst3v.js';
10
10
  import '@hh.ru/magritte-common-keyboard';
11
11
  import '@hh.ru/magritte-common-mouse';
12
12
 
package/card-CJwPst3v.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"card":"magritte-card___bhGKz_8-7-1","card-segment":"magritte-card-segment___7LjJe_8-7-1","cardSegment":"magritte-card-segment___7LjJe_8-7-1","layout-vertical":"magritte-layout-vertical___9V-h-_8-7-1","layoutVertical":"magritte-layout-vertical___9V-h-_8-7-1","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-7-1","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-7-1","border-element":"magritte-border-element___x7sZL_8-7-1","borderElement":"magritte-border-element___x7sZL_8-7-1","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-7-1","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-7-1","interactive":"magritte-interactive___rmhl9_8-7-1","press-enabled":"magritte-press-enabled___dc53v_8-7-1","pressEnabled":"magritte-press-enabled___dc53v_8-7-1","card-disabled":"magritte-card-disabled___SMFnB_8-7-1","cardDisabled":"magritte-card-disabled___SMFnB_8-7-1","segment-disabled":"magritte-segment-disabled___FlWSu_8-7-1","segmentDisabled":"magritte-segment-disabled___FlWSu_8-7-1","card-stretched":"magritte-card-stretched___0Uc0J_8-7-1","cardStretched":"magritte-card-stretched___0Uc0J_8-7-1","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-7-1","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-7-1","border-selected":"magritte-border-selected___bGxVg_8-7-1","borderSelected":"magritte-border-selected___bGxVg_8-7-1","border-default":"magritte-border-default___eT8Lg_8-7-1","borderDefault":"magritte-border-default___eT8Lg_8-7-1","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-7-1","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-7-1","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-7-1","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-7-1","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-7-1","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-7-1","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-7-1","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-7-1","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-7-1","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-7-1","increase-shadow":"magritte-increase-shadow___Lvfmm_8-7-1","increaseShadow":"magritte-increase-shadow___Lvfmm_8-7-1","card-style-primary":"magritte-card-style-primary___eZ6aX_8-7-1","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-7-1","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-7-1","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-7-1","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-7-1","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-7-1","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-7-1","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-7-1","card-style-accent":"magritte-card-style-accent___Gd2T5_8-7-1","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-7-1","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-7-1","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-7-1","card-style-positive":"magritte-card-style-positive___4sgFq_8-7-1","cardStylePositive":"magritte-card-style-positive___4sgFq_8-7-1","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-7-1","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-7-1","card-style-negative":"magritte-card-style-negative___Fk6xX_8-7-1","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-7-1","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-7-1","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-7-1","card-style-warning":"magritte-card-style-warning___NIuCV_8-7-1","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-7-1","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-7-1","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-7-1","card-style-special":"magritte-card-style-special___GOdvY_8-7-1","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-7-1","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-7-1","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-7-1","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-7-1","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-7-1","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-7-1","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-7-1","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-7-1","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-7-1","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-7-1","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-7-1","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-7-1","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-7-1","card-style-body":"magritte-card-style-body___TNxld_8-7-1","cardStyleBody":"magritte-card-style-body___TNxld_8-7-1","card-style-overlay":"magritte-card-style-overlay___urh3T_8-7-1","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-7-1","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-7-1","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-7-1","card-style-overlay-modal-action":"magritte-card-style-overlay-modal-action___z3trK_8-7-1","cardStyleOverlayModalAction":"magritte-card-style-overlay-modal-action___z3trK_8-7-1","card-style-overlay-bottom-sheet-action":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-7-1","cardStyleOverlayBottomSheetAction":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-7-1","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-7-1","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-7-1","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-7-1","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-7-1","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-7-1","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-7-1","card-style-constant":"magritte-card-style-constant___UluNp_8-7-1","cardStyleConstant":"magritte-card-style-constant___UluNp_8-7-1","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-7-1","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-7-1","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-7-1","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-7-1","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-7-1","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-7-1","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-7-1","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-7-1","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-7-1","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-7-1","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-7-1","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-7-1","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-7-1","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-7-1","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-7-1","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-7-1","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-7-1","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-7-1","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-7-1","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-7-1","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-7-1","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-7-1","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-7-1","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-7-1","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-7-1","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-7-1","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-7-1","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-7-1","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-7-1","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-7-1","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-7-1","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-7-1","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-7-1","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-7-1","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-7-1","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-7-1","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-7-1","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-7-1","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-7-1","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-7-1","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-7-1","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-7-1","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-7-1","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-7-1","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-7-1","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-7-1","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-7-1","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-7-1","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-7-1","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-7-1","card-hover-style-overlay-modal-action":"magritte-card-hover-style-overlay-modal-action___dcC77_8-7-1","cardHoverStyleOverlayModalAction":"magritte-card-hover-style-overlay-modal-action___dcC77_8-7-1","card-hover-style-overlay-bottom-sheet-action":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-7-1","cardHoverStyleOverlayBottomSheetAction":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-7-1","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-7-1","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-7-1","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-7-1","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-7-1","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-7-1","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-7-1","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-7-1","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-7-1","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-7-1","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-7-1","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-7-1","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-7-1","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-7-1","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-7-1","flex-container":"magritte-flex-container___CVFEY_8-7-1","flexContainer":"magritte-flex-container___CVFEY_8-7-1","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-7-1","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-7-1","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-7-1","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-7-1","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-7-1","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-7-1","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-7-1","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-7-1","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-7-1","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-7-1","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-7-1","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-7-1","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-7-1","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-7-1","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-7-1","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-7-1","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-7-1","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-7-1","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-7-1","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-7-1","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-7-1","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-7-1","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-7-1","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-7-1","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-7-1","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-7-1","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-7-1","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-7-1","between":"magritte-between___kuRsE_8-7-1"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=card-CJwPst3v.js.map
package/card-CJwPst3v.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card-CJwPst3v.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/index.css CHANGED
@@ -337,7 +337,7 @@
337
337
  --magritte-color-stroke-state-accent-pressed-v25-0-1:#618096;
338
338
  --magritte-color-stroke-state-warning-pressed-v25-0-1:#D78009;
339
339
  }
340
- .magritte-card___bhGKz_8-6-8{
340
+ .magritte-card___bhGKz_8-7-1{
341
341
  display:inline-flex;
342
342
  position:relative;
343
343
  box-sizing:border-box;
@@ -376,602 +376,602 @@
376
376
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
377
377
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0));
378
378
  }
379
- .magritte-card-segment___7LjJe_8-6-8:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8)):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
379
+ .magritte-card-segment___7LjJe_8-7-1:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1)):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
380
380
  --magritte-card-border-radius-top-left:0;
381
381
  --magritte-card-border-radius-top-right:0;
382
382
  --magritte-card-border-radius-bottom-left:0;
383
383
  --magritte-card-border-radius-bottom-right:0;
384
384
  }
385
- .magritte-layout-vertical___9V-h-_8-6-8{
385
+ .magritte-layout-vertical___9V-h-_8-7-1{
386
386
  display:inline-flex;
387
387
  flex-direction:column;
388
388
  }
389
- .magritte-layout-vertical___9V-h-_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
389
+ .magritte-layout-vertical___9V-h-_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
390
390
  --magritte-card-segment-border-shadow-top:inset 0 0 0 0 transparent;
391
391
  }
392
- .magritte-layout-vertical___9V-h-_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
392
+ .magritte-layout-vertical___9V-h-_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
393
393
  --magritte-card-border-radius-bottom-left:0;
394
394
  --magritte-card-border-radius-bottom-right:0;
395
395
  }
396
- .magritte-layout-vertical___9V-h-_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
396
+ .magritte-layout-vertical___9V-h-_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
397
397
  --magritte-card-segment-border-shadow-bottom:inset 0 0 0 0 transparent;
398
398
  }
399
- .magritte-layout-vertical___9V-h-_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
399
+ .magritte-layout-vertical___9V-h-_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
400
400
  --magritte-card-border-radius-top-left:0;
401
401
  --magritte-card-border-radius-top-right:0;
402
402
  }
403
- .magritte-layout-vertical___9V-h-_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8):nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8){
403
+ .magritte-layout-vertical___9V-h-_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1):nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1){
404
404
  box-shadow:var(--magritte-card-border-shadow);
405
405
  }
406
- .magritte-layout-horizontal___HUAK3_8-6-8{
406
+ .magritte-layout-horizontal___HUAK3_8-7-1{
407
407
  display:inline-flex;
408
408
  flex-direction:row;
409
409
  }
410
- .magritte-layout-horizontal___HUAK3_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
410
+ .magritte-layout-horizontal___HUAK3_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
411
411
  --magritte-card-segment-border-shadow-left:inset 0 0 0 0 transparent;
412
412
  }
413
- .magritte-layout-horizontal___HUAK3_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
413
+ .magritte-layout-horizontal___HUAK3_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
414
414
  --magritte-card-border-radius-bottom-right:0;
415
415
  --magritte-card-border-radius-top-right:0;
416
416
  }
417
- .magritte-layout-horizontal___HUAK3_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
417
+ .magritte-layout-horizontal___HUAK3_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
418
418
  --magritte-card-segment-border-shadow-right:inset 0 0 0 0 transparent;
419
419
  }
420
- .magritte-layout-horizontal___HUAK3_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8)){
420
+ .magritte-layout-horizontal___HUAK3_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1)){
421
421
  --magritte-card-border-radius-bottom-left:0;
422
422
  --magritte-card-border-radius-top-left:0;
423
423
  }
424
- .magritte-layout-horizontal___HUAK3_8-6-8 > .magritte-card-segment___7LjJe_8-6-8:nth-child(1 of .magritte-card-segment___7LjJe_8-6-8):nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-8){
424
+ .magritte-layout-horizontal___HUAK3_8-7-1 > .magritte-card-segment___7LjJe_8-7-1:nth-child(1 of .magritte-card-segment___7LjJe_8-7-1):nth-last-child(1 of .magritte-card-segment___7LjJe_8-7-1){
425
425
  box-shadow:var(--magritte-card-border-shadow);
426
426
  }
427
- .magritte-border-element___x7sZL_8-6-8{
427
+ .magritte-border-element___x7sZL_8-7-1{
428
428
  position:absolute;
429
429
  inset:0;
430
430
  pointer-events:none;
431
431
  border-radius:var(--magritte-card-border-radius-top-left, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-top-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
432
432
  box-shadow:var(--magritte-card-border-shadow);
433
433
  }
434
- .magritte-card___bhGKz_8-6-8.focus-visible,
435
- .magritte-card-segment___7LjJe_8-6-8.focus-visible{
434
+ .magritte-card___bhGKz_8-7-1.focus-visible,
435
+ .magritte-card-segment___7LjJe_8-7-1.focus-visible{
436
436
  outline:var(--magritte-color-stroke-state-focused-accessible-v25-0-1) solid 4px;
437
437
  }
438
- .magritte-card-press-enabled___kXfCl_8-6-8:not(:has(.magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8)),
439
- .magritte-card-press-enabled___kXfCl_8-6-8 .magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8,
440
- .magritte-card-segment___7LjJe_8-6-8.magritte-press-enabled___dc53v_8-6-8{
438
+ .magritte-card-press-enabled___kXfCl_8-7-1:not(:has(.magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1)),
439
+ .magritte-card-press-enabled___kXfCl_8-7-1 .magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1,
440
+ .magritte-card-segment___7LjJe_8-7-1.magritte-press-enabled___dc53v_8-7-1{
441
441
  cursor:pointer;
442
442
  }
443
- .magritte-card-disabled___SMFnB_8-6-8,
444
- .magritte-card-disabled___SMFnB_8-6-8 .magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8,
445
- .magritte-card-segment___7LjJe_8-6-8.magritte-segment-disabled___FlWSu_8-6-8{
443
+ .magritte-card-disabled___SMFnB_8-7-1,
444
+ .magritte-card-disabled___SMFnB_8-7-1 .magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1,
445
+ .magritte-card-segment___7LjJe_8-7-1.magritte-segment-disabled___FlWSu_8-7-1{
446
446
  cursor:default;
447
447
  }
448
- .magritte-card___bhGKz_8-6-8 .magritte-card___bhGKz_8-6-8{
448
+ .magritte-card___bhGKz_8-7-1 .magritte-card___bhGKz_8-7-1{
449
449
  --magritte-card-border-color:var(--magritte-color-stroke-neutral-v25-0-1);
450
450
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v25-0-1);
451
451
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v25-0-1);
452
452
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v25-0-1);
453
453
  }
454
- .magritte-card-stretched___0Uc0J_8-6-8{
454
+ .magritte-card-stretched___0Uc0J_8-7-1{
455
455
  width:100%;
456
456
  }
457
- .magritte-card-vertical-stretched___Lrxmc_8-6-8{
457
+ .magritte-card-vertical-stretched___Lrxmc_8-7-1{
458
458
  height:100%;
459
459
  }
460
- .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8,
461
- .magritte-card___bhGKz_8-6-8.magritte-border-default___eT8Lg_8-6-8{
460
+ .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1,
461
+ .magritte-card___bhGKz_8-7-1.magritte-border-default___eT8Lg_8-7-1{
462
462
  --magritte-card-border-shadow-width:1px;
463
463
  --magritte-card-border-shadow-color:var(--magritte-card-border-color);
464
464
  }
465
- .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8.magritte-card-disabled___SMFnB_8-6-8,
466
- .magritte-card___bhGKz_8-6-8.magritte-border-default___eT8Lg_8-6-8.magritte-card-disabled___SMFnB_8-6-8{
465
+ .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1.magritte-card-disabled___SMFnB_8-7-1,
466
+ .magritte-card___bhGKz_8-7-1.magritte-border-default___eT8Lg_8-7-1.magritte-card-disabled___SMFnB_8-7-1{
467
467
  --magritte-card-border-shadow-color:var(--magritte-card-disabled-border-color);
468
468
  }
469
469
  @media (min-width: 1020px){
470
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8):not(.magritte-card-press-enabled___kXfCl_8-6-8),
471
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8.magritte-border-default___eT8Lg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8):not(.magritte-card-press-enabled___kXfCl_8-6-8),
472
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8).magritte-card-press-enabled___kXfCl_8-6-8:not(:active),
473
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8.magritte-border-default___eT8Lg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8).magritte-card-press-enabled___kXfCl_8-6-8:not(:active){
470
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1):not(.magritte-card-press-enabled___kXfCl_8-7-1),
471
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1.magritte-border-default___eT8Lg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1):not(.magritte-card-press-enabled___kXfCl_8-7-1),
472
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1).magritte-card-press-enabled___kXfCl_8-7-1:not(:active),
473
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1.magritte-border-default___eT8Lg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1).magritte-card-press-enabled___kXfCl_8-7-1:not(:active){
474
474
  --magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
475
475
  }
476
476
  }
477
477
  @media (min-width: 1024px){
478
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8):not(.magritte-card-press-enabled___kXfCl_8-6-8),
479
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8.magritte-border-default___eT8Lg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8):not(.magritte-card-press-enabled___kXfCl_8-6-8),
480
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8).magritte-card-press-enabled___kXfCl_8-6-8:not(:active),
481
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8.magritte-border-default___eT8Lg_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8).magritte-card-press-enabled___kXfCl_8-6-8:not(:active){
478
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1):not(.magritte-card-press-enabled___kXfCl_8-7-1),
479
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1.magritte-border-default___eT8Lg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1):not(.magritte-card-press-enabled___kXfCl_8-7-1),
480
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1).magritte-card-press-enabled___kXfCl_8-7-1:not(:active),
481
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1.magritte-border-default___eT8Lg_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1).magritte-card-press-enabled___kXfCl_8-7-1:not(:active){
482
482
  --magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
483
483
  }
484
484
  }
485
- .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:active:not(.magritte-card-disabled___SMFnB_8-6-8),
486
- .magritte-card___bhGKz_8-6-8.magritte-border-default___eT8Lg_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:active:not(.magritte-card-disabled___SMFnB_8-6-8){
485
+ .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:active:not(.magritte-card-disabled___SMFnB_8-7-1),
486
+ .magritte-card___bhGKz_8-7-1.magritte-border-default___eT8Lg_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:active:not(.magritte-card-disabled___SMFnB_8-7-1){
487
487
  --magritte-card-border-shadow-color:var(--magritte-card-active-border-color);
488
488
  }
489
- .magritte-card___bhGKz_8-6-8.magritte-border-selected___bGxVg_8-6-8{
489
+ .magritte-card___bhGKz_8-7-1.magritte-border-selected___bGxVg_8-7-1{
490
490
  --magritte-card-border-shadow-width:2px;
491
491
  }
492
- .magritte-card___bhGKz_8-6-8.magritte-card-shadow-level-3___R34TB_8-6-8{
492
+ .magritte-card___bhGKz_8-7-1.magritte-card-shadow-level-3___R34TB_8-7-1{
493
493
  --magritte-card-shadow:var(--magritte-shadow-level-3-x-v25-0-1) var(--magritte-shadow-level-3-y-v25-0-1) var(--magritte-shadow-level-3-blur-v25-0-1) var(--magritte-shadow-level-3-spread-v25-0-1) var(--magritte-shadow-level-3-color-v25-0-1);
494
494
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v25-0-1) var(--magritte-shadow-level-3-y-v25-0-1) var(--magritte-shadow-level-3-blur-v25-0-1) var(--magritte-shadow-level-3-spread-v25-0-1) var(--magritte-shadow-level-3-color-v25-0-1);
495
495
  }
496
- .magritte-card___bhGKz_8-6-8.magritte-card-shadow-level-2___BgHDx_8-6-8{
496
+ .magritte-card___bhGKz_8-7-1.magritte-card-shadow-level-2___BgHDx_8-7-1{
497
497
  --magritte-card-shadow:var(--magritte-shadow-level-2-x-v25-0-1) var(--magritte-shadow-level-2-y-v25-0-1) var(--magritte-shadow-level-2-blur-v25-0-1) var(--magritte-shadow-level-2-spread-v25-0-1) var(--magritte-shadow-level-2-color-v25-0-1);
498
498
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v25-0-1) var(--magritte-shadow-level-3-y-v25-0-1) var(--magritte-shadow-level-3-blur-v25-0-1) var(--magritte-shadow-level-3-spread-v25-0-1) var(--magritte-shadow-level-3-color-v25-0-1);
499
499
  }
500
- .magritte-card___bhGKz_8-6-8.magritte-card-shadow-level-1___8-39e_8-6-8{
500
+ .magritte-card___bhGKz_8-7-1.magritte-card-shadow-level-1___8-39e_8-7-1{
501
501
  --magritte-card-shadow:var(--magritte-shadow-level-1-x-v25-0-1) var(--magritte-shadow-level-1-y-v25-0-1) var(--magritte-shadow-level-1-blur-v25-0-1) var(--magritte-shadow-level-1-spread-v25-0-1) var(--magritte-shadow-level-1-color-v25-0-1);
502
502
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-2-x-v25-0-1) var(--magritte-shadow-level-2-y-v25-0-1) var(--magritte-shadow-level-2-blur-v25-0-1) var(--magritte-shadow-level-2-spread-v25-0-1) var(--magritte-shadow-level-2-color-v25-0-1);
503
503
  }
504
- .magritte-card___bhGKz_8-6-8.magritte-card-shadow-level-0___RNbQK_8-6-8{
504
+ .magritte-card___bhGKz_8-7-1.magritte-card-shadow-level-0___RNbQK_8-7-1{
505
505
  --magritte-card-shadow:var(--magritte-shadow-level-0-x-v25-0-1) var(--magritte-shadow-level-0-y-v25-0-1) var(--magritte-shadow-level-0-blur-v25-0-1) var(--magritte-shadow-level-0-spread-v25-0-1) var(--magritte-shadow-level-0-color-v25-0-1);
506
506
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-1-x-v25-0-1) var(--magritte-shadow-level-1-y-v25-0-1) var(--magritte-shadow-level-1-blur-v25-0-1) var(--magritte-shadow-level-1-spread-v25-0-1) var(--magritte-shadow-level-1-color-v25-0-1);
507
507
  }
508
508
  @media (min-width: 1020px){
509
- body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8){
509
+ body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1){
510
510
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
511
511
  }
512
- body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:active:not(.magritte-card-disabled___SMFnB_8-6-8){
512
+ body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:active:not(.magritte-card-disabled___SMFnB_8-7-1){
513
513
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
514
514
  }
515
515
  }
516
516
  @media (min-width: 1024px){
517
- body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8){
517
+ body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1){
518
518
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
519
519
  }
520
- body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:active:not(.magritte-card-disabled___SMFnB_8-6-8){
520
+ body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:active:not(.magritte-card-disabled___SMFnB_8-7-1){
521
521
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
522
522
  }
523
523
  }
524
- .magritte-card-segment___7LjJe_8-6-8{
524
+ .magritte-card-segment___7LjJe_8-7-1{
525
525
  background:none;
526
526
  z-index:0;
527
527
  border-radius:var(--magritte-card-border-radius-top-left, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-top-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0)) var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
528
528
  box-shadow:var(--magritte-card-segment-border-shadow-top), var(--magritte-card-segment-border-shadow-bottom), var(--magritte-card-segment-border-shadow-left), var(--magritte-card-segment-border-shadow-right);
529
529
  }
530
- .magritte-card-segment___7LjJe_8-6-8 > *{
530
+ .magritte-card-segment___7LjJe_8-7-1 > *{
531
531
  flex:none;
532
532
  min-block-size:0;
533
533
  }
534
- .magritte-card-segment___7LjJe_8-6-8.focus-visible,
535
- .magritte-card-segment___7LjJe_8-6-8:has(.magritte-card-segment___7LjJe_8-6-8.focus-visible){
534
+ .magritte-card-segment___7LjJe_8-7-1.focus-visible,
535
+ .magritte-card-segment___7LjJe_8-7-1:has(.magritte-card-segment___7LjJe_8-7-1.focus-visible){
536
536
  z-index:1;
537
537
  }
538
- .magritte-card-style-primary___eZ6aX_8-6-8{
538
+ .magritte-card-style-primary___eZ6aX_8-7-1{
539
539
  --magritte-card-bg:var(--magritte-color-background-primary-v25-0-1);
540
540
  --magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v25-0-1);
541
541
  --magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v25-0-1);
542
542
  --magritte-card-disabled-bg:var(--magritte-color-background-state-primary-disabled-v25-0-1);
543
543
  }
544
- .magritte-card-style-secondary___VmTqm_8-6-8{
544
+ .magritte-card-style-secondary___VmTqm_8-7-1{
545
545
  --magritte-card-bg:var(--magritte-color-background-secondary-v25-0-1);
546
546
  --magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v25-0-1);
547
547
  --magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v25-0-1);
548
548
  --magritte-card-disabled-bg:var(--magritte-color-background-state-secondary-disabled-v25-0-1);
549
549
  }
550
- .magritte-card-style-tertiary___fE-jW_8-6-8{
550
+ .magritte-card-style-tertiary___fE-jW_8-7-1{
551
551
  --magritte-card-bg:var(--magritte-color-background-tertiary-v25-0-1);
552
552
  --magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v25-0-1);
553
553
  --magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v25-0-1);
554
554
  --magritte-card-disabled-bg:var(--magritte-color-background-state-tertiary-disabled-v25-0-1);
555
555
  }
556
- .magritte-card-style-accent-secondary___Ra0PD_8-6-8{
556
+ .magritte-card-style-accent-secondary___Ra0PD_8-7-1{
557
557
  --magritte-card-bg:var(--magritte-color-background-accent-secondary-v25-0-1);
558
558
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v25-0-1);
559
559
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v25-0-1);
560
560
  --magritte-card-disabled-bg:var(--magritte-color-background-state-accent-secondary-disabled-v25-0-1);
561
561
  }
562
- .magritte-card-style-accent___Gd2T5_8-6-8{
562
+ .magritte-card-style-accent___Gd2T5_8-7-1{
563
563
  --magritte-card-bg:var(--magritte-color-background-accent-v25-0-1);
564
564
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v25-0-1);
565
565
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v25-0-1);
566
566
  --magritte-card-disabled-bg:var(--magritte-color-background-state-accent-disabled-v25-0-1);
567
567
  }
568
- .magritte-card-style-positive-secondary___BsXFI_8-6-8{
568
+ .magritte-card-style-positive-secondary___BsXFI_8-7-1{
569
569
  --magritte-card-bg:var(--magritte-color-background-positive-secondary-v25-0-1);
570
570
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v25-0-1);
571
571
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v25-0-1);
572
572
  --magritte-card-disabled-bg:var(--magritte-color-background-state-positive-secondary-disabled-v25-0-1);
573
573
  }
574
- .magritte-card-style-positive___4sgFq_8-6-8{
574
+ .magritte-card-style-positive___4sgFq_8-7-1{
575
575
  --magritte-card-bg:var(--magritte-color-background-positive-v25-0-1);
576
576
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v25-0-1);
577
577
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v25-0-1);
578
578
  --magritte-card-disabled-bg:var(--magritte-color-background-state-positive-disabled-v25-0-1);
579
579
  }
580
- .magritte-card-style-negative-secondary___lN7i3_8-6-8{
580
+ .magritte-card-style-negative-secondary___lN7i3_8-7-1{
581
581
  --magritte-card-bg:var(--magritte-color-background-negative-secondary-v25-0-1);
582
582
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v25-0-1);
583
583
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v25-0-1);
584
584
  --magritte-card-disabled-bg:var(--magritte-color-background-state-negative-secondary-disabled-v25-0-1);
585
585
  }
586
- .magritte-card-style-negative___Fk6xX_8-6-8{
586
+ .magritte-card-style-negative___Fk6xX_8-7-1{
587
587
  --magritte-card-bg:var(--magritte-color-background-negative-v25-0-1);
588
588
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v25-0-1);
589
589
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v25-0-1);
590
590
  --magritte-card-disabled-bg:var(--magritte-color-background-state-negative-disabled-v25-0-1);
591
591
  }
592
- .magritte-card-style-warning-secondary___m2Hpa_8-6-8{
592
+ .magritte-card-style-warning-secondary___m2Hpa_8-7-1{
593
593
  --magritte-card-bg:var(--magritte-color-background-warning-secondary-v25-0-1);
594
594
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v25-0-1);
595
595
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v25-0-1);
596
596
  --magritte-card-disabled-bg:var(--magritte-color-background-state-warning-secondary-disabled-v25-0-1);
597
597
  }
598
- .magritte-card-style-warning___NIuCV_8-6-8{
598
+ .magritte-card-style-warning___NIuCV_8-7-1{
599
599
  --magritte-card-bg:var(--magritte-color-background-warning-v25-0-1);
600
600
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v25-0-1);
601
601
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v25-0-1);
602
602
  --magritte-card-disabled-bg:var(--magritte-color-background-state-warning-disabled-v25-0-1);
603
603
  }
604
- .magritte-card-style-special-secondary___oVULE_8-6-8{
604
+ .magritte-card-style-special-secondary___oVULE_8-7-1{
605
605
  --magritte-card-bg:var(--magritte-color-background-special-secondary-v25-0-1);
606
606
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v25-0-1);
607
607
  --magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v25-0-1);
608
608
  --magritte-card-disabled-bg:var(--magritte-color-background-state-special-secondary-disabled-v25-0-1);
609
609
  }
610
- .magritte-card-style-special___GOdvY_8-6-8{
610
+ .magritte-card-style-special___GOdvY_8-7-1{
611
611
  --magritte-card-bg:var(--magritte-color-background-special-v25-0-1);
612
612
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v25-0-1);
613
613
  --magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v25-0-1);
614
614
  --magritte-card-disabled-bg:var(--magritte-color-background-state-special-disabled-v25-0-1);
615
615
  }
616
- .magritte-card-style-dreamy-secondary___8Wu4Z_8-6-8{
616
+ .magritte-card-style-dreamy-secondary___8Wu4Z_8-7-1{
617
617
  --magritte-card-bg:var(--magritte-color-background-dreamy-secondary-v25-0-1);
618
618
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v25-0-1);
619
619
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v25-0-1);
620
620
  --magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-secondary-disabled-v25-0-1);
621
621
  }
622
- .magritte-card-style-dreamy___-Az0l_8-6-8{
622
+ .magritte-card-style-dreamy___-Az0l_8-7-1{
623
623
  --magritte-card-bg:var(--magritte-color-background-dreamy-v25-0-1);
624
624
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v25-0-1);
625
625
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v25-0-1);
626
626
  --magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-disabled-v25-0-1);
627
627
  }
628
- .magritte-card-style-lovely-secondary___feuo0_8-6-8{
628
+ .magritte-card-style-lovely-secondary___feuo0_8-7-1{
629
629
  --magritte-card-bg:var(--magritte-color-background-lovely-secondary-v25-0-1);
630
630
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v25-0-1);
631
631
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v25-0-1);
632
632
  --magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-secondary-disabled-v25-0-1);
633
633
  }
634
- .magritte-card-style-lovely___fPKUi_8-6-8{
634
+ .magritte-card-style-lovely___fPKUi_8-7-1{
635
635
  --magritte-card-bg:var(--magritte-color-background-lovely-v25-0-1);
636
636
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v25-0-1);
637
637
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v25-0-1);
638
638
  --magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-disabled-v25-0-1);
639
639
  }
640
- .magritte-card-style-vivid-secondary___yqwVy_8-6-8{
640
+ .magritte-card-style-vivid-secondary___yqwVy_8-7-1{
641
641
  --magritte-card-bg:var(--magritte-color-background-vivid-secondary-v25-0-1);
642
642
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v25-0-1);
643
643
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v25-0-1);
644
644
  --magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-secondary-disabled-v25-0-1);
645
645
  }
646
- .magritte-card-style-vivid___pmSCz_8-6-8{
646
+ .magritte-card-style-vivid___pmSCz_8-7-1{
647
647
  --magritte-card-bg:var(--magritte-color-background-vivid-v25-0-1);
648
648
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v25-0-1);
649
649
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v25-0-1);
650
650
  --magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-disabled-v25-0-1);
651
651
  }
652
- .magritte-card-style-body___TNxld_8-6-8{
652
+ .magritte-card-style-body___TNxld_8-7-1{
653
653
  --magritte-card-bg:var(--magritte-color-background-body-v25-0-1);
654
654
  --magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v25-0-1);
655
655
  --magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v25-0-1);
656
656
  --magritte-card-disabled-bg:var(--magritte-color-background-state-body-disabled-v25-0-1);
657
657
  }
658
- .magritte-card-style-overlay___urh3T_8-6-8{
658
+ .magritte-card-style-overlay___urh3T_8-7-1{
659
659
  --magritte-card-bg:var(--magritte-color-background-overlay-v25-0-1);
660
660
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v25-0-1);
661
661
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v25-0-1);
662
662
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-disabled-v25-0-1);
663
663
  }
664
- .magritte-card-style-overlay-action___-jVWT_8-6-8{
664
+ .magritte-card-style-overlay-action___-jVWT_8-7-1{
665
665
  --magritte-card-bg:var(--magritte-color-background-overlay-action-v25-0-1);
666
666
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v25-0-1);
667
667
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v25-0-1);
668
668
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-action-disabled-v25-0-1);
669
669
  }
670
- .magritte-card-style-overlay-modal-action___z3trK_8-6-8{
670
+ .magritte-card-style-overlay-modal-action___z3trK_8-7-1{
671
671
  --magritte-card-bg:var(--magritte-color-background-overlay-modal-action-v25-0-1);
672
672
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-modal-action-hovered-v25-0-1);
673
673
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-modal-action-pressed-v25-0-1);
674
674
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-modal-action-disabled-v25-0-1);
675
675
  }
676
- .magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-6-8{
676
+ .magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-7-1{
677
677
  --magritte-card-bg:var(--magritte-color-background-overlay-bottom-sheet-action-v25-0-1);
678
678
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-hovered-v25-0-1);
679
679
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-pressed-v25-0-1);
680
680
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-disabled-v25-0-1);
681
681
  }
682
- .magritte-card-style-overlay-viewer___TdHGx_8-6-8{
682
+ .magritte-card-style-overlay-viewer___TdHGx_8-7-1{
683
683
  --magritte-card-bg:var(--magritte-color-background-overlay-viewer-v25-0-1);
684
684
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v25-0-1);
685
685
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v25-0-1);
686
686
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-viewer-disabled-v25-0-1);
687
687
  }
688
- .magritte-card-style-overlay-toolbar___KWyFM_8-6-8{
688
+ .magritte-card-style-overlay-toolbar___KWyFM_8-7-1{
689
689
  --magritte-card-bg:var(--magritte-color-background-overlay-toolbar-v25-0-1);
690
690
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v25-0-1);
691
691
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v25-0-1);
692
692
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-toolbar-disabled-v25-0-1);
693
693
  }
694
- .magritte-card-style-transparent___1h3h6_8-6-8{
694
+ .magritte-card-style-transparent___1h3h6_8-7-1{
695
695
  --magritte-card-bg:var(--magritte-color-background-transparent-v25-0-1);
696
696
  --magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v25-0-1);
697
697
  --magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v25-0-1);
698
698
  --magritte-card-disabled-bg:var(--magritte-color-background-state-transparent-disabled-v25-0-1);
699
699
  }
700
- .magritte-card-style-constant___UluNp_8-6-8{
700
+ .magritte-card-style-constant___UluNp_8-7-1{
701
701
  --magritte-card-bg:var(--magritte-color-background-constant-v25-0-1);
702
702
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v25-0-1);
703
703
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v25-0-1);
704
704
  --magritte-card-disabled-bg:var(--magritte-color-background-state-constant-disabled-v25-0-1);
705
705
  }
706
- .magritte-card-style-constant-secondary___5HctC_8-6-8{
706
+ .magritte-card-style-constant-secondary___5HctC_8-7-1{
707
707
  --magritte-card-bg:var(--magritte-color-background-constant-secondary-v25-0-1);
708
708
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v25-0-1);
709
709
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v25-0-1);
710
710
  --magritte-card-disabled-bg:var(--magritte-color-background-state-constant-secondary-disabled-v25-0-1);
711
711
  }
712
- .magritte-card-style-inverse___HWOHp_8-6-8{
712
+ .magritte-card-style-inverse___HWOHp_8-7-1{
713
713
  --magritte-card-bg:var(--magritte-color-background-inverse-v25-0-1);
714
714
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v25-0-1);
715
715
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v25-0-1);
716
716
  --magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-disabled-v25-0-1);
717
717
  }
718
- .magritte-card-style-inverse-secondary___3EIdn_8-6-8{
718
+ .magritte-card-style-inverse-secondary___3EIdn_8-7-1{
719
719
  --magritte-card-bg:var(--magritte-color-background-inverse-secondary-v25-0-1);
720
720
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v25-0-1);
721
721
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v25-0-1);
722
722
  --magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-secondary-disabled-v25-0-1);
723
723
  }
724
- .magritte-card-hover-style-primary___VgPLn_8-6-8{
724
+ .magritte-card-hover-style-primary___VgPLn_8-7-1{
725
725
  --magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v25-0-1);
726
726
  --magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v25-0-1);
727
727
  }
728
- .magritte-card-hover-style-secondary___NQCxT_8-6-8{
728
+ .magritte-card-hover-style-secondary___NQCxT_8-7-1{
729
729
  --magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v25-0-1);
730
730
  --magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v25-0-1);
731
731
  }
732
- .magritte-card-hover-style-tertiary___Hrgqb_8-6-8{
732
+ .magritte-card-hover-style-tertiary___Hrgqb_8-7-1{
733
733
  --magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v25-0-1);
734
734
  --magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v25-0-1);
735
735
  }
736
- .magritte-card-hover-style-accent-secondary___o5URO_8-6-8{
736
+ .magritte-card-hover-style-accent-secondary___o5URO_8-7-1{
737
737
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v25-0-1);
738
738
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v25-0-1);
739
739
  }
740
- .magritte-card-hover-style-accent___n8Lb4_8-6-8{
740
+ .magritte-card-hover-style-accent___n8Lb4_8-7-1{
741
741
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v25-0-1);
742
742
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v25-0-1);
743
743
  }
744
- .magritte-card-hover-style-positive-secondary___Aw634_8-6-8{
744
+ .magritte-card-hover-style-positive-secondary___Aw634_8-7-1{
745
745
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v25-0-1);
746
746
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v25-0-1);
747
747
  }
748
- .magritte-card-hover-style-positive___zQ7MM_8-6-8{
748
+ .magritte-card-hover-style-positive___zQ7MM_8-7-1{
749
749
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v25-0-1);
750
750
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v25-0-1);
751
751
  }
752
- .magritte-card-hover-style-negative-secondary___V7gmt_8-6-8{
752
+ .magritte-card-hover-style-negative-secondary___V7gmt_8-7-1{
753
753
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v25-0-1);
754
754
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v25-0-1);
755
755
  }
756
- .magritte-card-hover-style-negative___1cL78_8-6-8{
756
+ .magritte-card-hover-style-negative___1cL78_8-7-1{
757
757
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v25-0-1);
758
758
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v25-0-1);
759
759
  }
760
- .magritte-card-hover-style-warning-secondary___4knLA_8-6-8{
760
+ .magritte-card-hover-style-warning-secondary___4knLA_8-7-1{
761
761
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v25-0-1);
762
762
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v25-0-1);
763
763
  }
764
- .magritte-card-hover-style-warning___Fw34b_8-6-8{
764
+ .magritte-card-hover-style-warning___Fw34b_8-7-1{
765
765
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v25-0-1);
766
766
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v25-0-1);
767
767
  }
768
- .magritte-card-hover-style-special-secondary___ImyvT_8-6-8{
768
+ .magritte-card-hover-style-special-secondary___ImyvT_8-7-1{
769
769
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v25-0-1);
770
770
  --magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v25-0-1);
771
771
  }
772
- .magritte-card-hover-style-special___og9oA_8-6-8{
772
+ .magritte-card-hover-style-special___og9oA_8-7-1{
773
773
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v25-0-1);
774
774
  --magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v25-0-1);
775
775
  }
776
- .magritte-card-hover-style-dreamy-secondary___8SOfV_8-6-8{
776
+ .magritte-card-hover-style-dreamy-secondary___8SOfV_8-7-1{
777
777
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v25-0-1);
778
778
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v25-0-1);
779
779
  }
780
- .magritte-card-hover-style-dreamy___9sxP7_8-6-8{
780
+ .magritte-card-hover-style-dreamy___9sxP7_8-7-1{
781
781
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v25-0-1);
782
782
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v25-0-1);
783
783
  }
784
- .magritte-card-hover-style-lovely-secondary___n2BrG_8-6-8{
784
+ .magritte-card-hover-style-lovely-secondary___n2BrG_8-7-1{
785
785
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v25-0-1);
786
786
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v25-0-1);
787
787
  }
788
- .magritte-card-hover-style-lovely___Ml-R2_8-6-8{
788
+ .magritte-card-hover-style-lovely___Ml-R2_8-7-1{
789
789
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v25-0-1);
790
790
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v25-0-1);
791
791
  }
792
- .magritte-card-hover-style-vivid-secondary___s4GVf_8-6-8{
792
+ .magritte-card-hover-style-vivid-secondary___s4GVf_8-7-1{
793
793
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v25-0-1);
794
794
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v25-0-1);
795
795
  }
796
- .magritte-card-hover-style-vivid___qyl-R_8-6-8{
796
+ .magritte-card-hover-style-vivid___qyl-R_8-7-1{
797
797
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v25-0-1);
798
798
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v25-0-1);
799
799
  }
800
- .magritte-card-hover-style-body___pimB3_8-6-8{
800
+ .magritte-card-hover-style-body___pimB3_8-7-1{
801
801
  --magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v25-0-1);
802
802
  --magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v25-0-1);
803
803
  }
804
- .magritte-card-hover-style-overlay___rAPpl_8-6-8{
804
+ .magritte-card-hover-style-overlay___rAPpl_8-7-1{
805
805
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v25-0-1);
806
806
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v25-0-1);
807
807
  }
808
- .magritte-card-hover-style-overlay-action___6BpQw_8-6-8{
808
+ .magritte-card-hover-style-overlay-action___6BpQw_8-7-1{
809
809
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v25-0-1);
810
810
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v25-0-1);
811
811
  }
812
- .magritte-card-hover-style-overlay-modal-action___dcC77_8-6-8{
812
+ .magritte-card-hover-style-overlay-modal-action___dcC77_8-7-1{
813
813
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-modal-action-hovered-v25-0-1);
814
814
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-modal-action-pressed-v25-0-1);
815
815
  }
816
- .magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-6-8{
816
+ .magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-7-1{
817
817
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-hovered-v25-0-1);
818
818
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-bottom-sheet-action-pressed-v25-0-1);
819
819
  }
820
- .magritte-card-hover-style-overlay-viewer___f5IDi_8-6-8{
820
+ .magritte-card-hover-style-overlay-viewer___f5IDi_8-7-1{
821
821
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v25-0-1);
822
822
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v25-0-1);
823
823
  }
824
- .magritte-card-hover-style-overlay-toolbar___wkaI6_8-6-8{
824
+ .magritte-card-hover-style-overlay-toolbar___wkaI6_8-7-1{
825
825
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v25-0-1);
826
826
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v25-0-1);
827
827
  }
828
- .magritte-card-hover-style-transparent___zXQGl_8-6-8{
828
+ .magritte-card-hover-style-transparent___zXQGl_8-7-1{
829
829
  --magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v25-0-1);
830
830
  --magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v25-0-1);
831
831
  }
832
- .magritte-card-hover-style-constant___uH6-E_8-6-8{
832
+ .magritte-card-hover-style-constant___uH6-E_8-7-1{
833
833
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v25-0-1);
834
834
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v25-0-1);
835
835
  }
836
- .magritte-card-hover-style-constant-secondary___0vxDi_8-6-8{
836
+ .magritte-card-hover-style-constant-secondary___0vxDi_8-7-1{
837
837
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v25-0-1);
838
838
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v25-0-1);
839
839
  }
840
- .magritte-card-hover-style-inverse___Db1kM_8-6-8{
840
+ .magritte-card-hover-style-inverse___Db1kM_8-7-1{
841
841
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v25-0-1);
842
842
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v25-0-1);
843
843
  }
844
- .magritte-card-hover-style-inverse-secondary___BT8I-_8-6-8{
844
+ .magritte-card-hover-style-inverse-secondary___BT8I-_8-7-1{
845
845
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v25-0-1);
846
846
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v25-0-1);
847
847
  }
848
- .magritte-card___bhGKz_8-6-8{
848
+ .magritte-card___bhGKz_8-7-1{
849
849
  background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
850
850
  }
851
- .magritte-card___bhGKz_8-6-8:has(.magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8) .magritte-card-segment___7LjJe_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8){
851
+ .magritte-card___bhGKz_8-7-1:has(.magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1) .magritte-card-segment___7LjJe_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1){
852
852
  background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
853
853
  }
854
- .magritte-card___bhGKz_8-6-8.magritte-card-disabled___SMFnB_8-6-8{
854
+ .magritte-card___bhGKz_8-7-1.magritte-card-disabled___SMFnB_8-7-1{
855
855
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
856
856
  }
857
- .magritte-card___bhGKz_8-6-8.magritte-card-disabled___SMFnB_8-6-8:has(.magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8) .magritte-card-segment___7LjJe_8-6-8,
858
- .magritte-card-segment___7LjJe_8-6-8.magritte-segment-disabled___FlWSu_8-6-8{
857
+ .magritte-card___bhGKz_8-7-1.magritte-card-disabled___SMFnB_8-7-1:has(.magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1) .magritte-card-segment___7LjJe_8-7-1,
858
+ .magritte-card-segment___7LjJe_8-7-1.magritte-segment-disabled___FlWSu_8-7-1{
859
859
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
860
860
  }
861
861
  @media (min-width: 1020px){
862
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8):not(.magritte-card-press-enabled___kXfCl_8-6-8),
863
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8:not(.magritte-card-press-enabled___kXfCl_8-6-8):not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):hover:not(.magritte-press-enabled___dc53v_8-6-8),
864
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):hover:not(:active),
865
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8:not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-press-enabled___dc53v_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):hover:not(:active),
866
- body.magritte-old-layout .magritte-card___bhGKz_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8).magritte-card-press-enabled___kXfCl_8-6-8:not(:active){
862
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1):not(.magritte-card-press-enabled___kXfCl_8-7-1),
863
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1:not(.magritte-card-press-enabled___kXfCl_8-7-1):not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):hover:not(.magritte-press-enabled___dc53v_8-7-1),
864
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):hover:not(:active),
865
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1:not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-press-enabled___dc53v_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):hover:not(:active),
866
+ body.magritte-old-layout .magritte-card___bhGKz_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1).magritte-card-press-enabled___kXfCl_8-7-1:not(:active){
867
867
  background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
868
868
  }
869
869
  }
870
870
  @media (min-width: 1024px){
871
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8):not(.magritte-card-press-enabled___kXfCl_8-6-8),
872
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8:not(.magritte-card-press-enabled___kXfCl_8-6-8):not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):hover:not(.magritte-press-enabled___dc53v_8-6-8),
873
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):hover:not(:active),
874
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8:not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-press-enabled___dc53v_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):hover:not(:active),
875
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-8.magritte-card-hover-enabled___-wolU_8-6-8:hover:not(.magritte-card-disabled___SMFnB_8-6-8).magritte-card-press-enabled___kXfCl_8-6-8:not(:active){
871
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1):not(.magritte-card-press-enabled___kXfCl_8-7-1),
872
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1:not(.magritte-card-press-enabled___kXfCl_8-7-1):not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):hover:not(.magritte-press-enabled___dc53v_8-7-1),
873
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):hover:not(:active),
874
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1:not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-press-enabled___dc53v_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):hover:not(:active),
875
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-7-1.magritte-card-hover-enabled___-wolU_8-7-1:hover:not(.magritte-card-disabled___SMFnB_8-7-1).magritte-card-press-enabled___kXfCl_8-7-1:not(:active){
876
876
  background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
877
877
  }
878
878
  }
879
- .magritte-card___bhGKz_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:active:not(.magritte-card-disabled___SMFnB_8-6-8),
880
- .magritte-card___bhGKz_8-6-8:not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-press-enabled___dc53v_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):active,
881
- .magritte-card___bhGKz_8-6-8.magritte-card-press-enabled___kXfCl_8-6-8:not(.magritte-card-disabled___SMFnB_8-6-8) .magritte-card-segment___7LjJe_8-6-8.magritte-interactive___rmhl9_8-6-8:not(.magritte-segment-disabled___FlWSu_8-6-8):active{
879
+ .magritte-card___bhGKz_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:active:not(.magritte-card-disabled___SMFnB_8-7-1),
880
+ .magritte-card___bhGKz_8-7-1:not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-press-enabled___dc53v_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):active,
881
+ .magritte-card___bhGKz_8-7-1.magritte-card-press-enabled___kXfCl_8-7-1:not(.magritte-card-disabled___SMFnB_8-7-1) .magritte-card-segment___7LjJe_8-7-1.magritte-interactive___rmhl9_8-7-1:not(.magritte-segment-disabled___FlWSu_8-7-1):active{
882
882
  background-color:var(--magritte-card-active-background-override, var(--magritte-card-press-bg));
883
883
  }
884
- .magritte-flex-container___CVFEY_8-6-8{
884
+ .magritte-flex-container___CVFEY_8-7-1{
885
885
  display:flex;
886
886
  height:100%;
887
887
  }
888
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-neutral___611b0_8-6-8{
888
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-neutral___611b0_8-7-1{
889
889
  --magritte-card-border-color:var(--magritte-color-stroke-neutral-v25-0-1);
890
890
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v25-0-1);
891
891
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v25-0-1);
892
892
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v25-0-1);
893
893
  }
894
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-phantom___ezFSC_8-6-8{
894
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-phantom___ezFSC_8-7-1{
895
895
  --magritte-card-border-color:var(--magritte-color-stroke-phantom-v25-0-1);
896
896
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-phantom-hovered-v25-0-1);
897
897
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-phantom-disabled-v25-0-1);
898
898
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-phantom-pressed-v25-0-1);
899
899
  }
900
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-overlay___yOj6r_8-6-8{
900
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-overlay___yOj6r_8-7-1{
901
901
  --magritte-card-border-color:var(--magritte-color-stroke-overlay-v25-0-1);
902
902
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-overlay-hovered-v25-0-1);
903
903
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-overlay-disabled-v25-0-1);
904
904
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-overlay-pressed-v25-0-1);
905
905
  }
906
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-accent___D-2Wb_8-6-8{
906
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-accent___D-2Wb_8-7-1{
907
907
  --magritte-card-border-color:var(--magritte-color-stroke-accent-v25-0-1);
908
908
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-accent-hovered-v25-0-1);
909
909
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-accent-disabled-v25-0-1);
910
910
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-accent-pressed-v25-0-1);
911
911
  }
912
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-positive___to7aa_8-6-8{
912
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-positive___to7aa_8-7-1{
913
913
  --magritte-card-border-color:var(--magritte-color-stroke-positive-v25-0-1);
914
914
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-positive-hovered-v25-0-1);
915
915
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-positive-disabled-v25-0-1);
916
916
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-positive-pressed-v25-0-1);
917
917
  }
918
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-negative___IenCT_8-6-8{
918
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-negative___IenCT_8-7-1{
919
919
  --magritte-card-border-color:var(--magritte-color-stroke-negative-v25-0-1);
920
920
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-negative-hovered-v25-0-1);
921
921
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-negative-disabled-v25-0-1);
922
922
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-negative-pressed-v25-0-1);
923
923
  }
924
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-warning___Fax0h_8-6-8{
924
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-warning___Fax0h_8-7-1{
925
925
  --magritte-card-border-color:var(--magritte-color-stroke-warning-v25-0-1);
926
926
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-warning-hovered-v25-0-1);
927
927
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-warning-disabled-v25-0-1);
928
928
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-warning-pressed-v25-0-1);
929
929
  }
930
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-special___mgV7r_8-6-8{
930
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-special___mgV7r_8-7-1{
931
931
  --magritte-card-border-color:var(--magritte-color-stroke-special-v25-0-1);
932
932
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-special-hovered-v25-0-1);
933
933
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-special-disabled-v25-0-1);
934
934
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-special-pressed-v25-0-1);
935
935
  }
936
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-dreamy___vYIow_8-6-8{
936
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-dreamy___vYIow_8-7-1{
937
937
  --magritte-card-border-color:var(--magritte-color-stroke-dreamy-v25-0-1);
938
938
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-dreamy-hovered-v25-0-1);
939
939
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-dreamy-disabled-v25-0-1);
940
940
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-dreamy-pressed-v25-0-1);
941
941
  }
942
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-lovely___d1dyh_8-6-8{
942
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-lovely___d1dyh_8-7-1{
943
943
  --magritte-card-border-color:var(--magritte-color-stroke-lovely-v25-0-1);
944
944
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-lovely-hovered-v25-0-1);
945
945
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-lovely-disabled-v25-0-1);
946
946
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-lovely-pressed-v25-0-1);
947
947
  }
948
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-vivid___UYrn3_8-6-8{
948
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-vivid___UYrn3_8-7-1{
949
949
  --magritte-card-border-color:var(--magritte-color-stroke-vivid-v25-0-1);
950
950
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-vivid-hovered-v25-0-1);
951
951
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-vivid-disabled-v25-0-1);
952
952
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-vivid-pressed-v25-0-1);
953
953
  }
954
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-neutral-heavy___VR1s4_8-6-8{
954
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-neutral-heavy___VR1s4_8-7-1{
955
955
  --magritte-card-border-color:var(--magritte-color-stroke-neutral-heavy-v25-0-1);
956
956
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-heavy-hovered-v25-0-1);
957
957
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-heavy-disabled-v25-0-1);
958
958
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-heavy-pressed-v25-0-1);
959
959
  }
960
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-constant___4DDKM_8-6-8{
960
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-constant___4DDKM_8-7-1{
961
961
  --magritte-card-border-color:var(--magritte-color-stroke-constant-v25-0-1);
962
962
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-hovered-v25-0-1);
963
963
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-disabled-v25-0-1);
964
964
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-pressed-v25-0-1);
965
965
  }
966
- .magritte-card___bhGKz_8-6-8.magritte-card-border-style-constant-alt___wfnBK_8-6-8{
966
+ .magritte-card___bhGKz_8-7-1.magritte-card-border-style-constant-alt___wfnBK_8-7-1{
967
967
  --magritte-card-border-color:var(--magritte-color-stroke-constant-alt-v25-0-1);
968
968
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-alt-hovered-v25-0-1);
969
969
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-alt-disabled-v25-0-1);
970
970
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-alt-pressed-v25-0-1);
971
971
  }
972
- .magritte-between___kuRsE_8-6-8{
972
+ .magritte-between___kuRsE_8-7-1{
973
973
  display:none;
974
974
  }
975
- .magritte-card-segment___7LjJe_8-6-8 + .magritte-between___kuRsE_8-6-8:has(~ .magritte-card-segment___7LjJe_8-6-8){
975
+ .magritte-card-segment___7LjJe_8-7-1 + .magritte-between___kuRsE_8-7-1:has(~ .magritte-card-segment___7LjJe_8-7-1){
976
976
  display:contents;
977
977
  }
package/index.js CHANGED
@@ -7,7 +7,7 @@ import '@hh.ru/magritte-common-use-disabled';
7
7
  import './Between.js';
8
8
  import './cardContext.js';
9
9
  import '@hh.ru/magritte-ui-divider';
10
- import './card-C2GZZIwn.js';
10
+ import './card-CJwPst3v.js';
11
11
  import './CardSegment.js';
12
12
  import './useCardActivation.js';
13
13
  import '@hh.ru/magritte-common-keyboard';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-card",
3
- "version": "8.6.8",
3
+ "version": "8.7.1",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -35,7 +35,7 @@
35
35
  "@hh.ru/magritte-types": "5.0.7",
36
36
  "@hh.ru/magritte-ui-breakpoint": "6.1.1",
37
37
  "@hh.ru/magritte-ui-divider": "3.2.8",
38
- "@hh.ru/magritte-ui-icon": "15.0.3",
38
+ "@hh.ru/magritte-ui-icon": "15.1.0",
39
39
  "@hh.ru/magritte-ui-layout": "2.1.0",
40
40
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
41
41
  "@hh.ru/magritte-ui-skeleton": "3.0.31",
@@ -44,5 +44,5 @@
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "e658aeedfe7e60ec83de2b515c1459f47d5e91ee"
47
+ "gitHead": "c90767ef9b007595559f19dd6a892fd0066ddc79"
48
48
  }
package/types.d.ts CHANGED
@@ -39,6 +39,13 @@ export interface CommonCardProps {
39
39
  borderStyle?: BorderStyle;
40
40
  /** Толшина рамки */
41
41
  borderWidth?: 'none' | 'default' | 'selected';
42
+ /**
43
+ * Порядок отрисовки рамки относительно содержимого карточки.
44
+ * `above-content` — рамка поверх содержимого: остаётся видимой, даже если контент прижат к краям карточки.
45
+ * `below-content` — рамка под спозиционированным содержимым: элементы с `position: absolute`,
46
+ * выходящие за пределы карточки, перекрывают рамку, а не обрезаются ею
47
+ */
48
+ borderLayer?: 'above-content' | 'below-content';
42
49
  /** Флаг отключения карточки */
43
50
  disabled?: boolean;
44
51
  /** Цвет карточки при наведении */
package/card-C2GZZIwn.js DELETED
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"card":"magritte-card___bhGKz_8-6-8","card-segment":"magritte-card-segment___7LjJe_8-6-8","cardSegment":"magritte-card-segment___7LjJe_8-6-8","layout-vertical":"magritte-layout-vertical___9V-h-_8-6-8","layoutVertical":"magritte-layout-vertical___9V-h-_8-6-8","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-6-8","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-6-8","border-element":"magritte-border-element___x7sZL_8-6-8","borderElement":"magritte-border-element___x7sZL_8-6-8","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-6-8","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-6-8","interactive":"magritte-interactive___rmhl9_8-6-8","press-enabled":"magritte-press-enabled___dc53v_8-6-8","pressEnabled":"magritte-press-enabled___dc53v_8-6-8","card-disabled":"magritte-card-disabled___SMFnB_8-6-8","cardDisabled":"magritte-card-disabled___SMFnB_8-6-8","segment-disabled":"magritte-segment-disabled___FlWSu_8-6-8","segmentDisabled":"magritte-segment-disabled___FlWSu_8-6-8","card-stretched":"magritte-card-stretched___0Uc0J_8-6-8","cardStretched":"magritte-card-stretched___0Uc0J_8-6-8","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-6-8","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-6-8","border-selected":"magritte-border-selected___bGxVg_8-6-8","borderSelected":"magritte-border-selected___bGxVg_8-6-8","border-default":"magritte-border-default___eT8Lg_8-6-8","borderDefault":"magritte-border-default___eT8Lg_8-6-8","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-6-8","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-6-8","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-6-8","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-6-8","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-6-8","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-6-8","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-6-8","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-6-8","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-6-8","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-6-8","increase-shadow":"magritte-increase-shadow___Lvfmm_8-6-8","increaseShadow":"magritte-increase-shadow___Lvfmm_8-6-8","card-style-primary":"magritte-card-style-primary___eZ6aX_8-6-8","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-6-8","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-6-8","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-6-8","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-6-8","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-6-8","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-6-8","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-6-8","card-style-accent":"magritte-card-style-accent___Gd2T5_8-6-8","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-6-8","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-6-8","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-6-8","card-style-positive":"magritte-card-style-positive___4sgFq_8-6-8","cardStylePositive":"magritte-card-style-positive___4sgFq_8-6-8","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-6-8","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-6-8","card-style-negative":"magritte-card-style-negative___Fk6xX_8-6-8","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-6-8","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-6-8","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-6-8","card-style-warning":"magritte-card-style-warning___NIuCV_8-6-8","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-6-8","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-6-8","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-6-8","card-style-special":"magritte-card-style-special___GOdvY_8-6-8","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-6-8","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-6-8","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-6-8","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-6-8","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-6-8","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-6-8","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-6-8","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-6-8","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-6-8","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-6-8","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-6-8","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-6-8","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-6-8","card-style-body":"magritte-card-style-body___TNxld_8-6-8","cardStyleBody":"magritte-card-style-body___TNxld_8-6-8","card-style-overlay":"magritte-card-style-overlay___urh3T_8-6-8","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-6-8","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-6-8","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-6-8","card-style-overlay-modal-action":"magritte-card-style-overlay-modal-action___z3trK_8-6-8","cardStyleOverlayModalAction":"magritte-card-style-overlay-modal-action___z3trK_8-6-8","card-style-overlay-bottom-sheet-action":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-6-8","cardStyleOverlayBottomSheetAction":"magritte-card-style-overlay-bottom-sheet-action___0PnSE_8-6-8","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-6-8","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-6-8","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-6-8","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-6-8","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-6-8","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-6-8","card-style-constant":"magritte-card-style-constant___UluNp_8-6-8","cardStyleConstant":"magritte-card-style-constant___UluNp_8-6-8","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-6-8","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-6-8","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-6-8","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-6-8","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-6-8","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-6-8","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-6-8","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-6-8","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-6-8","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-6-8","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-6-8","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-6-8","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-6-8","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-6-8","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-6-8","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-6-8","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-6-8","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-6-8","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-6-8","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-6-8","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-6-8","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-6-8","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-6-8","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-6-8","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-6-8","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-6-8","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-6-8","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-6-8","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-6-8","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-6-8","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-6-8","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-6-8","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-6-8","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-6-8","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-6-8","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-6-8","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-6-8","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-6-8","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-6-8","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-6-8","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-6-8","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-6-8","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-6-8","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-6-8","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-6-8","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-6-8","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-6-8","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-6-8","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-6-8","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-6-8","card-hover-style-overlay-modal-action":"magritte-card-hover-style-overlay-modal-action___dcC77_8-6-8","cardHoverStyleOverlayModalAction":"magritte-card-hover-style-overlay-modal-action___dcC77_8-6-8","card-hover-style-overlay-bottom-sheet-action":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-6-8","cardHoverStyleOverlayBottomSheetAction":"magritte-card-hover-style-overlay-bottom-sheet-action___KCUtT_8-6-8","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-6-8","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-6-8","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-6-8","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-6-8","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-6-8","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-6-8","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-6-8","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-6-8","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-6-8","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-6-8","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-6-8","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-6-8","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-6-8","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-6-8","flex-container":"magritte-flex-container___CVFEY_8-6-8","flexContainer":"magritte-flex-container___CVFEY_8-6-8","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-6-8","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-6-8","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-6-8","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-6-8","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-6-8","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-6-8","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-6-8","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-6-8","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-6-8","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-6-8","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-6-8","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-6-8","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-6-8","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-6-8","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-6-8","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-6-8","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-6-8","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-6-8","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-6-8","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-6-8","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-6-8","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-6-8","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-6-8","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-6-8","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-6-8","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-6-8","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-6-8","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-6-8","between":"magritte-between___kuRsE_8-6-8"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=card-C2GZZIwn.js.map
package/card-C2GZZIwn.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"card-C2GZZIwn.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}