@hh.ru/magritte-ui-card 8.4.0 → 8.5.0

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 (21) hide show
  1. package/Between.d.ts +2 -0
  2. package/Between.js +15 -0
  3. package/Between.js.map +1 -0
  4. package/Card.d.ts +3 -2
  5. package/Card.js +7 -2
  6. package/Card.js.map +1 -1
  7. package/CardSegment.d.ts +7 -5
  8. package/CardSegment.js +25 -7
  9. package/CardSegment.js.map +1 -1
  10. package/card-SVi6zpBS.js +5 -0
  11. package/card-SVi6zpBS.js.map +1 -0
  12. package/cardContext.d.ts +9 -0
  13. package/cardContext.js +9 -0
  14. package/cardContext.js.map +1 -0
  15. package/index.css +143 -135
  16. package/index.js +5 -1
  17. package/index.js.map +1 -1
  18. package/package.json +3 -2
  19. package/types.d.ts +2 -1
  20. package/CardSegment-B8AT6F5t.js +0 -20
  21. package/CardSegment-B8AT6F5t.js.map +0 -1
package/Between.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ export declare const Between: FC<PropsWithChildren>;
package/Between.js ADDED
@@ -0,0 +1,15 @@
1
+ import './index.css';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { useCardContext } from './cardContext.js';
4
+ import { Divider } from '@hh.ru/magritte-ui-divider';
5
+ import { s as styles } from './card-SVi6zpBS.js';
6
+ import 'react';
7
+
8
+ const Between = ({ children }) => {
9
+ const { direction, borderStyle } = useCardContext();
10
+ const content = children ?? jsx(Divider, { mode: direction === 'row' ? 'vertical' : 'horizontal', color: borderStyle });
11
+ return jsx("div", { className: styles.between, children: content });
12
+ };
13
+
14
+ export { Between };
15
+ //# sourceMappingURL=Between.js.map
package/Between.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Between.js","sources":["src/Between.tsx"],"sourcesContent":["import { FC, PropsWithChildren } from 'react';\n\nimport { useCardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\n\nimport styles from './card.less';\n\nexport const Between: FC<PropsWithChildren> = ({ children }) => {\n const { direction, borderStyle } = useCardContext();\n const content = children ?? <Divider mode={direction === 'row' ? 'vertical' : 'horizontal'} color={borderStyle} />;\n\n return <div className={styles.between}>{content}</div>;\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAOa,OAAO,GAA0B,CAAC,EAAE,QAAQ,EAAE,KAAI;IAC3D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,MAAM,OAAO,GAAG,QAAQ,IAAIA,GAAA,CAAC,OAAO,EAAC,EAAA,IAAI,EAAE,SAAS,KAAK,KAAK,GAAG,UAAU,GAAG,YAAY,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,CAAC;IAEnH,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAG,OAAO,EAAA,CAAO,CAAC;AAC3D;;;;"}
package/Card.d.ts CHANGED
@@ -1,7 +1,8 @@
1
- import { type FC } from 'react';
1
+ import { type FC, type PropsWithChildren } from 'react';
2
2
  import type { PolymorphicComponentWithRef } from '@hh.ru/magritte-types';
3
3
  import { type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';
4
4
  import type { CardProps } from '@hh.ru/magritte-ui-card/types';
5
5
  export declare const Card: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<PolymorphicComponentWithRef<CardProps, "div"> & {
6
- Segment: FC<CardSegmentProps>;
6
+ Segment: PolymorphicComponentWithRef<CardSegmentProps, "div">;
7
+ Between: FC<PropsWithChildren>;
7
8
  }, CardProps>;
package/Card.js CHANGED
@@ -3,12 +3,16 @@ import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { forwardRef } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
6
- import { C as CardSegment, s as styles } from './CardSegment-B8AT6F5t.js';
6
+ import { Between } from './Between.js';
7
+ import { CardSegment } from './CardSegment.js';
7
8
  import { CardSkeleton } from './Skeleton.js';
9
+ import { CardContext } from './cardContext.js';
8
10
  import { useCardActivation } from './useCardActivation.js';
9
11
  import { IconDynamic } from '@hh.ru/magritte-ui-icon';
10
12
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
11
13
  import { TextDynamic } from '@hh.ru/magritte-ui-typography';
14
+ import { s as styles } from './card-SVi6zpBS.js';
15
+ import '@hh.ru/magritte-ui-divider';
12
16
  import '@hh.ru/magritte-ui-layout';
13
17
  import '@hh.ru/magritte-common-keyboard';
14
18
  import '@hh.ru/magritte-common-mouse';
@@ -63,10 +67,11 @@ const CardForwardRefRenderFunc = ({ Element = 'div', stretched = false, vertical
63
67
  }), children: [jsx(IconDynamic, { stretched: true, hoverEnabled: isHoverEnabled, pressEnabled: isPressEnabled, children: jsx("div", { className: styles.flexContainer, children: jsx(TextDynamic, { stretched: true, className: classnames({
64
68
  [styles.layoutVertical]: direction === 'column',
65
69
  [styles.layoutHorizontal]: direction === 'row',
66
- }), children: children }) }) }), jsx("div", { className: styles.borderElement, style: radiusProps })] }) }));
70
+ }), children: jsx(CardContext.Provider, { value: { direction: direction ?? 'row', borderStyle }, children: children }) }) }) }), jsx("div", { className: styles.borderElement, style: radiusProps })] }) }));
67
71
  };
68
72
  const CardComponent = forwardRef(CardForwardRefRenderFunc);
69
73
  CardComponent.Segment = CardSegment;
74
+ CardComponent.Between = Between;
70
75
  const Card = enrichWithSkeleton(CardComponent, CardSkeleton);
71
76
 
72
77
  export { Card };
package/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type FC } 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 { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\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({ onClick, disabled, hasExplicitRole: 'role' in restProps });\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 {children}\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: FC<CardSegmentProps>;\n};\n\nCardComponent.Segment = CardSegment;\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 direction,\n ...restProps\n },\n ref\n) => {\n const forceDisabled = useDisabled();\n const activationProps = useCardActivation({ onClick, disabled, hasExplicitRole: 'role' in restProps });\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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"}
package/CardSegment.d.ts CHANGED
@@ -1,9 +1,11 @@
1
- import type { FC, MouseEventHandler, PropsWithChildren } from 'react';
1
+ import { type MouseEventHandler } from 'react';
2
+ import type { PolymorphicComponentWithRef } from '@hh.ru/magritte-types';
2
3
  import { type FlexProps } from '@hh.ru/magritte-ui-layout';
3
- export type CardSegmentProps = PropsWithChildren<FlexProps & {
4
+ export type CardSegmentProps = FlexProps & {
4
5
  /** Включает реакцию сегмента на hover. Реакция на нажатие включается если у карточки задан pressEnabled. Автоматически включается при наличии onClick на сегменте */
5
6
  interactive?: boolean;
6
- /** Обработчик клика по сегменту. Тип совместим с Card.onClick */
7
+ disabled?: boolean;
8
+ /** Обработчик клика по сегменту */
7
9
  onClick?: MouseEventHandler<HTMLElement>;
8
- }>;
9
- export declare const CardSegment: FC<CardSegmentProps>;
10
+ };
11
+ export declare const CardSegment: PolymorphicComponentWithRef<CardSegmentProps, "div">;
package/CardSegment.js CHANGED
@@ -1,11 +1,29 @@
1
1
  import './index.css';
2
- import 'react/jsx-runtime';
3
- import 'classnames';
4
- import './useCardActivation.js';
5
- import '@hh.ru/magritte-ui-layout';
6
- export { C as CardSegment } from './CardSegment-B8AT6F5t.js';
7
- import 'react';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { forwardRef } from 'react';
4
+ import classnames from 'classnames';
5
+ import { DisabledContext } from '@hh.ru/magritte-common-use-disabled';
6
+ import { useCardContext, CardContext } from './cardContext.js';
7
+ import { useCardActivation } from './useCardActivation.js';
8
+ import { Flex } from '@hh.ru/magritte-ui-layout';
9
+ import { s as styles } from './card-SVi6zpBS.js';
8
10
  import '@hh.ru/magritte-common-keyboard';
9
11
  import '@hh.ru/magritte-common-mouse';
10
- import '@hh.ru/magritte-common-use-disabled';
12
+
13
+ const CardSegmentRenderFunc = ({ children, disabled = false, interactive = false, onClick, direction = 'column', ...flexProps }, ref) => {
14
+ const activationProps = useCardActivation({ onClick, disabled: !!disabled });
15
+ const { borderStyle } = useCardContext();
16
+ return (
17
+ // @ts-expect-error — generic polymorphic props forwarding between nested polymorphic components
18
+ jsx(Flex, { ...flexProps, ...(ref ? { ref: ref } : {}), direction: direction, className: classnames(styles.cardSegment, {
19
+ [styles.interactive]: interactive || !!onClick,
20
+ [styles.pressEnabled]: !!onClick,
21
+ [styles.layoutHorizontal]: direction !== 'column',
22
+ [styles.layoutVertical]: direction === 'column',
23
+ [styles.segmentDisabled]: !!activationProps['aria-disabled'],
24
+ }), ...activationProps, children: jsx(DisabledContext.Provider, { value: !!activationProps['aria-disabled'], children: jsx(CardContext.Provider, { value: { direction: direction === 'column' ? 'column' : 'row', borderStyle }, children: children }) }) }));
25
+ };
26
+ const CardSegment = forwardRef(CardSegmentRenderFunc);
27
+
28
+ export { CardSegment };
11
29
  //# sourceMappingURL=CardSegment.js.map
package/CardSegment.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CardSegment.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
1
+ {"version":3,"file":"CardSegment.js","sources":["src/CardSegment.tsx"],"sourcesContent":["import { forwardRef, type MouseEventHandler, type Ref } from 'react';\nimport classNames from 'classnames';\n\nimport { DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { CardContext, useCardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { type FlexProps, Flex } from '@hh.ru/magritte-ui-layout';\n\nimport styles from './card.less';\n\nexport type CardSegmentProps = FlexProps & {\n /** Включает реакцию сегмента на hover. Реакция на нажатие включается если у карточки задан pressEnabled. Автоматически включается при наличии onClick на сегменте */\n interactive?: boolean;\n disabled?: boolean;\n /** Обработчик клика по сегменту */\n onClick?: MouseEventHandler<HTMLElement>;\n};\n\nconst CardSegmentRenderFunc: PolymorphicForwardRefRenderFunc<CardSegmentProps, 'div'> = (\n { children, disabled = false, interactive = false, onClick, direction = 'column', ...flexProps },\n ref\n) => {\n const activationProps = useCardActivation({ onClick, disabled: !!disabled });\n const { borderStyle } = useCardContext();\n\n return (\n // @ts-expect-error — generic polymorphic props forwarding between nested polymorphic components\n <Flex\n {...flexProps}\n {...(ref ? { ref: ref as Ref<never> } : {})}\n direction={direction}\n className={classNames(styles.cardSegment, {\n [styles.interactive]: interactive || !!onClick,\n [styles.pressEnabled]: !!onClick,\n [styles.layoutHorizontal]: direction !== 'column',\n [styles.layoutVertical]: direction === 'column',\n [styles.segmentDisabled]: !!activationProps['aria-disabled'],\n })}\n {...activationProps}\n >\n <DisabledContext.Provider value={!!activationProps['aria-disabled']}>\n <CardContext.Provider value={{ direction: direction === 'column' ? 'column' : 'row', borderStyle }}>\n {children}\n </CardContext.Provider>\n </DisabledContext.Provider>\n </Flex>\n );\n};\n\nexport const CardSegment = forwardRef(CardSegmentRenderFunc) as PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n"],"names":["_jsx","classNames"],"mappings":";;;;;;;;;;;AAmBA,MAAM,qBAAqB,GAA6D,CACpF,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAChG,GAAG,KACH;AACA,IAAA,MAAM,eAAe,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC7E,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IAEzC;;AAEI,IAAAA,GAAA,CAAC,IAAI,EAAA,EAAA,GACG,SAAS,EAAA,IACR,GAAG,GAAG,EAAE,GAAG,EAAE,GAAiB,EAAE,GAAG,EAAE,GAC1C,SAAS,EAAE,SAAS,EACpB,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE;YACtC,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,IAAI,CAAC,CAAC,OAAO;AAC9C,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,OAAO;AAChC,YAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,SAAS,KAAK,QAAQ;AACjD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,SAAS,KAAK,QAAQ;YAC/C,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC;SAC/D,CAAC,EAAA,GACE,eAAe,EAEnB,QAAA,EAAAD,GAAA,CAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,eAAe,CAAC,YAC/DA,GAAC,CAAA,WAAW,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,EAAA,QAAA,EAC7F,QAAQ,EACU,CAAA,EAAA,CACA,EACxB,CAAA,EACT;AACN,CAAC,CAAC;MAEW,WAAW,GAAG,UAAU,CAAC,qBAAqB;;;;"}
package/card-SVi6zpBS.js ADDED
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"card":"magritte-card___bhGKz_8-5-0","card-segment":"magritte-card-segment___7LjJe_8-5-0","cardSegment":"magritte-card-segment___7LjJe_8-5-0","layout-vertical":"magritte-layout-vertical___9V-h-_8-5-0","layoutVertical":"magritte-layout-vertical___9V-h-_8-5-0","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-5-0","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-5-0","border-element":"magritte-border-element___x7sZL_8-5-0","borderElement":"magritte-border-element___x7sZL_8-5-0","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-5-0","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-5-0","interactive":"magritte-interactive___rmhl9_8-5-0","card-disabled":"magritte-card-disabled___SMFnB_8-5-0","cardDisabled":"magritte-card-disabled___SMFnB_8-5-0","segment-disabled":"magritte-segment-disabled___FlWSu_8-5-0","segmentDisabled":"magritte-segment-disabled___FlWSu_8-5-0","card-stretched":"magritte-card-stretched___0Uc0J_8-5-0","cardStretched":"magritte-card-stretched___0Uc0J_8-5-0","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-5-0","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-5-0","border-selected":"magritte-border-selected___bGxVg_8-5-0","borderSelected":"magritte-border-selected___bGxVg_8-5-0","border-default":"magritte-border-default___eT8Lg_8-5-0","borderDefault":"magritte-border-default___eT8Lg_8-5-0","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-5-0","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-5-0","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-5-0","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-5-0","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-5-0","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-5-0","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-5-0","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-5-0","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-5-0","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-5-0","increase-shadow":"magritte-increase-shadow___Lvfmm_8-5-0","increaseShadow":"magritte-increase-shadow___Lvfmm_8-5-0","card-style-primary":"magritte-card-style-primary___eZ6aX_8-5-0","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-5-0","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-5-0","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-5-0","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-5-0","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-5-0","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-5-0","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-5-0","card-style-accent":"magritte-card-style-accent___Gd2T5_8-5-0","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-5-0","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-5-0","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-5-0","card-style-positive":"magritte-card-style-positive___4sgFq_8-5-0","cardStylePositive":"magritte-card-style-positive___4sgFq_8-5-0","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-5-0","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-5-0","card-style-negative":"magritte-card-style-negative___Fk6xX_8-5-0","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-5-0","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-5-0","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-5-0","card-style-warning":"magritte-card-style-warning___NIuCV_8-5-0","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-5-0","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-5-0","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-5-0","card-style-special":"magritte-card-style-special___GOdvY_8-5-0","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-5-0","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-5-0","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-5-0","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-5-0","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-5-0","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-5-0","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-5-0","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-5-0","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-5-0","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-5-0","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-5-0","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-5-0","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-5-0","card-style-body":"magritte-card-style-body___TNxld_8-5-0","cardStyleBody":"magritte-card-style-body___TNxld_8-5-0","card-style-overlay":"magritte-card-style-overlay___urh3T_8-5-0","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-5-0","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-5-0","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-5-0","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-5-0","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-5-0","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-5-0","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-5-0","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-5-0","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-5-0","card-style-constant":"magritte-card-style-constant___UluNp_8-5-0","cardStyleConstant":"magritte-card-style-constant___UluNp_8-5-0","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-5-0","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-5-0","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-5-0","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-5-0","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-5-0","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-5-0","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-5-0","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-5-0","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-5-0","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-5-0","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-5-0","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-5-0","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-5-0","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-5-0","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-5-0","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-5-0","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-5-0","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-5-0","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-5-0","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-5-0","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-5-0","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-5-0","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-5-0","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-5-0","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-5-0","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-5-0","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-5-0","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-5-0","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-5-0","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-5-0","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-5-0","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-5-0","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-5-0","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-5-0","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-5-0","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-5-0","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-5-0","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-5-0","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-5-0","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-5-0","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-5-0","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-5-0","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-5-0","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-5-0","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-5-0","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-5-0","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-5-0","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-5-0","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-5-0","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-5-0","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-5-0","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-5-0","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-5-0","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-5-0","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-5-0","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-5-0","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-5-0","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-5-0","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-5-0","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-5-0","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-5-0","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-5-0","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-5-0","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-5-0","press-enabled":"magritte-press-enabled___dc53v_8-5-0","pressEnabled":"magritte-press-enabled___dc53v_8-5-0","flex-container":"magritte-flex-container___CVFEY_8-5-0","flexContainer":"magritte-flex-container___CVFEY_8-5-0","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-5-0","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-5-0","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-5-0","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-5-0","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-5-0","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-5-0","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-5-0","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-5-0","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-5-0","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-5-0","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-5-0","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-5-0","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-5-0","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-5-0","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-5-0","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-5-0","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-5-0","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-5-0","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-5-0","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-5-0","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-5-0","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-5-0","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-5-0","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-5-0","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-5-0","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-5-0","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-5-0","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-5-0","between":"magritte-between___kuRsE_8-5-0"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=card-SVi6zpBS.js.map
package/card-SVi6zpBS.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card-SVi6zpBS.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
package/cardContext.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import type { TokenColorStroke } from '@hh.ru/magritte-design-tokens/types';
2
+ import type { LayoutDirection } from '@hh.ru/magritte-ui-card/types';
3
+ interface CardContextValue {
4
+ direction: LayoutDirection;
5
+ borderStyle?: TokenColorStroke;
6
+ }
7
+ export declare const CardContext: import("react").Context<CardContextValue>;
8
+ export declare const useCardContext: () => CardContextValue;
9
+ export {};
package/cardContext.js ADDED
@@ -0,0 +1,9 @@
1
+ import './index.css';
2
+ import { createContext, useContext } from 'react';
3
+
4
+ const defaultValue = { direction: 'row' };
5
+ const CardContext = createContext(defaultValue);
6
+ const useCardContext = () => useContext(CardContext);
7
+
8
+ export { CardContext, useCardContext };
9
+ //# sourceMappingURL=cardContext.js.map
package/cardContext.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cardContext.js","sources":["src/cardContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { TokenColorStroke } from '@hh.ru/magritte-design-tokens/types';\nimport type { LayoutDirection } from '@hh.ru/magritte-ui-card/types';\n\ninterface CardContextValue {\n direction: LayoutDirection;\n borderStyle?: TokenColorStroke;\n}\n\nconst defaultValue: CardContextValue = { direction: 'row' };\n\nexport const CardContext = createContext<CardContextValue>(defaultValue);\nexport const useCardContext = (): CardContextValue => useContext(CardContext);\n"],"names":[],"mappings":";;AAUA,MAAM,YAAY,GAAqB,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;MAE/C,WAAW,GAAG,aAAa,CAAmB,YAAY,EAAE;AAC5D,MAAA,cAAc,GAAG,MAAwB,UAAU,CAAC,WAAW;;;;"}
package/index.css CHANGED
@@ -321,7 +321,7 @@
321
321
  --magritte-color-stroke-state-accent-pressed-v24-6-0:#618096;
322
322
  --magritte-color-stroke-state-warning-pressed-v24-6-0:#D78009;
323
323
  }
324
- .magritte-card___bhGKz_8-4-0{
324
+ .magritte-card___bhGKz_8-5-0{
325
325
  display:inline-flex;
326
326
  position:relative;
327
327
  box-sizing:border-box;
@@ -348,37 +348,37 @@
348
348
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
349
349
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0));
350
350
  }
351
- .magritte-card-segment___7LjJe_8-4-0:not(:first-child):not(:last-child){
351
+ .magritte-card-segment___7LjJe_8-5-0:not(:first-child):not(:last-child){
352
352
  --magritte-card-border-radius-top-left:0;
353
353
  --magritte-card-border-radius-top-right:0;
354
354
  --magritte-card-border-radius-bottom-left:0;
355
355
  --magritte-card-border-radius-bottom-right:0;
356
356
  }
357
- .magritte-layout-vertical___9V-h-_8-4-0{
357
+ .magritte-layout-vertical___9V-h-_8-5-0{
358
358
  display:inline-flex;
359
359
  flex-direction:column;
360
360
  }
361
- .magritte-layout-vertical___9V-h-_8-4-0 > .magritte-card-segment___7LjJe_8-4-0:first-child{
361
+ .magritte-layout-vertical___9V-h-_8-5-0 > .magritte-card-segment___7LjJe_8-5-0:first-child{
362
362
  --magritte-card-border-radius-bottom-left:0;
363
363
  --magritte-card-border-radius-bottom-right:0;
364
364
  }
365
- .magritte-layout-vertical___9V-h-_8-4-0 > .magritte-card-segment___7LjJe_8-4-0:last-child{
365
+ .magritte-layout-vertical___9V-h-_8-5-0 > .magritte-card-segment___7LjJe_8-5-0:last-child{
366
366
  --magritte-card-border-radius-top-left:0;
367
367
  --magritte-card-border-radius-top-right:0;
368
368
  }
369
- .magritte-layout-horizontal___HUAK3_8-4-0{
369
+ .magritte-layout-horizontal___HUAK3_8-5-0{
370
370
  display:inline-flex;
371
371
  flex-direction:row;
372
372
  }
373
- .magritte-layout-horizontal___HUAK3_8-4-0 > .magritte-card-segment___7LjJe_8-4-0:first-child{
373
+ .magritte-layout-horizontal___HUAK3_8-5-0 > .magritte-card-segment___7LjJe_8-5-0:first-child{
374
374
  --magritte-card-border-radius-bottom-right:0;
375
375
  --magritte-card-border-radius-top-right:0;
376
376
  }
377
- .magritte-layout-horizontal___HUAK3_8-4-0 > .magritte-card-segment___7LjJe_8-4-0:last-child{
377
+ .magritte-layout-horizontal___HUAK3_8-5-0 > .magritte-card-segment___7LjJe_8-5-0:last-child{
378
378
  --magritte-card-border-radius-bottom-left:0;
379
379
  --magritte-card-border-radius-top-left:0;
380
380
  }
381
- .magritte-border-element___x7sZL_8-4-0{
381
+ .magritte-border-element___x7sZL_8-5-0{
382
382
  position:absolute;
383
383
  inset:0;
384
384
  pointer-events:none;
@@ -386,517 +386,525 @@
386
386
  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));
387
387
  box-shadow:var(--magritte-card-border-shadow);
388
388
  }
389
- .magritte-card___bhGKz_8-4-0.focus-visible,
390
- .magritte-card-segment___7LjJe_8-4-0.focus-visible{
389
+ .magritte-card___bhGKz_8-5-0.focus-visible,
390
+ .magritte-card-segment___7LjJe_8-5-0.focus-visible{
391
391
  outline:var(--magritte-color-stroke-state-focused-accessible-v24-6-0) solid 4px;
392
392
  }
393
- .magritte-card-press-enabled___kXfCl_8-4-0:not(:has(.magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0)),
394
- .magritte-card-press-enabled___kXfCl_8-4-0 .magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0{
393
+ .magritte-card-press-enabled___kXfCl_8-5-0:not(:has(.magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0)),
394
+ .magritte-card-press-enabled___kXfCl_8-5-0 .magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0{
395
395
  cursor:pointer;
396
396
  }
397
- .magritte-card-disabled___SMFnB_8-4-0,
398
- .magritte-card-disabled___SMFnB_8-4-0 .magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0{
397
+ .magritte-card-disabled___SMFnB_8-5-0,
398
+ .magritte-card-disabled___SMFnB_8-5-0 .magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0,
399
+ .magritte-card-segment___7LjJe_8-5-0.magritte-segment-disabled___FlWSu_8-5-0{
399
400
  cursor:default;
400
401
  }
401
- .magritte-card___bhGKz_8-4-0 .magritte-card___bhGKz_8-4-0{
402
+ .magritte-card___bhGKz_8-5-0 .magritte-card___bhGKz_8-5-0{
402
403
  --magritte-card-border-color:var(--magritte-color-stroke-neutral-v24-6-0);
403
404
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v24-6-0);
404
405
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v24-6-0);
405
406
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v24-6-0);
406
407
  }
407
- .magritte-card-stretched___0Uc0J_8-4-0{
408
+ .magritte-card-stretched___0Uc0J_8-5-0{
408
409
  width:100%;
409
410
  }
410
- .magritte-card-vertical-stretched___Lrxmc_8-4-0{
411
+ .magritte-card-vertical-stretched___Lrxmc_8-5-0{
411
412
  height:100%;
412
413
  }
413
- .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0,
414
- .magritte-card___bhGKz_8-4-0.magritte-border-default___eT8Lg_8-4-0{
414
+ .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0,
415
+ .magritte-card___bhGKz_8-5-0.magritte-border-default___eT8Lg_8-5-0{
415
416
  --magritte-card-border-shadow-width:1px;
416
417
  --magritte-card-border-shadow-color:var(--magritte-card-border-color);
417
418
  }
418
- .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0.magritte-card-disabled___SMFnB_8-4-0,
419
- .magritte-card___bhGKz_8-4-0.magritte-border-default___eT8Lg_8-4-0.magritte-card-disabled___SMFnB_8-4-0{
419
+ .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0.magritte-card-disabled___SMFnB_8-5-0,
420
+ .magritte-card___bhGKz_8-5-0.magritte-border-default___eT8Lg_8-5-0.magritte-card-disabled___SMFnB_8-5-0{
420
421
  --magritte-card-border-shadow-color:var(--magritte-card-disabled-border-color);
421
422
  }
422
423
  @media (min-width: 1020px){
423
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0):not(.magritte-card-press-enabled___kXfCl_8-4-0),
424
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0.magritte-border-default___eT8Lg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0):not(.magritte-card-press-enabled___kXfCl_8-4-0),
425
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0).magritte-card-press-enabled___kXfCl_8-4-0:not(:active),
426
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0.magritte-border-default___eT8Lg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0).magritte-card-press-enabled___kXfCl_8-4-0:not(:active){
424
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0):not(.magritte-card-press-enabled___kXfCl_8-5-0),
425
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0.magritte-border-default___eT8Lg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0):not(.magritte-card-press-enabled___kXfCl_8-5-0),
426
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0).magritte-card-press-enabled___kXfCl_8-5-0:not(:active),
427
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0.magritte-border-default___eT8Lg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0).magritte-card-press-enabled___kXfCl_8-5-0:not(:active){
427
428
  --magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
428
429
  }
429
430
  }
430
431
  @media (min-width: 1024px){
431
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0):not(.magritte-card-press-enabled___kXfCl_8-4-0),
432
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0.magritte-border-default___eT8Lg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0):not(.magritte-card-press-enabled___kXfCl_8-4-0),
433
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0).magritte-card-press-enabled___kXfCl_8-4-0:not(:active),
434
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0.magritte-border-default___eT8Lg_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0).magritte-card-press-enabled___kXfCl_8-4-0:not(:active){
432
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0):not(.magritte-card-press-enabled___kXfCl_8-5-0),
433
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0.magritte-border-default___eT8Lg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0):not(.magritte-card-press-enabled___kXfCl_8-5-0),
434
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0).magritte-card-press-enabled___kXfCl_8-5-0:not(:active),
435
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0.magritte-border-default___eT8Lg_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0).magritte-card-press-enabled___kXfCl_8-5-0:not(:active){
435
436
  --magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
436
437
  }
437
438
  }
438
- .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:active:not(.magritte-card-disabled___SMFnB_8-4-0),
439
- .magritte-card___bhGKz_8-4-0.magritte-border-default___eT8Lg_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:active:not(.magritte-card-disabled___SMFnB_8-4-0){
439
+ .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:active:not(.magritte-card-disabled___SMFnB_8-5-0),
440
+ .magritte-card___bhGKz_8-5-0.magritte-border-default___eT8Lg_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:active:not(.magritte-card-disabled___SMFnB_8-5-0){
440
441
  --magritte-card-border-shadow-color:var(--magritte-card-active-border-color);
441
442
  }
442
- .magritte-card___bhGKz_8-4-0.magritte-border-selected___bGxVg_8-4-0{
443
+ .magritte-card___bhGKz_8-5-0.magritte-border-selected___bGxVg_8-5-0{
443
444
  --magritte-card-border-shadow-width:2px;
444
445
  }
445
- .magritte-card___bhGKz_8-4-0.magritte-card-shadow-level-3___R34TB_8-4-0{
446
+ .magritte-card___bhGKz_8-5-0.magritte-card-shadow-level-3___R34TB_8-5-0{
446
447
  --magritte-card-shadow:var(--magritte-shadow-level-3-x-v24-6-0) var(--magritte-shadow-level-3-y-v24-6-0) var(--magritte-shadow-level-3-blur-v24-6-0) var(--magritte-shadow-level-3-spread-v24-6-0) var(--magritte-shadow-level-3-color-v24-6-0);
447
448
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v24-6-0) var(--magritte-shadow-level-3-y-v24-6-0) var(--magritte-shadow-level-3-blur-v24-6-0) var(--magritte-shadow-level-3-spread-v24-6-0) var(--magritte-shadow-level-3-color-v24-6-0);
448
449
  }
449
- .magritte-card___bhGKz_8-4-0.magritte-card-shadow-level-2___BgHDx_8-4-0{
450
+ .magritte-card___bhGKz_8-5-0.magritte-card-shadow-level-2___BgHDx_8-5-0{
450
451
  --magritte-card-shadow:var(--magritte-shadow-level-2-x-v24-6-0) var(--magritte-shadow-level-2-y-v24-6-0) var(--magritte-shadow-level-2-blur-v24-6-0) var(--magritte-shadow-level-2-spread-v24-6-0) var(--magritte-shadow-level-2-color-v24-6-0);
451
452
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v24-6-0) var(--magritte-shadow-level-3-y-v24-6-0) var(--magritte-shadow-level-3-blur-v24-6-0) var(--magritte-shadow-level-3-spread-v24-6-0) var(--magritte-shadow-level-3-color-v24-6-0);
452
453
  }
453
- .magritte-card___bhGKz_8-4-0.magritte-card-shadow-level-1___8-39e_8-4-0{
454
+ .magritte-card___bhGKz_8-5-0.magritte-card-shadow-level-1___8-39e_8-5-0{
454
455
  --magritte-card-shadow:var(--magritte-shadow-level-1-x-v24-6-0) var(--magritte-shadow-level-1-y-v24-6-0) var(--magritte-shadow-level-1-blur-v24-6-0) var(--magritte-shadow-level-1-spread-v24-6-0) var(--magritte-shadow-level-1-color-v24-6-0);
455
456
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-2-x-v24-6-0) var(--magritte-shadow-level-2-y-v24-6-0) var(--magritte-shadow-level-2-blur-v24-6-0) var(--magritte-shadow-level-2-spread-v24-6-0) var(--magritte-shadow-level-2-color-v24-6-0);
456
457
  }
457
- .magritte-card___bhGKz_8-4-0.magritte-card-shadow-level-0___RNbQK_8-4-0{
458
+ .magritte-card___bhGKz_8-5-0.magritte-card-shadow-level-0___RNbQK_8-5-0{
458
459
  --magritte-card-shadow:var(--magritte-shadow-level-0-x-v24-6-0) var(--magritte-shadow-level-0-y-v24-6-0) var(--magritte-shadow-level-0-blur-v24-6-0) var(--magritte-shadow-level-0-spread-v24-6-0) var(--magritte-shadow-level-0-color-v24-6-0);
459
460
  --magritte-card-interaction-shadow:var(--magritte-shadow-level-1-x-v24-6-0) var(--magritte-shadow-level-1-y-v24-6-0) var(--magritte-shadow-level-1-blur-v24-6-0) var(--magritte-shadow-level-1-spread-v24-6-0) var(--magritte-shadow-level-1-color-v24-6-0);
460
461
  }
461
462
  @media (min-width: 1020px){
462
- body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0){
463
+ body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0){
463
464
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
464
465
  }
465
- body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:active:not(.magritte-card-disabled___SMFnB_8-4-0){
466
+ body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:active:not(.magritte-card-disabled___SMFnB_8-5-0){
466
467
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
467
468
  }
468
469
  }
469
470
  @media (min-width: 1024px){
470
- body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0){
471
+ body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0){
471
472
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
472
473
  }
473
- body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:active:not(.magritte-card-disabled___SMFnB_8-4-0){
474
+ body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:active:not(.magritte-card-disabled___SMFnB_8-5-0){
474
475
  --magritte-card-shadow:var(--magritte-card-interaction-shadow);
475
476
  }
476
477
  }
477
- .magritte-card-segment___7LjJe_8-4-0{
478
+ .magritte-card-segment___7LjJe_8-5-0{
478
479
  background:none;
479
480
  z-index:0;
480
481
  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));
481
482
  }
482
- .magritte-card-segment___7LjJe_8-4-0 > *{
483
+ .magritte-card-segment___7LjJe_8-5-0 > *{
483
484
  flex:none;
484
485
  min-block-size:0;
485
486
  }
486
- .magritte-card-segment___7LjJe_8-4-0.focus-visible,
487
- .magritte-card-segment___7LjJe_8-4-0:has(.magritte-card-segment___7LjJe_8-4-0.focus-visible){
487
+ .magritte-card-segment___7LjJe_8-5-0.focus-visible,
488
+ .magritte-card-segment___7LjJe_8-5-0:has(.magritte-card-segment___7LjJe_8-5-0.focus-visible){
488
489
  z-index:1;
489
490
  }
490
- .magritte-card-style-primary___eZ6aX_8-4-0{
491
+ .magritte-card-style-primary___eZ6aX_8-5-0{
491
492
  --magritte-card-bg:var(--magritte-color-background-primary-v24-6-0);
492
493
  --magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v24-6-0);
493
494
  --magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v24-6-0);
494
495
  --magritte-card-disabled-bg:var(--magritte-color-background-state-primary-disabled-v24-6-0);
495
496
  }
496
- .magritte-card-style-secondary___VmTqm_8-4-0{
497
+ .magritte-card-style-secondary___VmTqm_8-5-0{
497
498
  --magritte-card-bg:var(--magritte-color-background-secondary-v24-6-0);
498
499
  --magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v24-6-0);
499
500
  --magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v24-6-0);
500
501
  --magritte-card-disabled-bg:var(--magritte-color-background-state-secondary-disabled-v24-6-0);
501
502
  }
502
- .magritte-card-style-tertiary___fE-jW_8-4-0{
503
+ .magritte-card-style-tertiary___fE-jW_8-5-0{
503
504
  --magritte-card-bg:var(--magritte-color-background-tertiary-v24-6-0);
504
505
  --magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v24-6-0);
505
506
  --magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v24-6-0);
506
507
  --magritte-card-disabled-bg:var(--magritte-color-background-state-tertiary-disabled-v24-6-0);
507
508
  }
508
- .magritte-card-style-accent-secondary___Ra0PD_8-4-0{
509
+ .magritte-card-style-accent-secondary___Ra0PD_8-5-0{
509
510
  --magritte-card-bg:var(--magritte-color-background-accent-secondary-v24-6-0);
510
511
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v24-6-0);
511
512
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v24-6-0);
512
513
  --magritte-card-disabled-bg:var(--magritte-color-background-state-accent-secondary-disabled-v24-6-0);
513
514
  }
514
- .magritte-card-style-accent___Gd2T5_8-4-0{
515
+ .magritte-card-style-accent___Gd2T5_8-5-0{
515
516
  --magritte-card-bg:var(--magritte-color-background-accent-v24-6-0);
516
517
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v24-6-0);
517
518
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v24-6-0);
518
519
  --magritte-card-disabled-bg:var(--magritte-color-background-state-accent-disabled-v24-6-0);
519
520
  }
520
- .magritte-card-style-positive-secondary___BsXFI_8-4-0{
521
+ .magritte-card-style-positive-secondary___BsXFI_8-5-0{
521
522
  --magritte-card-bg:var(--magritte-color-background-positive-secondary-v24-6-0);
522
523
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v24-6-0);
523
524
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v24-6-0);
524
525
  --magritte-card-disabled-bg:var(--magritte-color-background-state-positive-secondary-disabled-v24-6-0);
525
526
  }
526
- .magritte-card-style-positive___4sgFq_8-4-0{
527
+ .magritte-card-style-positive___4sgFq_8-5-0{
527
528
  --magritte-card-bg:var(--magritte-color-background-positive-v24-6-0);
528
529
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v24-6-0);
529
530
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v24-6-0);
530
531
  --magritte-card-disabled-bg:var(--magritte-color-background-state-positive-disabled-v24-6-0);
531
532
  }
532
- .magritte-card-style-negative-secondary___lN7i3_8-4-0{
533
+ .magritte-card-style-negative-secondary___lN7i3_8-5-0{
533
534
  --magritte-card-bg:var(--magritte-color-background-negative-secondary-v24-6-0);
534
535
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v24-6-0);
535
536
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v24-6-0);
536
537
  --magritte-card-disabled-bg:var(--magritte-color-background-state-negative-secondary-disabled-v24-6-0);
537
538
  }
538
- .magritte-card-style-negative___Fk6xX_8-4-0{
539
+ .magritte-card-style-negative___Fk6xX_8-5-0{
539
540
  --magritte-card-bg:var(--magritte-color-background-negative-v24-6-0);
540
541
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v24-6-0);
541
542
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v24-6-0);
542
543
  --magritte-card-disabled-bg:var(--magritte-color-background-state-negative-disabled-v24-6-0);
543
544
  }
544
- .magritte-card-style-warning-secondary___m2Hpa_8-4-0{
545
+ .magritte-card-style-warning-secondary___m2Hpa_8-5-0{
545
546
  --magritte-card-bg:var(--magritte-color-background-warning-secondary-v24-6-0);
546
547
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v24-6-0);
547
548
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v24-6-0);
548
549
  --magritte-card-disabled-bg:var(--magritte-color-background-state-warning-secondary-disabled-v24-6-0);
549
550
  }
550
- .magritte-card-style-warning___NIuCV_8-4-0{
551
+ .magritte-card-style-warning___NIuCV_8-5-0{
551
552
  --magritte-card-bg:var(--magritte-color-background-warning-v24-6-0);
552
553
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v24-6-0);
553
554
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v24-6-0);
554
555
  --magritte-card-disabled-bg:var(--magritte-color-background-state-warning-disabled-v24-6-0);
555
556
  }
556
- .magritte-card-style-special-secondary___oVULE_8-4-0{
557
+ .magritte-card-style-special-secondary___oVULE_8-5-0{
557
558
  --magritte-card-bg:var(--magritte-color-background-special-secondary-v24-6-0);
558
559
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v24-6-0);
559
560
  --magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v24-6-0);
560
561
  --magritte-card-disabled-bg:var(--magritte-color-background-state-special-secondary-disabled-v24-6-0);
561
562
  }
562
- .magritte-card-style-special___GOdvY_8-4-0{
563
+ .magritte-card-style-special___GOdvY_8-5-0{
563
564
  --magritte-card-bg:var(--magritte-color-background-special-v24-6-0);
564
565
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v24-6-0);
565
566
  --magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v24-6-0);
566
567
  --magritte-card-disabled-bg:var(--magritte-color-background-state-special-disabled-v24-6-0);
567
568
  }
568
- .magritte-card-style-dreamy-secondary___8Wu4Z_8-4-0{
569
+ .magritte-card-style-dreamy-secondary___8Wu4Z_8-5-0{
569
570
  --magritte-card-bg:var(--magritte-color-background-dreamy-secondary-v24-6-0);
570
571
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v24-6-0);
571
572
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v24-6-0);
572
573
  --magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-secondary-disabled-v24-6-0);
573
574
  }
574
- .magritte-card-style-dreamy___-Az0l_8-4-0{
575
+ .magritte-card-style-dreamy___-Az0l_8-5-0{
575
576
  --magritte-card-bg:var(--magritte-color-background-dreamy-v24-6-0);
576
577
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v24-6-0);
577
578
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v24-6-0);
578
579
  --magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-disabled-v24-6-0);
579
580
  }
580
- .magritte-card-style-lovely-secondary___feuo0_8-4-0{
581
+ .magritte-card-style-lovely-secondary___feuo0_8-5-0{
581
582
  --magritte-card-bg:var(--magritte-color-background-lovely-secondary-v24-6-0);
582
583
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v24-6-0);
583
584
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v24-6-0);
584
585
  --magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-secondary-disabled-v24-6-0);
585
586
  }
586
- .magritte-card-style-lovely___fPKUi_8-4-0{
587
+ .magritte-card-style-lovely___fPKUi_8-5-0{
587
588
  --magritte-card-bg:var(--magritte-color-background-lovely-v24-6-0);
588
589
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v24-6-0);
589
590
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v24-6-0);
590
591
  --magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-disabled-v24-6-0);
591
592
  }
592
- .magritte-card-style-vivid-secondary___yqwVy_8-4-0{
593
+ .magritte-card-style-vivid-secondary___yqwVy_8-5-0{
593
594
  --magritte-card-bg:var(--magritte-color-background-vivid-secondary-v24-6-0);
594
595
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v24-6-0);
595
596
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v24-6-0);
596
597
  --magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-secondary-disabled-v24-6-0);
597
598
  }
598
- .magritte-card-style-vivid___pmSCz_8-4-0{
599
+ .magritte-card-style-vivid___pmSCz_8-5-0{
599
600
  --magritte-card-bg:var(--magritte-color-background-vivid-v24-6-0);
600
601
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v24-6-0);
601
602
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v24-6-0);
602
603
  --magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-disabled-v24-6-0);
603
604
  }
604
- .magritte-card-style-body___TNxld_8-4-0{
605
+ .magritte-card-style-body___TNxld_8-5-0{
605
606
  --magritte-card-bg:var(--magritte-color-background-body-v24-6-0);
606
607
  --magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v24-6-0);
607
608
  --magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v24-6-0);
608
609
  --magritte-card-disabled-bg:var(--magritte-color-background-state-body-disabled-v24-6-0);
609
610
  }
610
- .magritte-card-style-overlay___urh3T_8-4-0{
611
+ .magritte-card-style-overlay___urh3T_8-5-0{
611
612
  --magritte-card-bg:var(--magritte-color-background-overlay-v24-6-0);
612
613
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v24-6-0);
613
614
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v24-6-0);
614
615
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-disabled-v24-6-0);
615
616
  }
616
- .magritte-card-style-overlay-action___-jVWT_8-4-0{
617
+ .magritte-card-style-overlay-action___-jVWT_8-5-0{
617
618
  --magritte-card-bg:var(--magritte-color-background-overlay-action-v24-6-0);
618
619
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v24-6-0);
619
620
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v24-6-0);
620
621
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-action-disabled-v24-6-0);
621
622
  }
622
- .magritte-card-style-overlay-viewer___TdHGx_8-4-0{
623
+ .magritte-card-style-overlay-viewer___TdHGx_8-5-0{
623
624
  --magritte-card-bg:var(--magritte-color-background-overlay-viewer-v24-6-0);
624
625
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v24-6-0);
625
626
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v24-6-0);
626
627
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-viewer-disabled-v24-6-0);
627
628
  }
628
- .magritte-card-style-overlay-toolbar___KWyFM_8-4-0{
629
+ .magritte-card-style-overlay-toolbar___KWyFM_8-5-0{
629
630
  --magritte-card-bg:var(--magritte-color-background-overlay-toolbar-v24-6-0);
630
631
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v24-6-0);
631
632
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v24-6-0);
632
633
  --magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-toolbar-disabled-v24-6-0);
633
634
  }
634
- .magritte-card-style-transparent___1h3h6_8-4-0{
635
+ .magritte-card-style-transparent___1h3h6_8-5-0{
635
636
  --magritte-card-bg:var(--magritte-color-background-transparent-v24-6-0);
636
637
  --magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v24-6-0);
637
638
  --magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v24-6-0);
638
639
  --magritte-card-disabled-bg:var(--magritte-color-background-state-transparent-disabled-v24-6-0);
639
640
  }
640
- .magritte-card-style-constant___UluNp_8-4-0{
641
+ .magritte-card-style-constant___UluNp_8-5-0{
641
642
  --magritte-card-bg:var(--magritte-color-background-constant-v24-6-0);
642
643
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v24-6-0);
643
644
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v24-6-0);
644
645
  --magritte-card-disabled-bg:var(--magritte-color-background-state-constant-disabled-v24-6-0);
645
646
  }
646
- .magritte-card-style-constant-secondary___5HctC_8-4-0{
647
+ .magritte-card-style-constant-secondary___5HctC_8-5-0{
647
648
  --magritte-card-bg:var(--magritte-color-background-constant-secondary-v24-6-0);
648
649
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v24-6-0);
649
650
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v24-6-0);
650
651
  --magritte-card-disabled-bg:var(--magritte-color-background-state-constant-secondary-disabled-v24-6-0);
651
652
  }
652
- .magritte-card-style-inverse___HWOHp_8-4-0{
653
+ .magritte-card-style-inverse___HWOHp_8-5-0{
653
654
  --magritte-card-bg:var(--magritte-color-background-inverse-v24-6-0);
654
655
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v24-6-0);
655
656
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v24-6-0);
656
657
  --magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-disabled-v24-6-0);
657
658
  }
658
- .magritte-card-style-inverse-secondary___3EIdn_8-4-0{
659
+ .magritte-card-style-inverse-secondary___3EIdn_8-5-0{
659
660
  --magritte-card-bg:var(--magritte-color-background-inverse-secondary-v24-6-0);
660
661
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v24-6-0);
661
662
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v24-6-0);
662
663
  --magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-secondary-disabled-v24-6-0);
663
664
  }
664
- .magritte-card-hover-style-primary___VgPLn_8-4-0{
665
+ .magritte-card-hover-style-primary___VgPLn_8-5-0{
665
666
  --magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v24-6-0);
666
667
  --magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v24-6-0);
667
668
  }
668
- .magritte-card-hover-style-secondary___NQCxT_8-4-0{
669
+ .magritte-card-hover-style-secondary___NQCxT_8-5-0{
669
670
  --magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v24-6-0);
670
671
  --magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v24-6-0);
671
672
  }
672
- .magritte-card-hover-style-tertiary___Hrgqb_8-4-0{
673
+ .magritte-card-hover-style-tertiary___Hrgqb_8-5-0{
673
674
  --magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v24-6-0);
674
675
  --magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v24-6-0);
675
676
  }
676
- .magritte-card-hover-style-accent-secondary___o5URO_8-4-0{
677
+ .magritte-card-hover-style-accent-secondary___o5URO_8-5-0{
677
678
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v24-6-0);
678
679
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v24-6-0);
679
680
  }
680
- .magritte-card-hover-style-accent___n8Lb4_8-4-0{
681
+ .magritte-card-hover-style-accent___n8Lb4_8-5-0{
681
682
  --magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v24-6-0);
682
683
  --magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v24-6-0);
683
684
  }
684
- .magritte-card-hover-style-positive-secondary___Aw634_8-4-0{
685
+ .magritte-card-hover-style-positive-secondary___Aw634_8-5-0{
685
686
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v24-6-0);
686
687
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v24-6-0);
687
688
  }
688
- .magritte-card-hover-style-positive___zQ7MM_8-4-0{
689
+ .magritte-card-hover-style-positive___zQ7MM_8-5-0{
689
690
  --magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v24-6-0);
690
691
  --magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v24-6-0);
691
692
  }
692
- .magritte-card-hover-style-negative-secondary___V7gmt_8-4-0{
693
+ .magritte-card-hover-style-negative-secondary___V7gmt_8-5-0{
693
694
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v24-6-0);
694
695
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v24-6-0);
695
696
  }
696
- .magritte-card-hover-style-negative___1cL78_8-4-0{
697
+ .magritte-card-hover-style-negative___1cL78_8-5-0{
697
698
  --magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v24-6-0);
698
699
  --magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v24-6-0);
699
700
  }
700
- .magritte-card-hover-style-warning-secondary___4knLA_8-4-0{
701
+ .magritte-card-hover-style-warning-secondary___4knLA_8-5-0{
701
702
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v24-6-0);
702
703
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v24-6-0);
703
704
  }
704
- .magritte-card-hover-style-warning___Fw34b_8-4-0{
705
+ .magritte-card-hover-style-warning___Fw34b_8-5-0{
705
706
  --magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v24-6-0);
706
707
  --magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v24-6-0);
707
708
  }
708
- .magritte-card-hover-style-special-secondary___ImyvT_8-4-0{
709
+ .magritte-card-hover-style-special-secondary___ImyvT_8-5-0{
709
710
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v24-6-0);
710
711
  --magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v24-6-0);
711
712
  }
712
- .magritte-card-hover-style-special___og9oA_8-4-0{
713
+ .magritte-card-hover-style-special___og9oA_8-5-0{
713
714
  --magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v24-6-0);
714
715
  --magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v24-6-0);
715
716
  }
716
- .magritte-card-hover-style-dreamy-secondary___8SOfV_8-4-0{
717
+ .magritte-card-hover-style-dreamy-secondary___8SOfV_8-5-0{
717
718
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v24-6-0);
718
719
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v24-6-0);
719
720
  }
720
- .magritte-card-hover-style-dreamy___9sxP7_8-4-0{
721
+ .magritte-card-hover-style-dreamy___9sxP7_8-5-0{
721
722
  --magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v24-6-0);
722
723
  --magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v24-6-0);
723
724
  }
724
- .magritte-card-hover-style-lovely-secondary___n2BrG_8-4-0{
725
+ .magritte-card-hover-style-lovely-secondary___n2BrG_8-5-0{
725
726
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v24-6-0);
726
727
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v24-6-0);
727
728
  }
728
- .magritte-card-hover-style-lovely___Ml-R2_8-4-0{
729
+ .magritte-card-hover-style-lovely___Ml-R2_8-5-0{
729
730
  --magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v24-6-0);
730
731
  --magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v24-6-0);
731
732
  }
732
- .magritte-card-hover-style-vivid-secondary___s4GVf_8-4-0{
733
+ .magritte-card-hover-style-vivid-secondary___s4GVf_8-5-0{
733
734
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v24-6-0);
734
735
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v24-6-0);
735
736
  }
736
- .magritte-card-hover-style-vivid___qyl-R_8-4-0{
737
+ .magritte-card-hover-style-vivid___qyl-R_8-5-0{
737
738
  --magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v24-6-0);
738
739
  --magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v24-6-0);
739
740
  }
740
- .magritte-card-hover-style-body___pimB3_8-4-0{
741
+ .magritte-card-hover-style-body___pimB3_8-5-0{
741
742
  --magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v24-6-0);
742
743
  --magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v24-6-0);
743
744
  }
744
- .magritte-card-hover-style-overlay___rAPpl_8-4-0{
745
+ .magritte-card-hover-style-overlay___rAPpl_8-5-0{
745
746
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v24-6-0);
746
747
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v24-6-0);
747
748
  }
748
- .magritte-card-hover-style-overlay-action___6BpQw_8-4-0{
749
+ .magritte-card-hover-style-overlay-action___6BpQw_8-5-0{
749
750
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v24-6-0);
750
751
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v24-6-0);
751
752
  }
752
- .magritte-card-hover-style-overlay-viewer___f5IDi_8-4-0{
753
+ .magritte-card-hover-style-overlay-viewer___f5IDi_8-5-0{
753
754
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v24-6-0);
754
755
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v24-6-0);
755
756
  }
756
- .magritte-card-hover-style-overlay-toolbar___wkaI6_8-4-0{
757
+ .magritte-card-hover-style-overlay-toolbar___wkaI6_8-5-0{
757
758
  --magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v24-6-0);
758
759
  --magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v24-6-0);
759
760
  }
760
- .magritte-card-hover-style-transparent___zXQGl_8-4-0{
761
+ .magritte-card-hover-style-transparent___zXQGl_8-5-0{
761
762
  --magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v24-6-0);
762
763
  --magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v24-6-0);
763
764
  }
764
- .magritte-card-hover-style-constant___uH6-E_8-4-0{
765
+ .magritte-card-hover-style-constant___uH6-E_8-5-0{
765
766
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v24-6-0);
766
767
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v24-6-0);
767
768
  }
768
- .magritte-card-hover-style-constant-secondary___0vxDi_8-4-0{
769
+ .magritte-card-hover-style-constant-secondary___0vxDi_8-5-0{
769
770
  --magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v24-6-0);
770
771
  --magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v24-6-0);
771
772
  }
772
- .magritte-card-hover-style-inverse___Db1kM_8-4-0{
773
+ .magritte-card-hover-style-inverse___Db1kM_8-5-0{
773
774
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v24-6-0);
774
775
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v24-6-0);
775
776
  }
776
- .magritte-card-hover-style-inverse-secondary___BT8I-_8-4-0{
777
+ .magritte-card-hover-style-inverse-secondary___BT8I-_8-5-0{
777
778
  --magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v24-6-0);
778
779
  --magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v24-6-0);
779
780
  }
780
- .magritte-card___bhGKz_8-4-0{
781
+ .magritte-card___bhGKz_8-5-0{
781
782
  background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
782
783
  }
783
- .magritte-card___bhGKz_8-4-0:has(.magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0) .magritte-card-segment___7LjJe_8-4-0{
784
+ .magritte-card___bhGKz_8-5-0:has(.magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0) .magritte-card-segment___7LjJe_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0){
784
785
  background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
785
786
  }
786
- .magritte-card___bhGKz_8-4-0.magritte-card-disabled___SMFnB_8-4-0{
787
+ .magritte-card___bhGKz_8-5-0.magritte-card-disabled___SMFnB_8-5-0{
787
788
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
788
789
  }
789
- .magritte-card___bhGKz_8-4-0.magritte-card-disabled___SMFnB_8-4-0:has(.magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0) .magritte-card-segment___7LjJe_8-4-0{
790
+ .magritte-card___bhGKz_8-5-0.magritte-card-disabled___SMFnB_8-5-0:has(.magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0) .magritte-card-segment___7LjJe_8-5-0,
791
+ .magritte-card-segment___7LjJe_8-5-0.magritte-segment-disabled___FlWSu_8-5-0{
790
792
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
791
793
  }
792
794
  @media (min-width: 1020px){
793
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0):not(.magritte-card-press-enabled___kXfCl_8-4-0),
794
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0:not(.magritte-card-press-enabled___kXfCl_8-4-0):not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0:hover:not(.magritte-press-enabled___dc53v_8-4-0),
795
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0:hover:not(:active),
796
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0:not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-press-enabled___dc53v_8-4-0:hover:not(:active),
797
- body.magritte-old-layout .magritte-card___bhGKz_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0).magritte-card-press-enabled___kXfCl_8-4-0:not(:active){
795
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0):not(.magritte-card-press-enabled___kXfCl_8-5-0),
796
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0:not(.magritte-card-press-enabled___kXfCl_8-5-0):not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):hover:not(.magritte-press-enabled___dc53v_8-5-0),
797
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):hover:not(:active),
798
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0:not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-press-enabled___dc53v_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):hover:not(:active),
799
+ body.magritte-old-layout .magritte-card___bhGKz_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0).magritte-card-press-enabled___kXfCl_8-5-0:not(:active){
798
800
  background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
799
801
  }
800
802
  }
801
803
  @media (min-width: 1024px){
802
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0):not(.magritte-card-press-enabled___kXfCl_8-4-0),
803
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0:not(.magritte-card-press-enabled___kXfCl_8-4-0):not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0:hover:not(.magritte-press-enabled___dc53v_8-4-0),
804
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0:hover:not(:active),
805
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0:not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-press-enabled___dc53v_8-4-0:hover:not(:active),
806
- body:not(.magritte-old-layout) .magritte-card___bhGKz_8-4-0.magritte-card-hover-enabled___-wolU_8-4-0:hover:not(.magritte-card-disabled___SMFnB_8-4-0).magritte-card-press-enabled___kXfCl_8-4-0:not(:active){
804
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0):not(.magritte-card-press-enabled___kXfCl_8-5-0),
805
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0:not(.magritte-card-press-enabled___kXfCl_8-5-0):not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):hover:not(.magritte-press-enabled___dc53v_8-5-0),
806
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):hover:not(:active),
807
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0:not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-press-enabled___dc53v_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):hover:not(:active),
808
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_8-5-0.magritte-card-hover-enabled___-wolU_8-5-0:hover:not(.magritte-card-disabled___SMFnB_8-5-0).magritte-card-press-enabled___kXfCl_8-5-0:not(:active){
807
809
  background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
808
810
  }
809
811
  }
810
- .magritte-card___bhGKz_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:active:not(.magritte-card-disabled___SMFnB_8-4-0),
811
- .magritte-card___bhGKz_8-4-0:not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-press-enabled___dc53v_8-4-0:active,
812
- .magritte-card___bhGKz_8-4-0.magritte-card-press-enabled___kXfCl_8-4-0:not(.magritte-card-disabled___SMFnB_8-4-0) .magritte-card-segment___7LjJe_8-4-0.magritte-interactive___rmhl9_8-4-0:active{
812
+ .magritte-card___bhGKz_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:active:not(.magritte-card-disabled___SMFnB_8-5-0),
813
+ .magritte-card___bhGKz_8-5-0:not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-press-enabled___dc53v_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):active,
814
+ .magritte-card___bhGKz_8-5-0.magritte-card-press-enabled___kXfCl_8-5-0:not(.magritte-card-disabled___SMFnB_8-5-0) .magritte-card-segment___7LjJe_8-5-0.magritte-interactive___rmhl9_8-5-0:not(.magritte-segment-disabled___FlWSu_8-5-0):active{
813
815
  background-color:var(--magritte-card-active-background-override, var(--magritte-card-press-bg));
814
816
  }
815
- .magritte-flex-container___CVFEY_8-4-0{
817
+ .magritte-flex-container___CVFEY_8-5-0{
816
818
  display:flex;
817
819
  height:100%;
818
820
  }
819
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-neutral___611b0_8-4-0{
821
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-neutral___611b0_8-5-0{
820
822
  --magritte-card-border-color:var(--magritte-color-stroke-neutral-v24-6-0);
821
823
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v24-6-0);
822
824
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v24-6-0);
823
825
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v24-6-0);
824
826
  }
825
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-phantom___ezFSC_8-4-0{
827
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-phantom___ezFSC_8-5-0{
826
828
  --magritte-card-border-color:var(--magritte-color-stroke-phantom-v24-6-0);
827
829
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-phantom-hovered-v24-6-0);
828
830
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-phantom-disabled-v24-6-0);
829
831
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-phantom-pressed-v24-6-0);
830
832
  }
831
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-overlay___yOj6r_8-4-0{
833
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-overlay___yOj6r_8-5-0{
832
834
  --magritte-card-border-color:var(--magritte-color-stroke-overlay-v24-6-0);
833
835
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-overlay-hovered-v24-6-0);
834
836
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-overlay-disabled-v24-6-0);
835
837
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-overlay-pressed-v24-6-0);
836
838
  }
837
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-accent___D-2Wb_8-4-0{
839
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-accent___D-2Wb_8-5-0{
838
840
  --magritte-card-border-color:var(--magritte-color-stroke-accent-v24-6-0);
839
841
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-accent-hovered-v24-6-0);
840
842
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-accent-disabled-v24-6-0);
841
843
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-accent-pressed-v24-6-0);
842
844
  }
843
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-positive___to7aa_8-4-0{
845
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-positive___to7aa_8-5-0{
844
846
  --magritte-card-border-color:var(--magritte-color-stroke-positive-v24-6-0);
845
847
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-positive-hovered-v24-6-0);
846
848
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-positive-disabled-v24-6-0);
847
849
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-positive-pressed-v24-6-0);
848
850
  }
849
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-negative___IenCT_8-4-0{
851
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-negative___IenCT_8-5-0{
850
852
  --magritte-card-border-color:var(--magritte-color-stroke-negative-v24-6-0);
851
853
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-negative-hovered-v24-6-0);
852
854
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-negative-disabled-v24-6-0);
853
855
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-negative-pressed-v24-6-0);
854
856
  }
855
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-warning___Fax0h_8-4-0{
857
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-warning___Fax0h_8-5-0{
856
858
  --magritte-card-border-color:var(--magritte-color-stroke-warning-v24-6-0);
857
859
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-warning-hovered-v24-6-0);
858
860
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-warning-disabled-v24-6-0);
859
861
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-warning-pressed-v24-6-0);
860
862
  }
861
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-special___mgV7r_8-4-0{
863
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-special___mgV7r_8-5-0{
862
864
  --magritte-card-border-color:var(--magritte-color-stroke-special-v24-6-0);
863
865
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-special-hovered-v24-6-0);
864
866
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-special-disabled-v24-6-0);
865
867
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-special-pressed-v24-6-0);
866
868
  }
867
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-dreamy___vYIow_8-4-0{
869
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-dreamy___vYIow_8-5-0{
868
870
  --magritte-card-border-color:var(--magritte-color-stroke-dreamy-v24-6-0);
869
871
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-dreamy-hovered-v24-6-0);
870
872
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-dreamy-disabled-v24-6-0);
871
873
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-dreamy-pressed-v24-6-0);
872
874
  }
873
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-lovely___d1dyh_8-4-0{
875
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-lovely___d1dyh_8-5-0{
874
876
  --magritte-card-border-color:var(--magritte-color-stroke-lovely-v24-6-0);
875
877
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-lovely-hovered-v24-6-0);
876
878
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-lovely-disabled-v24-6-0);
877
879
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-lovely-pressed-v24-6-0);
878
880
  }
879
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-vivid___UYrn3_8-4-0{
881
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-vivid___UYrn3_8-5-0{
880
882
  --magritte-card-border-color:var(--magritte-color-stroke-vivid-v24-6-0);
881
883
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-vivid-hovered-v24-6-0);
882
884
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-vivid-disabled-v24-6-0);
883
885
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-vivid-pressed-v24-6-0);
884
886
  }
885
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-neutral-heavy___VR1s4_8-4-0{
887
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-neutral-heavy___VR1s4_8-5-0{
886
888
  --magritte-card-border-color:var(--magritte-color-stroke-neutral-heavy-v24-6-0);
887
889
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-heavy-hovered-v24-6-0);
888
890
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-heavy-disabled-v24-6-0);
889
891
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-heavy-pressed-v24-6-0);
890
892
  }
891
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-constant___4DDKM_8-4-0{
893
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-constant___4DDKM_8-5-0{
892
894
  --magritte-card-border-color:var(--magritte-color-stroke-constant-v24-6-0);
893
895
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-hovered-v24-6-0);
894
896
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-disabled-v24-6-0);
895
897
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-pressed-v24-6-0);
896
898
  }
897
- .magritte-card___bhGKz_8-4-0.magritte-card-border-style-constant-alt___wfnBK_8-4-0{
899
+ .magritte-card___bhGKz_8-5-0.magritte-card-border-style-constant-alt___wfnBK_8-5-0{
898
900
  --magritte-card-border-color:var(--magritte-color-stroke-constant-alt-v24-6-0);
899
901
  --magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-alt-hovered-v24-6-0);
900
902
  --magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-alt-disabled-v24-6-0);
901
903
  --magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-alt-pressed-v24-6-0);
902
904
  }
905
+ .magritte-between___kuRsE_8-5-0{
906
+ display:none;
907
+ }
908
+ .magritte-card-segment___7LjJe_8-5-0 + .magritte-between___kuRsE_8-5-0:has(~ .magritte-card-segment___7LjJe_8-5-0){
909
+ display:contents;
910
+ }
package/index.js CHANGED
@@ -4,7 +4,11 @@ import 'react/jsx-runtime';
4
4
  import 'react';
5
5
  import 'classnames';
6
6
  import '@hh.ru/magritte-common-use-disabled';
7
- import './CardSegment-B8AT6F5t.js';
7
+ import './Between.js';
8
+ import './cardContext.js';
9
+ import '@hh.ru/magritte-ui-divider';
10
+ import './card-SVi6zpBS.js';
11
+ import './CardSegment.js';
8
12
  import './useCardActivation.js';
9
13
  import '@hh.ru/magritte-common-keyboard';
10
14
  import '@hh.ru/magritte-common-mouse';
package/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-card",
3
- "version": "8.4.0",
3
+ "version": "8.5.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -30,6 +30,7 @@
30
30
  "@hh.ru/magritte-design-tokens": "24.6.0",
31
31
  "@hh.ru/magritte-types": "5.0.6",
32
32
  "@hh.ru/magritte-ui-breakpoint": "6.0.8",
33
+ "@hh.ru/magritte-ui-divider": "3.1.1",
33
34
  "@hh.ru/magritte-ui-icon": "14.2.1",
34
35
  "@hh.ru/magritte-ui-layout": "2.0.0",
35
36
  "@hh.ru/magritte-ui-mock-component": "1.1.7",
@@ -39,5 +40,5 @@
39
40
  "publishConfig": {
40
41
  "access": "public"
41
42
  },
42
- "gitHead": "3300c3c2d412c0a92b17e48f3b05619643f5be72"
43
+ "gitHead": "e2ca103aa904ca68a8e695cf383f5d3e8e7ebd00"
43
44
  }
package/types.d.ts CHANGED
@@ -5,6 +5,7 @@ export type CardBorderRadius = TokenBaseStaticBorderRadius | 'halfHeight';
5
5
  export type CardStyle = TokenColorBackground;
6
6
  export type BorderStyle = TokenColorStroke;
7
7
  export type CardShadow = TokenShadow;
8
+ export type LayoutDirection = 'row' | 'column';
8
9
  export interface CommonCardProps {
9
10
  /** Кастомный элемент 'a', 'div' или функция */
10
11
  Element?: 'a' | 'div';
@@ -59,6 +60,6 @@ export interface CommonCardProps {
59
60
  /** Обработчик клика по карточке */
60
61
  onClick?: MouseEventHandler<HTMLElement>;
61
62
  /** Направление раскладки сегментов внутри карточки */
62
- direction?: 'row' | 'column';
63
+ direction?: LayoutDirection;
63
64
  }
64
65
  export type CardProps = PropsWithChildren<CommonCardProps>;
package/CardSegment-B8AT6F5t.js DELETED
@@ -1,20 +0,0 @@
1
- import './index.css';
2
- import { jsx } from 'react/jsx-runtime';
3
- import classnames from 'classnames';
4
- import { useCardActivation } from './useCardActivation.js';
5
- import { Flex } from '@hh.ru/magritte-ui-layout';
6
-
7
- var styles = {"card":"magritte-card___bhGKz_8-4-0","card-segment":"magritte-card-segment___7LjJe_8-4-0","cardSegment":"magritte-card-segment___7LjJe_8-4-0","layout-vertical":"magritte-layout-vertical___9V-h-_8-4-0","layoutVertical":"magritte-layout-vertical___9V-h-_8-4-0","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-4-0","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-4-0","border-element":"magritte-border-element___x7sZL_8-4-0","borderElement":"magritte-border-element___x7sZL_8-4-0","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-4-0","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-4-0","interactive":"magritte-interactive___rmhl9_8-4-0","card-disabled":"magritte-card-disabled___SMFnB_8-4-0","cardDisabled":"magritte-card-disabled___SMFnB_8-4-0","card-stretched":"magritte-card-stretched___0Uc0J_8-4-0","cardStretched":"magritte-card-stretched___0Uc0J_8-4-0","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-4-0","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-4-0","border-selected":"magritte-border-selected___bGxVg_8-4-0","borderSelected":"magritte-border-selected___bGxVg_8-4-0","border-default":"magritte-border-default___eT8Lg_8-4-0","borderDefault":"magritte-border-default___eT8Lg_8-4-0","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-4-0","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-4-0","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-4-0","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-4-0","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-4-0","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-4-0","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-4-0","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-4-0","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-4-0","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-4-0","increase-shadow":"magritte-increase-shadow___Lvfmm_8-4-0","increaseShadow":"magritte-increase-shadow___Lvfmm_8-4-0","card-style-primary":"magritte-card-style-primary___eZ6aX_8-4-0","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-4-0","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-4-0","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-4-0","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-4-0","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-4-0","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-4-0","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-4-0","card-style-accent":"magritte-card-style-accent___Gd2T5_8-4-0","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-4-0","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-4-0","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-4-0","card-style-positive":"magritte-card-style-positive___4sgFq_8-4-0","cardStylePositive":"magritte-card-style-positive___4sgFq_8-4-0","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-4-0","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-4-0","card-style-negative":"magritte-card-style-negative___Fk6xX_8-4-0","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-4-0","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-4-0","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-4-0","card-style-warning":"magritte-card-style-warning___NIuCV_8-4-0","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-4-0","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-4-0","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-4-0","card-style-special":"magritte-card-style-special___GOdvY_8-4-0","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-4-0","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-4-0","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-4-0","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-4-0","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-4-0","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-4-0","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-4-0","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-4-0","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-4-0","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-4-0","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-4-0","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-4-0","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-4-0","card-style-body":"magritte-card-style-body___TNxld_8-4-0","cardStyleBody":"magritte-card-style-body___TNxld_8-4-0","card-style-overlay":"magritte-card-style-overlay___urh3T_8-4-0","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-4-0","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-4-0","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-4-0","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-4-0","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-4-0","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-4-0","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-4-0","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-4-0","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-4-0","card-style-constant":"magritte-card-style-constant___UluNp_8-4-0","cardStyleConstant":"magritte-card-style-constant___UluNp_8-4-0","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-4-0","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-4-0","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-4-0","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-4-0","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-4-0","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-4-0","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-4-0","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-4-0","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-4-0","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-4-0","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-4-0","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-4-0","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-4-0","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-4-0","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-4-0","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-4-0","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-4-0","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-4-0","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-4-0","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-4-0","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-4-0","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-4-0","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-4-0","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-4-0","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-4-0","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-4-0","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-4-0","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-4-0","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-4-0","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-4-0","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-4-0","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-4-0","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-4-0","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-4-0","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-4-0","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-4-0","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-4-0","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-4-0","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-4-0","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-4-0","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-4-0","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-4-0","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-4-0","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-4-0","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-4-0","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-4-0","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-4-0","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-4-0","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-4-0","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-4-0","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-4-0","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-4-0","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-4-0","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-4-0","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-4-0","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-4-0","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-4-0","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-4-0","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-4-0","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-4-0","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-4-0","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-4-0","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-4-0","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-4-0","press-enabled":"magritte-press-enabled___dc53v_8-4-0","pressEnabled":"magritte-press-enabled___dc53v_8-4-0","flex-container":"magritte-flex-container___CVFEY_8-4-0","flexContainer":"magritte-flex-container___CVFEY_8-4-0","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-4-0","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-4-0","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-4-0","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-4-0","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-4-0","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-4-0","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-4-0","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-4-0","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-4-0","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-4-0","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-4-0","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-4-0","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-4-0","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-4-0","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-4-0","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-4-0","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-4-0","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-4-0","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-4-0","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-4-0","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-4-0","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-4-0","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-4-0","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-4-0","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-4-0","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-4-0","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-4-0","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-4-0"};
8
-
9
- const CardSegment = ({ children, interactive = false, onClick, direction = 'column', ...flexProps }) => {
10
- const activationProps = useCardActivation({ onClick });
11
- return (jsx(Flex, { ...flexProps, Element: "div", direction: direction, className: classnames(styles.cardSegment, {
12
- [styles.interactive]: interactive || !!onClick,
13
- [styles.pressEnabled]: !!onClick,
14
- [styles.layoutHorizontal]: direction !== 'column',
15
- [styles.layoutVertical]: direction === 'column',
16
- }), ...activationProps, children: children }));
17
- };
18
-
19
- export { CardSegment as C, styles as s };
20
- //# sourceMappingURL=CardSegment-B8AT6F5t.js.map
package/CardSegment-B8AT6F5t.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardSegment-B8AT6F5t.js","sources":["src/CardSegment.tsx"],"sourcesContent":["import type { FC, MouseEventHandler, PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { type FlexProps, Flex } from '@hh.ru/magritte-ui-layout';\n\nimport styles from './card.less';\n\nexport type CardSegmentProps = PropsWithChildren<\n FlexProps & {\n /** Включает реакцию сегмента на hover. Реакция на нажатие включается если у карточки задан pressEnabled. Автоматически включается при наличии onClick на сегменте */\n interactive?: boolean;\n /** Обработчик клика по сегменту. Тип совместим с Card.onClick */\n onClick?: MouseEventHandler<HTMLElement>;\n }\n>;\n\nexport const CardSegment: FC<CardSegmentProps> = ({\n children,\n interactive = false,\n onClick,\n direction = 'column',\n ...flexProps\n}) => {\n const activationProps = useCardActivation({ onClick });\n\n return (\n <Flex\n {...flexProps}\n Element=\"div\"\n direction={direction}\n className={classNames(styles.cardSegment, {\n [styles.interactive]: interactive || !!onClick,\n [styles.pressEnabled]: !!onClick,\n [styles.layoutHorizontal]: direction !== 'column',\n [styles.layoutVertical]: direction === 'column',\n })}\n {...activationProps}\n >\n {children}\n </Flex>\n );\n};\n"],"names":["_jsx","classNames"],"mappings":";;;;;;;MAiBa,WAAW,GAAyB,CAAC,EAC9C,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,OAAO,EACP,SAAS,GAAG,QAAQ,EACpB,GAAG,SAAS,EACf,KAAI;IACD,MAAM,eAAe,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;IAEvD,QACIA,IAAC,IAAI,EAAA,EAAA,GACG,SAAS,EACb,OAAO,EAAC,KAAK,EACb,SAAS,EAAE,SAAS,EACpB,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE;YACtC,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,IAAI,CAAC,CAAC,OAAO;AAC9C,YAAA,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,OAAO;AAChC,YAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,SAAS,KAAK,QAAQ;AACjD,YAAA,CAAC,MAAM,CAAC,cAAc,GAAG,SAAS,KAAK,QAAQ;AAClD,SAAA,CAAC,KACE,eAAe,EAAA,QAAA,EAElB,QAAQ,EAAA,CACN,EACT;AACN;;;;"}