@hh.ru/magritte-ui-card 8.5.24 → 8.6.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.
- package/Between.js +1 -1
- package/Card.js +7 -2
- package/Card.js.map +1 -1
- package/CardSegment.js +1 -1
- package/card-CXOxKkSf.js +5 -0
- package/card-CXOxKkSf.js.map +1 -0
- package/index.css +146 -146
- package/index.js +1 -1
- package/package.json +3 -3
- package/types.d.ts +2 -2
- package/useCardActivation.d.ts +2 -1
- package/useCardActivation.js +2 -2
- package/useCardActivation.js.map +1 -1
- package/card-6g12w81B.js +0 -5
- package/card-6g12w81B.js.map +0 -1
package/Between.js
CHANGED
|
@@ -2,7 +2,7 @@ import './index.css';
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useCardContext } from './cardContext.js';
|
|
4
4
|
import { Divider } from '@hh.ru/magritte-ui-divider';
|
|
5
|
-
import { s as styles } from './card-
|
|
5
|
+
import { s as styles } from './card-CXOxKkSf.js';
|
|
6
6
|
import 'react';
|
|
7
7
|
|
|
8
8
|
const Between = ({ children }) => {
|
package/Card.js
CHANGED
|
@@ -11,7 +11,7 @@ import { useCardActivation } from './useCardActivation.js';
|
|
|
11
11
|
import { IconDynamic } from '@hh.ru/magritte-ui-icon';
|
|
12
12
|
import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
|
|
13
13
|
import { TextDynamic } from '@hh.ru/magritte-ui-typography';
|
|
14
|
-
import { s as styles } from './card-
|
|
14
|
+
import { s as styles } from './card-CXOxKkSf.js';
|
|
15
15
|
import '@hh.ru/magritte-ui-divider';
|
|
16
16
|
import '@hh.ru/magritte-ui-layout';
|
|
17
17
|
import '@hh.ru/magritte-common-keyboard';
|
|
@@ -39,7 +39,12 @@ const genBorderRadiusProp = (radiusProps) => {
|
|
|
39
39
|
const genPaddingProps = (paddingProps) => Object.entries(paddingProps).reduce((acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc), {});
|
|
40
40
|
const CardForwardRefRenderFunc = ({ Element = 'div', stretched = false, verticalStretched = false, hoverEnabled = false, pressEnabled = false, shadow = 'level-0', increaseShadow = false, onClick, style = 'primary', hoverStyle, disabled = false, padding = 0, paddingLeft, paddingRight, paddingTop, paddingBottom, borderRadius = 0, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, children, borderStyle, borderWidth = 'none', direction, ...restProps }, ref) => {
|
|
41
41
|
const forceDisabled = useDisabled();
|
|
42
|
-
const activationProps = useCardActivation({
|
|
42
|
+
const activationProps = useCardActivation({
|
|
43
|
+
onClick,
|
|
44
|
+
disabled,
|
|
45
|
+
hasExplicitRole: 'role' in restProps,
|
|
46
|
+
hasExplicitTabIndex: 'tabIndex' in restProps,
|
|
47
|
+
});
|
|
43
48
|
const isPressEnabled = pressEnabled || !!onClick;
|
|
44
49
|
const isHoverEnabled = hoverEnabled || isPressEnabled;
|
|
45
50
|
const paddingProps = genPaddingProps({
|
package/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type FC, type PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { Between } from '@hh.ru/magritte-ui-card/Between';\nimport { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport { CardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'] as const;\n\nconst genBorderRadiusProp = (radiusProps: {\n borderRadius: CardBorderRadius;\n borderTopLeftRadius?: CardBorderRadius;\n borderTopRightRadius?: CardBorderRadius;\n borderBottomLeftRadius?: CardBorderRadius;\n borderBottomRightRadius?: CardBorderRadius;\n}): CSSProperties => {\n const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n Object.fromEntries(\n Object.entries(radiusProps)\n .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n .filter((radius) => radius[1] !== undefined)\n ) as typeof radiusProps;\n\n const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n const radiusVariables = radius.reduce(\n (acc, val, index) =>\n val === undefined\n ? acc\n : {\n ...acc,\n [`--magritte-card-border-radius-${borderSides[index]}`]: `${val}px`,\n },\n {}\n );\n\n return {\n '--magritte-card-border-radius': `${borderRadius}px`,\n ...radiusVariables,\n } as CSSProperties;\n};\n\nconst genPaddingProps = (paddingProps: {\n Left?: CardPadding;\n Right?: CardPadding;\n Top?: CardPadding;\n Bottom?: CardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n {\n Element = 'div',\n stretched = false,\n verticalStretched = false,\n hoverEnabled = false,\n pressEnabled = false,\n shadow = 'level-0',\n increaseShadow = false,\n onClick,\n style = 'primary',\n hoverStyle,\n disabled = false,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n children,\n borderStyle,\n borderWidth = 'none',\n direction,\n ...restProps\n },\n ref\n) => {\n const forceDisabled = useDisabled();\n const activationProps = useCardActivation({ 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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"}
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { type CSSProperties, forwardRef, type FC, type PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { Between } from '@hh.ru/magritte-ui-card/Between';\nimport { CardSegment, type CardSegmentProps } from '@hh.ru/magritte-ui-card/CardSegment';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport { CardContext } from '@hh.ru/magritte-ui-card/cardContext';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { useCardActivation } from '@hh.ru/magritte-ui-card/useCardActivation';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'] as const;\n\nconst genBorderRadiusProp = (radiusProps: {\n borderRadius: CardBorderRadius;\n borderTopLeftRadius?: CardBorderRadius;\n borderTopRightRadius?: CardBorderRadius;\n borderBottomLeftRadius?: CardBorderRadius;\n borderBottomRightRadius?: CardBorderRadius;\n}): CSSProperties => {\n const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n Object.fromEntries(\n Object.entries(radiusProps)\n .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n .filter((radius) => radius[1] !== undefined)\n ) as typeof radiusProps;\n\n const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n const radiusVariables = radius.reduce(\n (acc, val, index) =>\n val === undefined\n ? acc\n : {\n ...acc,\n [`--magritte-card-border-radius-${borderSides[index]}`]: `${val}px`,\n },\n {}\n );\n\n return {\n '--magritte-card-border-radius': `${borderRadius}px`,\n ...radiusVariables,\n } as CSSProperties;\n};\n\nconst genPaddingProps = (paddingProps: {\n Left?: CardPadding;\n Right?: CardPadding;\n Top?: CardPadding;\n Bottom?: CardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n {\n Element = 'div',\n stretched = false,\n verticalStretched = false,\n hoverEnabled = false,\n pressEnabled = false,\n shadow = 'level-0',\n increaseShadow = false,\n onClick,\n style = 'primary',\n hoverStyle,\n disabled = false,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n children,\n borderStyle,\n borderWidth = 'none',\n direction,\n ...restProps\n },\n ref\n) => {\n const forceDisabled = useDisabled();\n const activationProps = useCardActivation({\n onClick,\n disabled,\n hasExplicitRole: 'role' in restProps,\n hasExplicitTabIndex: 'tabIndex' in restProps,\n });\n const isPressEnabled = pressEnabled || !!onClick;\n const isHoverEnabled = hoverEnabled || isPressEnabled;\n\n const paddingProps = genPaddingProps({\n Left: paddingLeft ?? padding,\n Right: paddingRight ?? padding,\n Top: paddingTop ?? padding,\n Bottom: paddingBottom ?? padding,\n });\n const radiusProps = genBorderRadiusProp({\n borderRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n });\n\n return (\n <DisabledContext.Provider value={forceDisabled || !!disabled}>\n <Element\n {...restProps}\n {...(ref ? { ref } : {})}\n {...activationProps}\n style={{ ...paddingProps, ...radiusProps }}\n className={classnames(\n styles.card,\n styles[`card-style-${style}`],\n !!hoverStyle && styles[`card-hover-style-${hoverStyle}`],\n !!borderStyle && styles[`card-border-style-${borderStyle}`],\n styles[`card-shadow-${shadow}`],\n {\n [styles.cardStretched]: stretched,\n [styles.cardVerticalStretched]: verticalStretched,\n [styles.cardPressEnabled]: isPressEnabled,\n [styles.cardHoverEnabled]: isHoverEnabled,\n [styles.increaseShadow]: increaseShadow,\n [styles.cardDisabled]: !!disabled,\n [styles.borderSelected]: borderWidth === 'selected',\n [styles.borderDefault]: borderWidth === 'default',\n }\n )}\n >\n <IconDynamic stretched hoverEnabled={isHoverEnabled} pressEnabled={isPressEnabled}>\n <div className={styles.flexContainer}>\n <TextDynamic\n stretched\n className={classnames({\n [styles.layoutVertical]: direction === 'column',\n [styles.layoutHorizontal]: direction === 'row',\n })}\n >\n <CardContext.Provider value={{ direction: direction ?? 'row', borderStyle }}>\n {children}\n </CardContext.Provider>\n </TextDynamic>\n </div>\n </IconDynamic>\n <div className={styles.borderElement} style={radiusProps} />\n </Element>\n </DisabledContext.Provider>\n );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as unknown as PolymorphicComponentWithRef<\n CardProps,\n 'div'\n> & {\n Segment: PolymorphicComponentWithRef<CardSegmentProps, 'div'>;\n Between: FC<PropsWithChildren>;\n};\n\nCardComponent.Segment = CardSegment;\nCardComponent.Between = Between;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,WAAW,GAAG,CAAC,UAAU,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,CAAU,CAAC;AAEtF,MAAM,mBAAmB,GAAG,CAAC,WAM5B,KAAmB;AAChB,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACvE,IAAA,MAAM,YAAY,GAAG,YAAY,GAAG,KAAK,GAAG,WAAW,CAAC,YAAY,CAAC;AACrE,IAAA,MAAM,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,GAChG,MAAM,CAAC,WAAW,CACd,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;SACtB,GAAG,CAAC,CAAC,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC;AACjE,SAAA,MAAM,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAC7B,CAAC;IAE5B,MAAM,MAAM,GAAG,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC,CAAC;AAE5G,IAAA,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CACjC,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KACZ,GAAG,KAAK,SAAS;AACb,UAAE,GAAG;AACL,UAAE;AACI,YAAA,GAAG,GAAG;YACN,CAAC,CAAA,8BAAA,EAAiC,WAAW,CAAC,KAAK,CAAC,EAAE,GAAG,CAAG,EAAA,GAAG,CAAI,EAAA,CAAA;SACtE,EACX,EAAE,CACL,CAAC;IAEF,OAAO;QACH,+BAA+B,EAAE,CAAG,EAAA,YAAY,CAAI,EAAA,CAAA;AACpD,QAAA,GAAG,eAAe;KACJ,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,YAKxB,KACG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,MAAM,CAC/B,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,KAAK,KAAK,SAAS,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC,CAAU,OAAA,EAAA,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EACzF,EAAE,CACL,CAAC;AAEN,MAAM,wBAAwB,GAAsD,CAChF,EACI,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,iBAAiB,GAAG,KAAK,EACzB,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,MAAM,GAAG,SAAS,EAClB,cAAc,GAAG,KAAK,EACtB,OAAO,EACP,KAAK,GAAG,SAAS,EACjB,UAAU,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,CAAC,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,aAAa,EACb,YAAY,GAAG,CAAC,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,uBAAuB,EACvB,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,MAAM,EACpB,SAAS,EACT,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IACpC,MAAM,eAAe,GAAG,iBAAiB,CAAC;QACtC,OAAO;QACP,QAAQ;QACR,eAAe,EAAE,MAAM,IAAI,SAAS;QACpC,mBAAmB,EAAE,UAAU,IAAI,SAAS;AAC/C,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,cAAc,GAAG,YAAY,IAAI,CAAC,CAAC,OAAO,CAAC;AACjD,IAAA,MAAM,cAAc,GAAG,YAAY,IAAI,cAAc,CAAC;IAEtD,MAAM,YAAY,GAAG,eAAe,CAAC;QACjC,IAAI,EAAE,WAAW,IAAI,OAAO;QAC5B,KAAK,EAAE,YAAY,IAAI,OAAO;QAC9B,GAAG,EAAE,UAAU,IAAI,OAAO;QAC1B,MAAM,EAAE,aAAa,IAAI,OAAO;AACnC,KAAA,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,mBAAmB,CAAC;QACpC,YAAY;QACZ,sBAAsB;QACtB,uBAAuB;QACvB,mBAAmB;QACnB,oBAAoB;AACvB,KAAA,CAAC,CAAC;AAEH,IAAA,QACIA,GAAC,CAAA,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,IAAI,CAAC,CAAC,QAAQ,EACxD,QAAA,EAAAC,IAAA,CAAC,OAAO,EACA,EAAA,GAAA,SAAS,MACR,GAAG,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MACnB,eAAe,EACnB,KAAK,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,WAAW,EAAE,EAC1C,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,cAAc,KAAK,CAAA,CAAE,CAAC,EAC7B,CAAC,CAAC,UAAU,IAAI,MAAM,CAAC,CAAA,iBAAA,EAAoB,UAAU,CAAA,CAAE,CAAC,EACxD,CAAC,CAAC,WAAW,IAAI,MAAM,CAAC,CAAA,kBAAA,EAAqB,WAAW,CAAE,CAAA,CAAC,EAC3D,MAAM,CAAC,eAAe,MAAM,CAAA,CAAE,CAAC,EAC/B;AACI,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,SAAS;AACjC,gBAAA,CAAC,MAAM,CAAC,qBAAqB,GAAG,iBAAiB;AACjD,gBAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,cAAc;AACzC,gBAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,cAAc;AACzC,gBAAA,CAAC,MAAM,CAAC,cAAc,GAAG,cAAc;AACvC,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,QAAQ;AACjC,gBAAA,CAAC,MAAM,CAAC,cAAc,GAAG,WAAW,KAAK,UAAU;AACnD,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,WAAW,KAAK,SAAS;AACpD,aAAA,CACJ,EAED,QAAA,EAAA,CAAAD,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAA,IAAA,EAAC,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,EAAA,QAAA,EAC7EA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAChC,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,EACR,SAAS,EAAA,IAAA,EACT,SAAS,EAAE,UAAU,CAAC;AAClB,gCAAA,CAAC,MAAM,CAAC,cAAc,GAAG,SAAS,KAAK,QAAQ;AAC/C,gCAAA,CAAC,MAAM,CAAC,gBAAgB,GAAG,SAAS,KAAK,KAAK;AACjD,6BAAA,CAAC,YAEFA,GAAC,CAAA,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IAAI,KAAK,EAAE,WAAW,EAAE,EACtE,QAAA,EAAA,QAAQ,EACU,CAAA,EAAA,CACb,GACZ,EACI,CAAA,EACdA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,KAAK,EAAE,WAAW,GAAI,CACtD,EAAA,CAAA,EAAA,CACa,EAC7B;AACN,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,wBAAwB,CAMxD,CAAC;AAEF,aAAa,CAAC,OAAO,GAAG,WAAW,CAAC;AACpC,aAAa,CAAC,OAAO,GAAG,OAAO,CAAC;AAEnB,MAAA,IAAI,GAAG,kBAAkB,CAAC,aAAa,EAAE,YAAY;;;;"}
|
package/CardSegment.js
CHANGED
|
@@ -6,7 +6,7 @@ import { DisabledContext } from '@hh.ru/magritte-common-use-disabled';
|
|
|
6
6
|
import { useCardContext, CardContext } from './cardContext.js';
|
|
7
7
|
import { useCardActivation } from './useCardActivation.js';
|
|
8
8
|
import { Flex } from '@hh.ru/magritte-ui-layout';
|
|
9
|
-
import { s as styles } from './card-
|
|
9
|
+
import { s as styles } from './card-CXOxKkSf.js';
|
|
10
10
|
import '@hh.ru/magritte-common-keyboard';
|
|
11
11
|
import '@hh.ru/magritte-common-mouse';
|
|
12
12
|
|
package/card-CXOxKkSf.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
var styles = {"card":"magritte-card___bhGKz_8-6-0","card-segment":"magritte-card-segment___7LjJe_8-6-0","cardSegment":"magritte-card-segment___7LjJe_8-6-0","layout-vertical":"magritte-layout-vertical___9V-h-_8-6-0","layoutVertical":"magritte-layout-vertical___9V-h-_8-6-0","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-6-0","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-6-0","border-element":"magritte-border-element___x7sZL_8-6-0","borderElement":"magritte-border-element___x7sZL_8-6-0","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-6-0","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-6-0","interactive":"magritte-interactive___rmhl9_8-6-0","press-enabled":"magritte-press-enabled___dc53v_8-6-0","pressEnabled":"magritte-press-enabled___dc53v_8-6-0","card-disabled":"magritte-card-disabled___SMFnB_8-6-0","cardDisabled":"magritte-card-disabled___SMFnB_8-6-0","segment-disabled":"magritte-segment-disabled___FlWSu_8-6-0","segmentDisabled":"magritte-segment-disabled___FlWSu_8-6-0","card-stretched":"magritte-card-stretched___0Uc0J_8-6-0","cardStretched":"magritte-card-stretched___0Uc0J_8-6-0","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-6-0","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-6-0","border-selected":"magritte-border-selected___bGxVg_8-6-0","borderSelected":"magritte-border-selected___bGxVg_8-6-0","border-default":"magritte-border-default___eT8Lg_8-6-0","borderDefault":"magritte-border-default___eT8Lg_8-6-0","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-6-0","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-6-0","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-6-0","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-6-0","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-6-0","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-6-0","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-6-0","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-6-0","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-6-0","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-6-0","increase-shadow":"magritte-increase-shadow___Lvfmm_8-6-0","increaseShadow":"magritte-increase-shadow___Lvfmm_8-6-0","card-style-primary":"magritte-card-style-primary___eZ6aX_8-6-0","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-6-0","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-6-0","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-6-0","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-6-0","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-6-0","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-6-0","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-6-0","card-style-accent":"magritte-card-style-accent___Gd2T5_8-6-0","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-6-0","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-6-0","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-6-0","card-style-positive":"magritte-card-style-positive___4sgFq_8-6-0","cardStylePositive":"magritte-card-style-positive___4sgFq_8-6-0","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-6-0","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-6-0","card-style-negative":"magritte-card-style-negative___Fk6xX_8-6-0","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-6-0","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-6-0","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-6-0","card-style-warning":"magritte-card-style-warning___NIuCV_8-6-0","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-6-0","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-6-0","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-6-0","card-style-special":"magritte-card-style-special___GOdvY_8-6-0","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-6-0","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-6-0","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-6-0","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-6-0","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-6-0","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-6-0","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-6-0","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-6-0","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-6-0","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-6-0","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-6-0","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-6-0","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-6-0","card-style-body":"magritte-card-style-body___TNxld_8-6-0","cardStyleBody":"magritte-card-style-body___TNxld_8-6-0","card-style-overlay":"magritte-card-style-overlay___urh3T_8-6-0","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-6-0","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-6-0","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-6-0","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-6-0","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-6-0","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-6-0","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-6-0","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-6-0","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-6-0","card-style-constant":"magritte-card-style-constant___UluNp_8-6-0","cardStyleConstant":"magritte-card-style-constant___UluNp_8-6-0","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-6-0","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-6-0","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-6-0","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-6-0","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-6-0","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-6-0","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-6-0","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-6-0","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-6-0","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-6-0","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-6-0","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-6-0","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-6-0","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-6-0","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-6-0","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-6-0","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-6-0","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-6-0","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-6-0","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-6-0","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-6-0","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-6-0","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-6-0","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-6-0","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-6-0","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-6-0","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-6-0","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-6-0","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-6-0","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-6-0","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-6-0","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-6-0","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-6-0","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-6-0","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-6-0","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-6-0","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-6-0","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-6-0","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-6-0","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-6-0","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-6-0","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-6-0","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-6-0","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-6-0","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-6-0","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-6-0","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-6-0","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-6-0","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-6-0","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-6-0","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-6-0","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-6-0","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-6-0","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-6-0","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-6-0","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-6-0","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-6-0","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-6-0","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-6-0","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-6-0","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-6-0","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-6-0","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-6-0","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-6-0","flex-container":"magritte-flex-container___CVFEY_8-6-0","flexContainer":"magritte-flex-container___CVFEY_8-6-0","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-6-0","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-6-0","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-6-0","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-6-0","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-6-0","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-6-0","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-6-0","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-6-0","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-6-0","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-6-0","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-6-0","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-6-0","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-6-0","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-6-0","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-6-0","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-6-0","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-6-0","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-6-0","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-6-0","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-6-0","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-6-0","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-6-0","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-6-0","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-6-0","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-6-0","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-6-0","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-6-0","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-6-0","between":"magritte-between___kuRsE_8-6-0"};
|
|
3
|
+
|
|
4
|
+
export { styles as s };
|
|
5
|
+
//# sourceMappingURL=card-CXOxKkSf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-CXOxKkSf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/index.css
CHANGED
|
@@ -321,7 +321,7 @@
|
|
|
321
321
|
--magritte-color-stroke-state-accent-pressed-v24-8-0:#618096;
|
|
322
322
|
--magritte-color-stroke-state-warning-pressed-v24-8-0:#D78009;
|
|
323
323
|
}
|
|
324
|
-
.magritte-card___bhGKz_8-
|
|
324
|
+
.magritte-card___bhGKz_8-6-0{
|
|
325
325
|
display:inline-flex;
|
|
326
326
|
position:relative;
|
|
327
327
|
box-sizing:border-box;
|
|
@@ -360,582 +360,582 @@
|
|
|
360
360
|
--magritte-ui-table-border-radius-bottom-left:var(--magritte-card-border-radius-bottom-left, var(--magritte-card-border-radius, 0));
|
|
361
361
|
--magritte-ui-table-border-radius-bottom-right:var(--magritte-card-border-radius-bottom-right, var(--magritte-card-border-radius, 0));
|
|
362
362
|
}
|
|
363
|
-
.magritte-card-segment___7LjJe_8-
|
|
363
|
+
.magritte-card-segment___7LjJe_8-6-0:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0)):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
364
364
|
--magritte-card-border-radius-top-left:0;
|
|
365
365
|
--magritte-card-border-radius-top-right:0;
|
|
366
366
|
--magritte-card-border-radius-bottom-left:0;
|
|
367
367
|
--magritte-card-border-radius-bottom-right:0;
|
|
368
368
|
}
|
|
369
|
-
.magritte-layout-vertical___9V-h-_8-
|
|
369
|
+
.magritte-layout-vertical___9V-h-_8-6-0{
|
|
370
370
|
display:inline-flex;
|
|
371
371
|
flex-direction:column;
|
|
372
372
|
}
|
|
373
|
-
.magritte-layout-vertical___9V-h-_8-
|
|
373
|
+
.magritte-layout-vertical___9V-h-_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
374
374
|
--magritte-card-segment-border-shadow-top:inset 0 0 0 0 transparent;
|
|
375
375
|
}
|
|
376
|
-
.magritte-layout-vertical___9V-h-_8-
|
|
376
|
+
.magritte-layout-vertical___9V-h-_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
377
377
|
--magritte-card-border-radius-bottom-left:0;
|
|
378
378
|
--magritte-card-border-radius-bottom-right:0;
|
|
379
379
|
}
|
|
380
|
-
.magritte-layout-vertical___9V-h-_8-
|
|
380
|
+
.magritte-layout-vertical___9V-h-_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
381
381
|
--magritte-card-segment-border-shadow-bottom:inset 0 0 0 0 transparent;
|
|
382
382
|
}
|
|
383
|
-
.magritte-layout-vertical___9V-h-_8-
|
|
383
|
+
.magritte-layout-vertical___9V-h-_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
384
384
|
--magritte-card-border-radius-top-left:0;
|
|
385
385
|
--magritte-card-border-radius-top-right:0;
|
|
386
386
|
}
|
|
387
|
-
.magritte-layout-vertical___9V-h-_8-
|
|
387
|
+
.magritte-layout-vertical___9V-h-_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0):nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0){
|
|
388
388
|
box-shadow:var(--magritte-card-border-shadow);
|
|
389
389
|
}
|
|
390
|
-
.magritte-layout-horizontal___HUAK3_8-
|
|
390
|
+
.magritte-layout-horizontal___HUAK3_8-6-0{
|
|
391
391
|
display:inline-flex;
|
|
392
392
|
flex-direction:row;
|
|
393
393
|
}
|
|
394
|
-
.magritte-layout-horizontal___HUAK3_8-
|
|
394
|
+
.magritte-layout-horizontal___HUAK3_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
395
395
|
--magritte-card-segment-border-shadow-left:inset 0 0 0 0 transparent;
|
|
396
396
|
}
|
|
397
|
-
.magritte-layout-horizontal___HUAK3_8-
|
|
397
|
+
.magritte-layout-horizontal___HUAK3_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0):not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
398
398
|
--magritte-card-border-radius-bottom-right:0;
|
|
399
399
|
--magritte-card-border-radius-top-right:0;
|
|
400
400
|
}
|
|
401
|
-
.magritte-layout-horizontal___HUAK3_8-
|
|
401
|
+
.magritte-layout-horizontal___HUAK3_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:not(:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
402
402
|
--magritte-card-segment-border-shadow-right:inset 0 0 0 0 transparent;
|
|
403
403
|
}
|
|
404
|
-
.magritte-layout-horizontal___HUAK3_8-
|
|
404
|
+
.magritte-layout-horizontal___HUAK3_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0):not(:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0)){
|
|
405
405
|
--magritte-card-border-radius-bottom-left:0;
|
|
406
406
|
--magritte-card-border-radius-top-left:0;
|
|
407
407
|
}
|
|
408
|
-
.magritte-layout-horizontal___HUAK3_8-
|
|
408
|
+
.magritte-layout-horizontal___HUAK3_8-6-0 > .magritte-card-segment___7LjJe_8-6-0:nth-child(1 of .magritte-card-segment___7LjJe_8-6-0):nth-last-child(1 of .magritte-card-segment___7LjJe_8-6-0){
|
|
409
409
|
box-shadow:var(--magritte-card-border-shadow);
|
|
410
410
|
}
|
|
411
|
-
.magritte-border-element___x7sZL_8-
|
|
411
|
+
.magritte-border-element___x7sZL_8-6-0{
|
|
412
412
|
position:absolute;
|
|
413
413
|
inset:0;
|
|
414
414
|
pointer-events:none;
|
|
415
415
|
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));
|
|
416
416
|
box-shadow:var(--magritte-card-border-shadow);
|
|
417
417
|
}
|
|
418
|
-
.magritte-card___bhGKz_8-
|
|
419
|
-
.magritte-card-segment___7LjJe_8-
|
|
418
|
+
.magritte-card___bhGKz_8-6-0.focus-visible,
|
|
419
|
+
.magritte-card-segment___7LjJe_8-6-0.focus-visible{
|
|
420
420
|
outline:var(--magritte-color-stroke-state-focused-accessible-v24-8-0) solid 4px;
|
|
421
421
|
}
|
|
422
|
-
.magritte-card-press-enabled___kXfCl_8-
|
|
423
|
-
.magritte-card-press-enabled___kXfCl_8-
|
|
424
|
-
.magritte-card-segment___7LjJe_8-
|
|
422
|
+
.magritte-card-press-enabled___kXfCl_8-6-0:not(:has(.magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0)),
|
|
423
|
+
.magritte-card-press-enabled___kXfCl_8-6-0 .magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0,
|
|
424
|
+
.magritte-card-segment___7LjJe_8-6-0.magritte-press-enabled___dc53v_8-6-0{
|
|
425
425
|
cursor:pointer;
|
|
426
426
|
}
|
|
427
|
-
.magritte-card-disabled___SMFnB_8-
|
|
428
|
-
.magritte-card-disabled___SMFnB_8-
|
|
429
|
-
.magritte-card-segment___7LjJe_8-
|
|
427
|
+
.magritte-card-disabled___SMFnB_8-6-0,
|
|
428
|
+
.magritte-card-disabled___SMFnB_8-6-0 .magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0,
|
|
429
|
+
.magritte-card-segment___7LjJe_8-6-0.magritte-segment-disabled___FlWSu_8-6-0{
|
|
430
430
|
cursor:default;
|
|
431
431
|
}
|
|
432
|
-
.magritte-card___bhGKz_8-
|
|
432
|
+
.magritte-card___bhGKz_8-6-0 .magritte-card___bhGKz_8-6-0{
|
|
433
433
|
--magritte-card-border-color:var(--magritte-color-stroke-neutral-v24-8-0);
|
|
434
434
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-0);
|
|
435
435
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v24-8-0);
|
|
436
436
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v24-8-0);
|
|
437
437
|
}
|
|
438
|
-
.magritte-card-stretched___0Uc0J_8-
|
|
438
|
+
.magritte-card-stretched___0Uc0J_8-6-0{
|
|
439
439
|
width:100%;
|
|
440
440
|
}
|
|
441
|
-
.magritte-card-vertical-stretched___Lrxmc_8-
|
|
441
|
+
.magritte-card-vertical-stretched___Lrxmc_8-6-0{
|
|
442
442
|
height:100%;
|
|
443
443
|
}
|
|
444
|
-
.magritte-card___bhGKz_8-
|
|
445
|
-
.magritte-card___bhGKz_8-
|
|
444
|
+
.magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0,
|
|
445
|
+
.magritte-card___bhGKz_8-6-0.magritte-border-default___eT8Lg_8-6-0{
|
|
446
446
|
--magritte-card-border-shadow-width:1px;
|
|
447
447
|
--magritte-card-border-shadow-color:var(--magritte-card-border-color);
|
|
448
448
|
}
|
|
449
|
-
.magritte-card___bhGKz_8-
|
|
450
|
-
.magritte-card___bhGKz_8-
|
|
449
|
+
.magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0.magritte-card-disabled___SMFnB_8-6-0,
|
|
450
|
+
.magritte-card___bhGKz_8-6-0.magritte-border-default___eT8Lg_8-6-0.magritte-card-disabled___SMFnB_8-6-0{
|
|
451
451
|
--magritte-card-border-shadow-color:var(--magritte-card-disabled-border-color);
|
|
452
452
|
}
|
|
453
453
|
@media (min-width: 1020px){
|
|
454
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
455
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
456
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
457
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
454
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0):not(.magritte-card-press-enabled___kXfCl_8-6-0),
|
|
455
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0.magritte-border-default___eT8Lg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0):not(.magritte-card-press-enabled___kXfCl_8-6-0),
|
|
456
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0).magritte-card-press-enabled___kXfCl_8-6-0:not(:active),
|
|
457
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0.magritte-border-default___eT8Lg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0).magritte-card-press-enabled___kXfCl_8-6-0:not(:active){
|
|
458
458
|
--magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
|
|
459
459
|
}
|
|
460
460
|
}
|
|
461
461
|
@media (min-width: 1024px){
|
|
462
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
463
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
464
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
465
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
462
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0):not(.magritte-card-press-enabled___kXfCl_8-6-0),
|
|
463
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0.magritte-border-default___eT8Lg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0):not(.magritte-card-press-enabled___kXfCl_8-6-0),
|
|
464
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0).magritte-card-press-enabled___kXfCl_8-6-0:not(:active),
|
|
465
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0.magritte-border-default___eT8Lg_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0).magritte-card-press-enabled___kXfCl_8-6-0:not(:active){
|
|
466
466
|
--magritte-card-border-shadow-color:var(--magritte-card-hovered-border-color);
|
|
467
467
|
}
|
|
468
468
|
}
|
|
469
|
-
.magritte-card___bhGKz_8-
|
|
470
|
-
.magritte-card___bhGKz_8-
|
|
469
|
+
.magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:active:not(.magritte-card-disabled___SMFnB_8-6-0),
|
|
470
|
+
.magritte-card___bhGKz_8-6-0.magritte-border-default___eT8Lg_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:active:not(.magritte-card-disabled___SMFnB_8-6-0){
|
|
471
471
|
--magritte-card-border-shadow-color:var(--magritte-card-active-border-color);
|
|
472
472
|
}
|
|
473
|
-
.magritte-card___bhGKz_8-
|
|
473
|
+
.magritte-card___bhGKz_8-6-0.magritte-border-selected___bGxVg_8-6-0{
|
|
474
474
|
--magritte-card-border-shadow-width:2px;
|
|
475
475
|
}
|
|
476
|
-
.magritte-card___bhGKz_8-
|
|
476
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-shadow-level-3___R34TB_8-6-0{
|
|
477
477
|
--magritte-card-shadow:var(--magritte-shadow-level-3-x-v24-8-0) var(--magritte-shadow-level-3-y-v24-8-0) var(--magritte-shadow-level-3-blur-v24-8-0) var(--magritte-shadow-level-3-spread-v24-8-0) var(--magritte-shadow-level-3-color-v24-8-0);
|
|
478
478
|
--magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v24-8-0) var(--magritte-shadow-level-3-y-v24-8-0) var(--magritte-shadow-level-3-blur-v24-8-0) var(--magritte-shadow-level-3-spread-v24-8-0) var(--magritte-shadow-level-3-color-v24-8-0);
|
|
479
479
|
}
|
|
480
|
-
.magritte-card___bhGKz_8-
|
|
480
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-shadow-level-2___BgHDx_8-6-0{
|
|
481
481
|
--magritte-card-shadow:var(--magritte-shadow-level-2-x-v24-8-0) var(--magritte-shadow-level-2-y-v24-8-0) var(--magritte-shadow-level-2-blur-v24-8-0) var(--magritte-shadow-level-2-spread-v24-8-0) var(--magritte-shadow-level-2-color-v24-8-0);
|
|
482
482
|
--magritte-card-interaction-shadow:var(--magritte-shadow-level-3-x-v24-8-0) var(--magritte-shadow-level-3-y-v24-8-0) var(--magritte-shadow-level-3-blur-v24-8-0) var(--magritte-shadow-level-3-spread-v24-8-0) var(--magritte-shadow-level-3-color-v24-8-0);
|
|
483
483
|
}
|
|
484
|
-
.magritte-card___bhGKz_8-
|
|
484
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-shadow-level-1___8-39e_8-6-0{
|
|
485
485
|
--magritte-card-shadow:var(--magritte-shadow-level-1-x-v24-8-0) var(--magritte-shadow-level-1-y-v24-8-0) var(--magritte-shadow-level-1-blur-v24-8-0) var(--magritte-shadow-level-1-spread-v24-8-0) var(--magritte-shadow-level-1-color-v24-8-0);
|
|
486
486
|
--magritte-card-interaction-shadow:var(--magritte-shadow-level-2-x-v24-8-0) var(--magritte-shadow-level-2-y-v24-8-0) var(--magritte-shadow-level-2-blur-v24-8-0) var(--magritte-shadow-level-2-spread-v24-8-0) var(--magritte-shadow-level-2-color-v24-8-0);
|
|
487
487
|
}
|
|
488
|
-
.magritte-card___bhGKz_8-
|
|
488
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-shadow-level-0___RNbQK_8-6-0{
|
|
489
489
|
--magritte-card-shadow:var(--magritte-shadow-level-0-x-v24-8-0) var(--magritte-shadow-level-0-y-v24-8-0) var(--magritte-shadow-level-0-blur-v24-8-0) var(--magritte-shadow-level-0-spread-v24-8-0) var(--magritte-shadow-level-0-color-v24-8-0);
|
|
490
490
|
--magritte-card-interaction-shadow:var(--magritte-shadow-level-1-x-v24-8-0) var(--magritte-shadow-level-1-y-v24-8-0) var(--magritte-shadow-level-1-blur-v24-8-0) var(--magritte-shadow-level-1-spread-v24-8-0) var(--magritte-shadow-level-1-color-v24-8-0);
|
|
491
491
|
}
|
|
492
492
|
@media (min-width: 1020px){
|
|
493
|
-
body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-
|
|
493
|
+
body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0){
|
|
494
494
|
--magritte-card-shadow:var(--magritte-card-interaction-shadow);
|
|
495
495
|
}
|
|
496
|
-
body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-
|
|
496
|
+
body.magritte-old-layout .magritte-increase-shadow___Lvfmm_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:active:not(.magritte-card-disabled___SMFnB_8-6-0){
|
|
497
497
|
--magritte-card-shadow:var(--magritte-card-interaction-shadow);
|
|
498
498
|
}
|
|
499
499
|
}
|
|
500
500
|
@media (min-width: 1024px){
|
|
501
|
-
body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-
|
|
501
|
+
body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0){
|
|
502
502
|
--magritte-card-shadow:var(--magritte-card-interaction-shadow);
|
|
503
503
|
}
|
|
504
|
-
body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-
|
|
504
|
+
body:not(.magritte-old-layout) .magritte-increase-shadow___Lvfmm_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:active:not(.magritte-card-disabled___SMFnB_8-6-0){
|
|
505
505
|
--magritte-card-shadow:var(--magritte-card-interaction-shadow);
|
|
506
506
|
}
|
|
507
507
|
}
|
|
508
|
-
.magritte-card-segment___7LjJe_8-
|
|
508
|
+
.magritte-card-segment___7LjJe_8-6-0{
|
|
509
509
|
background:none;
|
|
510
510
|
z-index:0;
|
|
511
511
|
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));
|
|
512
512
|
box-shadow:var(--magritte-card-segment-border-shadow-top), var(--magritte-card-segment-border-shadow-bottom), var(--magritte-card-segment-border-shadow-left), var(--magritte-card-segment-border-shadow-right);
|
|
513
513
|
}
|
|
514
|
-
.magritte-card-segment___7LjJe_8-
|
|
514
|
+
.magritte-card-segment___7LjJe_8-6-0 > *{
|
|
515
515
|
flex:none;
|
|
516
516
|
min-block-size:0;
|
|
517
517
|
}
|
|
518
|
-
.magritte-card-segment___7LjJe_8-
|
|
519
|
-
.magritte-card-segment___7LjJe_8-
|
|
518
|
+
.magritte-card-segment___7LjJe_8-6-0.focus-visible,
|
|
519
|
+
.magritte-card-segment___7LjJe_8-6-0:has(.magritte-card-segment___7LjJe_8-6-0.focus-visible){
|
|
520
520
|
z-index:1;
|
|
521
521
|
}
|
|
522
|
-
.magritte-card-style-primary___eZ6aX_8-
|
|
522
|
+
.magritte-card-style-primary___eZ6aX_8-6-0{
|
|
523
523
|
--magritte-card-bg:var(--magritte-color-background-primary-v24-8-0);
|
|
524
524
|
--magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v24-8-0);
|
|
525
525
|
--magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v24-8-0);
|
|
526
526
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-primary-disabled-v24-8-0);
|
|
527
527
|
}
|
|
528
|
-
.magritte-card-style-secondary___VmTqm_8-
|
|
528
|
+
.magritte-card-style-secondary___VmTqm_8-6-0{
|
|
529
529
|
--magritte-card-bg:var(--magritte-color-background-secondary-v24-8-0);
|
|
530
530
|
--magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v24-8-0);
|
|
531
531
|
--magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v24-8-0);
|
|
532
532
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-secondary-disabled-v24-8-0);
|
|
533
533
|
}
|
|
534
|
-
.magritte-card-style-tertiary___fE-jW_8-
|
|
534
|
+
.magritte-card-style-tertiary___fE-jW_8-6-0{
|
|
535
535
|
--magritte-card-bg:var(--magritte-color-background-tertiary-v24-8-0);
|
|
536
536
|
--magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v24-8-0);
|
|
537
537
|
--magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v24-8-0);
|
|
538
538
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-tertiary-disabled-v24-8-0);
|
|
539
539
|
}
|
|
540
|
-
.magritte-card-style-accent-secondary___Ra0PD_8-
|
|
540
|
+
.magritte-card-style-accent-secondary___Ra0PD_8-6-0{
|
|
541
541
|
--magritte-card-bg:var(--magritte-color-background-accent-secondary-v24-8-0);
|
|
542
542
|
--magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v24-8-0);
|
|
543
543
|
--magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v24-8-0);
|
|
544
544
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-accent-secondary-disabled-v24-8-0);
|
|
545
545
|
}
|
|
546
|
-
.magritte-card-style-accent___Gd2T5_8-
|
|
546
|
+
.magritte-card-style-accent___Gd2T5_8-6-0{
|
|
547
547
|
--magritte-card-bg:var(--magritte-color-background-accent-v24-8-0);
|
|
548
548
|
--magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v24-8-0);
|
|
549
549
|
--magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v24-8-0);
|
|
550
550
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-accent-disabled-v24-8-0);
|
|
551
551
|
}
|
|
552
|
-
.magritte-card-style-positive-secondary___BsXFI_8-
|
|
552
|
+
.magritte-card-style-positive-secondary___BsXFI_8-6-0{
|
|
553
553
|
--magritte-card-bg:var(--magritte-color-background-positive-secondary-v24-8-0);
|
|
554
554
|
--magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v24-8-0);
|
|
555
555
|
--magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v24-8-0);
|
|
556
556
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-positive-secondary-disabled-v24-8-0);
|
|
557
557
|
}
|
|
558
|
-
.magritte-card-style-positive___4sgFq_8-
|
|
558
|
+
.magritte-card-style-positive___4sgFq_8-6-0{
|
|
559
559
|
--magritte-card-bg:var(--magritte-color-background-positive-v24-8-0);
|
|
560
560
|
--magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v24-8-0);
|
|
561
561
|
--magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v24-8-0);
|
|
562
562
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-positive-disabled-v24-8-0);
|
|
563
563
|
}
|
|
564
|
-
.magritte-card-style-negative-secondary___lN7i3_8-
|
|
564
|
+
.magritte-card-style-negative-secondary___lN7i3_8-6-0{
|
|
565
565
|
--magritte-card-bg:var(--magritte-color-background-negative-secondary-v24-8-0);
|
|
566
566
|
--magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v24-8-0);
|
|
567
567
|
--magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v24-8-0);
|
|
568
568
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-negative-secondary-disabled-v24-8-0);
|
|
569
569
|
}
|
|
570
|
-
.magritte-card-style-negative___Fk6xX_8-
|
|
570
|
+
.magritte-card-style-negative___Fk6xX_8-6-0{
|
|
571
571
|
--magritte-card-bg:var(--magritte-color-background-negative-v24-8-0);
|
|
572
572
|
--magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v24-8-0);
|
|
573
573
|
--magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v24-8-0);
|
|
574
574
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-negative-disabled-v24-8-0);
|
|
575
575
|
}
|
|
576
|
-
.magritte-card-style-warning-secondary___m2Hpa_8-
|
|
576
|
+
.magritte-card-style-warning-secondary___m2Hpa_8-6-0{
|
|
577
577
|
--magritte-card-bg:var(--magritte-color-background-warning-secondary-v24-8-0);
|
|
578
578
|
--magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v24-8-0);
|
|
579
579
|
--magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v24-8-0);
|
|
580
580
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-warning-secondary-disabled-v24-8-0);
|
|
581
581
|
}
|
|
582
|
-
.magritte-card-style-warning___NIuCV_8-
|
|
582
|
+
.magritte-card-style-warning___NIuCV_8-6-0{
|
|
583
583
|
--magritte-card-bg:var(--magritte-color-background-warning-v24-8-0);
|
|
584
584
|
--magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v24-8-0);
|
|
585
585
|
--magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v24-8-0);
|
|
586
586
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-warning-disabled-v24-8-0);
|
|
587
587
|
}
|
|
588
|
-
.magritte-card-style-special-secondary___oVULE_8-
|
|
588
|
+
.magritte-card-style-special-secondary___oVULE_8-6-0{
|
|
589
589
|
--magritte-card-bg:var(--magritte-color-background-special-secondary-v24-8-0);
|
|
590
590
|
--magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v24-8-0);
|
|
591
591
|
--magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v24-8-0);
|
|
592
592
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-special-secondary-disabled-v24-8-0);
|
|
593
593
|
}
|
|
594
|
-
.magritte-card-style-special___GOdvY_8-
|
|
594
|
+
.magritte-card-style-special___GOdvY_8-6-0{
|
|
595
595
|
--magritte-card-bg:var(--magritte-color-background-special-v24-8-0);
|
|
596
596
|
--magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v24-8-0);
|
|
597
597
|
--magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v24-8-0);
|
|
598
598
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-special-disabled-v24-8-0);
|
|
599
599
|
}
|
|
600
|
-
.magritte-card-style-dreamy-secondary___8Wu4Z_8-
|
|
600
|
+
.magritte-card-style-dreamy-secondary___8Wu4Z_8-6-0{
|
|
601
601
|
--magritte-card-bg:var(--magritte-color-background-dreamy-secondary-v24-8-0);
|
|
602
602
|
--magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v24-8-0);
|
|
603
603
|
--magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v24-8-0);
|
|
604
604
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-secondary-disabled-v24-8-0);
|
|
605
605
|
}
|
|
606
|
-
.magritte-card-style-dreamy___-Az0l_8-
|
|
606
|
+
.magritte-card-style-dreamy___-Az0l_8-6-0{
|
|
607
607
|
--magritte-card-bg:var(--magritte-color-background-dreamy-v24-8-0);
|
|
608
608
|
--magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v24-8-0);
|
|
609
609
|
--magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v24-8-0);
|
|
610
610
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-dreamy-disabled-v24-8-0);
|
|
611
611
|
}
|
|
612
|
-
.magritte-card-style-lovely-secondary___feuo0_8-
|
|
612
|
+
.magritte-card-style-lovely-secondary___feuo0_8-6-0{
|
|
613
613
|
--magritte-card-bg:var(--magritte-color-background-lovely-secondary-v24-8-0);
|
|
614
614
|
--magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v24-8-0);
|
|
615
615
|
--magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v24-8-0);
|
|
616
616
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-secondary-disabled-v24-8-0);
|
|
617
617
|
}
|
|
618
|
-
.magritte-card-style-lovely___fPKUi_8-
|
|
618
|
+
.magritte-card-style-lovely___fPKUi_8-6-0{
|
|
619
619
|
--magritte-card-bg:var(--magritte-color-background-lovely-v24-8-0);
|
|
620
620
|
--magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v24-8-0);
|
|
621
621
|
--magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v24-8-0);
|
|
622
622
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-lovely-disabled-v24-8-0);
|
|
623
623
|
}
|
|
624
|
-
.magritte-card-style-vivid-secondary___yqwVy_8-
|
|
624
|
+
.magritte-card-style-vivid-secondary___yqwVy_8-6-0{
|
|
625
625
|
--magritte-card-bg:var(--magritte-color-background-vivid-secondary-v24-8-0);
|
|
626
626
|
--magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v24-8-0);
|
|
627
627
|
--magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v24-8-0);
|
|
628
628
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-secondary-disabled-v24-8-0);
|
|
629
629
|
}
|
|
630
|
-
.magritte-card-style-vivid___pmSCz_8-
|
|
630
|
+
.magritte-card-style-vivid___pmSCz_8-6-0{
|
|
631
631
|
--magritte-card-bg:var(--magritte-color-background-vivid-v24-8-0);
|
|
632
632
|
--magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v24-8-0);
|
|
633
633
|
--magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v24-8-0);
|
|
634
634
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-vivid-disabled-v24-8-0);
|
|
635
635
|
}
|
|
636
|
-
.magritte-card-style-body___TNxld_8-
|
|
636
|
+
.magritte-card-style-body___TNxld_8-6-0{
|
|
637
637
|
--magritte-card-bg:var(--magritte-color-background-body-v24-8-0);
|
|
638
638
|
--magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v24-8-0);
|
|
639
639
|
--magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v24-8-0);
|
|
640
640
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-body-disabled-v24-8-0);
|
|
641
641
|
}
|
|
642
|
-
.magritte-card-style-overlay___urh3T_8-
|
|
642
|
+
.magritte-card-style-overlay___urh3T_8-6-0{
|
|
643
643
|
--magritte-card-bg:var(--magritte-color-background-overlay-v24-8-0);
|
|
644
644
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v24-8-0);
|
|
645
645
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v24-8-0);
|
|
646
646
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-disabled-v24-8-0);
|
|
647
647
|
}
|
|
648
|
-
.magritte-card-style-overlay-action___-jVWT_8-
|
|
648
|
+
.magritte-card-style-overlay-action___-jVWT_8-6-0{
|
|
649
649
|
--magritte-card-bg:var(--magritte-color-background-overlay-action-v24-8-0);
|
|
650
650
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v24-8-0);
|
|
651
651
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v24-8-0);
|
|
652
652
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-action-disabled-v24-8-0);
|
|
653
653
|
}
|
|
654
|
-
.magritte-card-style-overlay-viewer___TdHGx_8-
|
|
654
|
+
.magritte-card-style-overlay-viewer___TdHGx_8-6-0{
|
|
655
655
|
--magritte-card-bg:var(--magritte-color-background-overlay-viewer-v24-8-0);
|
|
656
656
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v24-8-0);
|
|
657
657
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v24-8-0);
|
|
658
658
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-viewer-disabled-v24-8-0);
|
|
659
659
|
}
|
|
660
|
-
.magritte-card-style-overlay-toolbar___KWyFM_8-
|
|
660
|
+
.magritte-card-style-overlay-toolbar___KWyFM_8-6-0{
|
|
661
661
|
--magritte-card-bg:var(--magritte-color-background-overlay-toolbar-v24-8-0);
|
|
662
662
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v24-8-0);
|
|
663
663
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v24-8-0);
|
|
664
664
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-overlay-toolbar-disabled-v24-8-0);
|
|
665
665
|
}
|
|
666
|
-
.magritte-card-style-transparent___1h3h6_8-
|
|
666
|
+
.magritte-card-style-transparent___1h3h6_8-6-0{
|
|
667
667
|
--magritte-card-bg:var(--magritte-color-background-transparent-v24-8-0);
|
|
668
668
|
--magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v24-8-0);
|
|
669
669
|
--magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v24-8-0);
|
|
670
670
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-transparent-disabled-v24-8-0);
|
|
671
671
|
}
|
|
672
|
-
.magritte-card-style-constant___UluNp_8-
|
|
672
|
+
.magritte-card-style-constant___UluNp_8-6-0{
|
|
673
673
|
--magritte-card-bg:var(--magritte-color-background-constant-v24-8-0);
|
|
674
674
|
--magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v24-8-0);
|
|
675
675
|
--magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v24-8-0);
|
|
676
676
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-constant-disabled-v24-8-0);
|
|
677
677
|
}
|
|
678
|
-
.magritte-card-style-constant-secondary___5HctC_8-
|
|
678
|
+
.magritte-card-style-constant-secondary___5HctC_8-6-0{
|
|
679
679
|
--magritte-card-bg:var(--magritte-color-background-constant-secondary-v24-8-0);
|
|
680
680
|
--magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v24-8-0);
|
|
681
681
|
--magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v24-8-0);
|
|
682
682
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-constant-secondary-disabled-v24-8-0);
|
|
683
683
|
}
|
|
684
|
-
.magritte-card-style-inverse___HWOHp_8-
|
|
684
|
+
.magritte-card-style-inverse___HWOHp_8-6-0{
|
|
685
685
|
--magritte-card-bg:var(--magritte-color-background-inverse-v24-8-0);
|
|
686
686
|
--magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v24-8-0);
|
|
687
687
|
--magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v24-8-0);
|
|
688
688
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-disabled-v24-8-0);
|
|
689
689
|
}
|
|
690
|
-
.magritte-card-style-inverse-secondary___3EIdn_8-
|
|
690
|
+
.magritte-card-style-inverse-secondary___3EIdn_8-6-0{
|
|
691
691
|
--magritte-card-bg:var(--magritte-color-background-inverse-secondary-v24-8-0);
|
|
692
692
|
--magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v24-8-0);
|
|
693
693
|
--magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v24-8-0);
|
|
694
694
|
--magritte-card-disabled-bg:var(--magritte-color-background-state-inverse-secondary-disabled-v24-8-0);
|
|
695
695
|
}
|
|
696
|
-
.magritte-card-hover-style-primary___VgPLn_8-
|
|
696
|
+
.magritte-card-hover-style-primary___VgPLn_8-6-0{
|
|
697
697
|
--magritte-card-hover-bg:var(--magritte-color-background-state-primary-hovered-v24-8-0);
|
|
698
698
|
--magritte-card-press-bg:var(--magritte-color-background-state-primary-pressed-v24-8-0);
|
|
699
699
|
}
|
|
700
|
-
.magritte-card-hover-style-secondary___NQCxT_8-
|
|
700
|
+
.magritte-card-hover-style-secondary___NQCxT_8-6-0{
|
|
701
701
|
--magritte-card-hover-bg:var(--magritte-color-background-state-secondary-hovered-v24-8-0);
|
|
702
702
|
--magritte-card-press-bg:var(--magritte-color-background-state-secondary-pressed-v24-8-0);
|
|
703
703
|
}
|
|
704
|
-
.magritte-card-hover-style-tertiary___Hrgqb_8-
|
|
704
|
+
.magritte-card-hover-style-tertiary___Hrgqb_8-6-0{
|
|
705
705
|
--magritte-card-hover-bg:var(--magritte-color-background-state-tertiary-hovered-v24-8-0);
|
|
706
706
|
--magritte-card-press-bg:var(--magritte-color-background-state-tertiary-pressed-v24-8-0);
|
|
707
707
|
}
|
|
708
|
-
.magritte-card-hover-style-accent-secondary___o5URO_8-
|
|
708
|
+
.magritte-card-hover-style-accent-secondary___o5URO_8-6-0{
|
|
709
709
|
--magritte-card-hover-bg:var(--magritte-color-background-state-accent-secondary-hovered-v24-8-0);
|
|
710
710
|
--magritte-card-press-bg:var(--magritte-color-background-state-accent-secondary-pressed-v24-8-0);
|
|
711
711
|
}
|
|
712
|
-
.magritte-card-hover-style-accent___n8Lb4_8-
|
|
712
|
+
.magritte-card-hover-style-accent___n8Lb4_8-6-0{
|
|
713
713
|
--magritte-card-hover-bg:var(--magritte-color-background-state-accent-hovered-v24-8-0);
|
|
714
714
|
--magritte-card-press-bg:var(--magritte-color-background-state-accent-pressed-v24-8-0);
|
|
715
715
|
}
|
|
716
|
-
.magritte-card-hover-style-positive-secondary___Aw634_8-
|
|
716
|
+
.magritte-card-hover-style-positive-secondary___Aw634_8-6-0{
|
|
717
717
|
--magritte-card-hover-bg:var(--magritte-color-background-state-positive-secondary-hovered-v24-8-0);
|
|
718
718
|
--magritte-card-press-bg:var(--magritte-color-background-state-positive-secondary-pressed-v24-8-0);
|
|
719
719
|
}
|
|
720
|
-
.magritte-card-hover-style-positive___zQ7MM_8-
|
|
720
|
+
.magritte-card-hover-style-positive___zQ7MM_8-6-0{
|
|
721
721
|
--magritte-card-hover-bg:var(--magritte-color-background-state-positive-hovered-v24-8-0);
|
|
722
722
|
--magritte-card-press-bg:var(--magritte-color-background-state-positive-pressed-v24-8-0);
|
|
723
723
|
}
|
|
724
|
-
.magritte-card-hover-style-negative-secondary___V7gmt_8-
|
|
724
|
+
.magritte-card-hover-style-negative-secondary___V7gmt_8-6-0{
|
|
725
725
|
--magritte-card-hover-bg:var(--magritte-color-background-state-negative-secondary-hovered-v24-8-0);
|
|
726
726
|
--magritte-card-press-bg:var(--magritte-color-background-state-negative-secondary-pressed-v24-8-0);
|
|
727
727
|
}
|
|
728
|
-
.magritte-card-hover-style-negative___1cL78_8-
|
|
728
|
+
.magritte-card-hover-style-negative___1cL78_8-6-0{
|
|
729
729
|
--magritte-card-hover-bg:var(--magritte-color-background-state-negative-hovered-v24-8-0);
|
|
730
730
|
--magritte-card-press-bg:var(--magritte-color-background-state-negative-pressed-v24-8-0);
|
|
731
731
|
}
|
|
732
|
-
.magritte-card-hover-style-warning-secondary___4knLA_8-
|
|
732
|
+
.magritte-card-hover-style-warning-secondary___4knLA_8-6-0{
|
|
733
733
|
--magritte-card-hover-bg:var(--magritte-color-background-state-warning-secondary-hovered-v24-8-0);
|
|
734
734
|
--magritte-card-press-bg:var(--magritte-color-background-state-warning-secondary-pressed-v24-8-0);
|
|
735
735
|
}
|
|
736
|
-
.magritte-card-hover-style-warning___Fw34b_8-
|
|
736
|
+
.magritte-card-hover-style-warning___Fw34b_8-6-0{
|
|
737
737
|
--magritte-card-hover-bg:var(--magritte-color-background-state-warning-hovered-v24-8-0);
|
|
738
738
|
--magritte-card-press-bg:var(--magritte-color-background-state-warning-pressed-v24-8-0);
|
|
739
739
|
}
|
|
740
|
-
.magritte-card-hover-style-special-secondary___ImyvT_8-
|
|
740
|
+
.magritte-card-hover-style-special-secondary___ImyvT_8-6-0{
|
|
741
741
|
--magritte-card-hover-bg:var(--magritte-color-background-state-special-secondary-hovered-v24-8-0);
|
|
742
742
|
--magritte-card-press-bg:var(--magritte-color-background-state-special-secondary-pressed-v24-8-0);
|
|
743
743
|
}
|
|
744
|
-
.magritte-card-hover-style-special___og9oA_8-
|
|
744
|
+
.magritte-card-hover-style-special___og9oA_8-6-0{
|
|
745
745
|
--magritte-card-hover-bg:var(--magritte-color-background-state-special-hovered-v24-8-0);
|
|
746
746
|
--magritte-card-press-bg:var(--magritte-color-background-state-special-pressed-v24-8-0);
|
|
747
747
|
}
|
|
748
|
-
.magritte-card-hover-style-dreamy-secondary___8SOfV_8-
|
|
748
|
+
.magritte-card-hover-style-dreamy-secondary___8SOfV_8-6-0{
|
|
749
749
|
--magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-secondary-hovered-v24-8-0);
|
|
750
750
|
--magritte-card-press-bg:var(--magritte-color-background-state-dreamy-secondary-pressed-v24-8-0);
|
|
751
751
|
}
|
|
752
|
-
.magritte-card-hover-style-dreamy___9sxP7_8-
|
|
752
|
+
.magritte-card-hover-style-dreamy___9sxP7_8-6-0{
|
|
753
753
|
--magritte-card-hover-bg:var(--magritte-color-background-state-dreamy-hovered-v24-8-0);
|
|
754
754
|
--magritte-card-press-bg:var(--magritte-color-background-state-dreamy-pressed-v24-8-0);
|
|
755
755
|
}
|
|
756
|
-
.magritte-card-hover-style-lovely-secondary___n2BrG_8-
|
|
756
|
+
.magritte-card-hover-style-lovely-secondary___n2BrG_8-6-0{
|
|
757
757
|
--magritte-card-hover-bg:var(--magritte-color-background-state-lovely-secondary-hovered-v24-8-0);
|
|
758
758
|
--magritte-card-press-bg:var(--magritte-color-background-state-lovely-secondary-pressed-v24-8-0);
|
|
759
759
|
}
|
|
760
|
-
.magritte-card-hover-style-lovely___Ml-R2_8-
|
|
760
|
+
.magritte-card-hover-style-lovely___Ml-R2_8-6-0{
|
|
761
761
|
--magritte-card-hover-bg:var(--magritte-color-background-state-lovely-hovered-v24-8-0);
|
|
762
762
|
--magritte-card-press-bg:var(--magritte-color-background-state-lovely-pressed-v24-8-0);
|
|
763
763
|
}
|
|
764
|
-
.magritte-card-hover-style-vivid-secondary___s4GVf_8-
|
|
764
|
+
.magritte-card-hover-style-vivid-secondary___s4GVf_8-6-0{
|
|
765
765
|
--magritte-card-hover-bg:var(--magritte-color-background-state-vivid-secondary-hovered-v24-8-0);
|
|
766
766
|
--magritte-card-press-bg:var(--magritte-color-background-state-vivid-secondary-pressed-v24-8-0);
|
|
767
767
|
}
|
|
768
|
-
.magritte-card-hover-style-vivid___qyl-R_8-
|
|
768
|
+
.magritte-card-hover-style-vivid___qyl-R_8-6-0{
|
|
769
769
|
--magritte-card-hover-bg:var(--magritte-color-background-state-vivid-hovered-v24-8-0);
|
|
770
770
|
--magritte-card-press-bg:var(--magritte-color-background-state-vivid-pressed-v24-8-0);
|
|
771
771
|
}
|
|
772
|
-
.magritte-card-hover-style-body___pimB3_8-
|
|
772
|
+
.magritte-card-hover-style-body___pimB3_8-6-0{
|
|
773
773
|
--magritte-card-hover-bg:var(--magritte-color-background-state-body-hovered-v24-8-0);
|
|
774
774
|
--magritte-card-press-bg:var(--magritte-color-background-state-body-pressed-v24-8-0);
|
|
775
775
|
}
|
|
776
|
-
.magritte-card-hover-style-overlay___rAPpl_8-
|
|
776
|
+
.magritte-card-hover-style-overlay___rAPpl_8-6-0{
|
|
777
777
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-hovered-v24-8-0);
|
|
778
778
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-pressed-v24-8-0);
|
|
779
779
|
}
|
|
780
|
-
.magritte-card-hover-style-overlay-action___6BpQw_8-
|
|
780
|
+
.magritte-card-hover-style-overlay-action___6BpQw_8-6-0{
|
|
781
781
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-action-hovered-v24-8-0);
|
|
782
782
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-action-pressed-v24-8-0);
|
|
783
783
|
}
|
|
784
|
-
.magritte-card-hover-style-overlay-viewer___f5IDi_8-
|
|
784
|
+
.magritte-card-hover-style-overlay-viewer___f5IDi_8-6-0{
|
|
785
785
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-viewer-hovered-v24-8-0);
|
|
786
786
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-viewer-pressed-v24-8-0);
|
|
787
787
|
}
|
|
788
|
-
.magritte-card-hover-style-overlay-toolbar___wkaI6_8-
|
|
788
|
+
.magritte-card-hover-style-overlay-toolbar___wkaI6_8-6-0{
|
|
789
789
|
--magritte-card-hover-bg:var(--magritte-color-background-state-overlay-toolbar-hovered-v24-8-0);
|
|
790
790
|
--magritte-card-press-bg:var(--magritte-color-background-state-overlay-toolbar-pressed-v24-8-0);
|
|
791
791
|
}
|
|
792
|
-
.magritte-card-hover-style-transparent___zXQGl_8-
|
|
792
|
+
.magritte-card-hover-style-transparent___zXQGl_8-6-0{
|
|
793
793
|
--magritte-card-hover-bg:var(--magritte-color-background-state-transparent-hovered-v24-8-0);
|
|
794
794
|
--magritte-card-press-bg:var(--magritte-color-background-state-transparent-pressed-v24-8-0);
|
|
795
795
|
}
|
|
796
|
-
.magritte-card-hover-style-constant___uH6-E_8-
|
|
796
|
+
.magritte-card-hover-style-constant___uH6-E_8-6-0{
|
|
797
797
|
--magritte-card-hover-bg:var(--magritte-color-background-state-constant-hovered-v24-8-0);
|
|
798
798
|
--magritte-card-press-bg:var(--magritte-color-background-state-constant-pressed-v24-8-0);
|
|
799
799
|
}
|
|
800
|
-
.magritte-card-hover-style-constant-secondary___0vxDi_8-
|
|
800
|
+
.magritte-card-hover-style-constant-secondary___0vxDi_8-6-0{
|
|
801
801
|
--magritte-card-hover-bg:var(--magritte-color-background-state-constant-secondary-hovered-v24-8-0);
|
|
802
802
|
--magritte-card-press-bg:var(--magritte-color-background-state-constant-secondary-pressed-v24-8-0);
|
|
803
803
|
}
|
|
804
|
-
.magritte-card-hover-style-inverse___Db1kM_8-
|
|
804
|
+
.magritte-card-hover-style-inverse___Db1kM_8-6-0{
|
|
805
805
|
--magritte-card-hover-bg:var(--magritte-color-background-state-inverse-hovered-v24-8-0);
|
|
806
806
|
--magritte-card-press-bg:var(--magritte-color-background-state-inverse-pressed-v24-8-0);
|
|
807
807
|
}
|
|
808
|
-
.magritte-card-hover-style-inverse-secondary___BT8I-_8-
|
|
808
|
+
.magritte-card-hover-style-inverse-secondary___BT8I-_8-6-0{
|
|
809
809
|
--magritte-card-hover-bg:var(--magritte-color-background-state-inverse-secondary-hovered-v24-8-0);
|
|
810
810
|
--magritte-card-press-bg:var(--magritte-color-background-state-inverse-secondary-pressed-v24-8-0);
|
|
811
811
|
}
|
|
812
|
-
.magritte-card___bhGKz_8-
|
|
812
|
+
.magritte-card___bhGKz_8-6-0{
|
|
813
813
|
background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
|
|
814
814
|
}
|
|
815
|
-
.magritte-card___bhGKz_8-
|
|
815
|
+
.magritte-card___bhGKz_8-6-0:has(.magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0) .magritte-card-segment___7LjJe_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0){
|
|
816
816
|
background-color:var(--magritte-card-background-override, var(--magritte-card-bg));
|
|
817
817
|
}
|
|
818
|
-
.magritte-card___bhGKz_8-
|
|
818
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-disabled___SMFnB_8-6-0{
|
|
819
819
|
background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
|
|
820
820
|
}
|
|
821
|
-
.magritte-card___bhGKz_8-
|
|
822
|
-
.magritte-card-segment___7LjJe_8-
|
|
821
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-disabled___SMFnB_8-6-0:has(.magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0) .magritte-card-segment___7LjJe_8-6-0,
|
|
822
|
+
.magritte-card-segment___7LjJe_8-6-0.magritte-segment-disabled___FlWSu_8-6-0{
|
|
823
823
|
background-color:var(--magritte-card-disabled-background-override, var(--magritte-card-disabled-bg));
|
|
824
824
|
}
|
|
825
825
|
@media (min-width: 1020px){
|
|
826
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
827
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
828
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
829
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
830
|
-
body.magritte-old-layout .magritte-card___bhGKz_8-
|
|
826
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0):not(.magritte-card-press-enabled___kXfCl_8-6-0),
|
|
827
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0:not(.magritte-card-press-enabled___kXfCl_8-6-0):not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):hover:not(.magritte-press-enabled___dc53v_8-6-0),
|
|
828
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):hover:not(:active),
|
|
829
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0:not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-press-enabled___dc53v_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):hover:not(:active),
|
|
830
|
+
body.magritte-old-layout .magritte-card___bhGKz_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0).magritte-card-press-enabled___kXfCl_8-6-0:not(:active){
|
|
831
831
|
background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
|
|
832
832
|
}
|
|
833
833
|
}
|
|
834
834
|
@media (min-width: 1024px){
|
|
835
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
836
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
837
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
838
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
839
|
-
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-
|
|
835
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0):not(.magritte-card-press-enabled___kXfCl_8-6-0),
|
|
836
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0:not(.magritte-card-press-enabled___kXfCl_8-6-0):not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):hover:not(.magritte-press-enabled___dc53v_8-6-0),
|
|
837
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):hover:not(:active),
|
|
838
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0:not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-press-enabled___dc53v_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):hover:not(:active),
|
|
839
|
+
body:not(.magritte-old-layout) .magritte-card___bhGKz_8-6-0.magritte-card-hover-enabled___-wolU_8-6-0:hover:not(.magritte-card-disabled___SMFnB_8-6-0).magritte-card-press-enabled___kXfCl_8-6-0:not(:active){
|
|
840
840
|
background-color:var(--magritte-card-hover-background-override, var(--magritte-card-hover-bg));
|
|
841
841
|
}
|
|
842
842
|
}
|
|
843
|
-
.magritte-card___bhGKz_8-
|
|
844
|
-
.magritte-card___bhGKz_8-
|
|
845
|
-
.magritte-card___bhGKz_8-
|
|
843
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:active:not(.magritte-card-disabled___SMFnB_8-6-0),
|
|
844
|
+
.magritte-card___bhGKz_8-6-0:not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-press-enabled___dc53v_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):active,
|
|
845
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-press-enabled___kXfCl_8-6-0:not(.magritte-card-disabled___SMFnB_8-6-0) .magritte-card-segment___7LjJe_8-6-0.magritte-interactive___rmhl9_8-6-0:not(.magritte-segment-disabled___FlWSu_8-6-0):active{
|
|
846
846
|
background-color:var(--magritte-card-active-background-override, var(--magritte-card-press-bg));
|
|
847
847
|
}
|
|
848
|
-
.magritte-flex-container___CVFEY_8-
|
|
848
|
+
.magritte-flex-container___CVFEY_8-6-0{
|
|
849
849
|
display:flex;
|
|
850
850
|
height:100%;
|
|
851
851
|
}
|
|
852
|
-
.magritte-card___bhGKz_8-
|
|
852
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-neutral___611b0_8-6-0{
|
|
853
853
|
--magritte-card-border-color:var(--magritte-color-stroke-neutral-v24-8-0);
|
|
854
854
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-hovered-v24-8-0);
|
|
855
855
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-disabled-v24-8-0);
|
|
856
856
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-pressed-v24-8-0);
|
|
857
857
|
}
|
|
858
|
-
.magritte-card___bhGKz_8-
|
|
858
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-phantom___ezFSC_8-6-0{
|
|
859
859
|
--magritte-card-border-color:var(--magritte-color-stroke-phantom-v24-8-0);
|
|
860
860
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-phantom-hovered-v24-8-0);
|
|
861
861
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-phantom-disabled-v24-8-0);
|
|
862
862
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-phantom-pressed-v24-8-0);
|
|
863
863
|
}
|
|
864
|
-
.magritte-card___bhGKz_8-
|
|
864
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-overlay___yOj6r_8-6-0{
|
|
865
865
|
--magritte-card-border-color:var(--magritte-color-stroke-overlay-v24-8-0);
|
|
866
866
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-overlay-hovered-v24-8-0);
|
|
867
867
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-overlay-disabled-v24-8-0);
|
|
868
868
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-overlay-pressed-v24-8-0);
|
|
869
869
|
}
|
|
870
|
-
.magritte-card___bhGKz_8-
|
|
870
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-accent___D-2Wb_8-6-0{
|
|
871
871
|
--magritte-card-border-color:var(--magritte-color-stroke-accent-v24-8-0);
|
|
872
872
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-accent-hovered-v24-8-0);
|
|
873
873
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-accent-disabled-v24-8-0);
|
|
874
874
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-accent-pressed-v24-8-0);
|
|
875
875
|
}
|
|
876
|
-
.magritte-card___bhGKz_8-
|
|
876
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-positive___to7aa_8-6-0{
|
|
877
877
|
--magritte-card-border-color:var(--magritte-color-stroke-positive-v24-8-0);
|
|
878
878
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-positive-hovered-v24-8-0);
|
|
879
879
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-positive-disabled-v24-8-0);
|
|
880
880
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-positive-pressed-v24-8-0);
|
|
881
881
|
}
|
|
882
|
-
.magritte-card___bhGKz_8-
|
|
882
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-negative___IenCT_8-6-0{
|
|
883
883
|
--magritte-card-border-color:var(--magritte-color-stroke-negative-v24-8-0);
|
|
884
884
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-negative-hovered-v24-8-0);
|
|
885
885
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-negative-disabled-v24-8-0);
|
|
886
886
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-negative-pressed-v24-8-0);
|
|
887
887
|
}
|
|
888
|
-
.magritte-card___bhGKz_8-
|
|
888
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-warning___Fax0h_8-6-0{
|
|
889
889
|
--magritte-card-border-color:var(--magritte-color-stroke-warning-v24-8-0);
|
|
890
890
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-warning-hovered-v24-8-0);
|
|
891
891
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-warning-disabled-v24-8-0);
|
|
892
892
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-warning-pressed-v24-8-0);
|
|
893
893
|
}
|
|
894
|
-
.magritte-card___bhGKz_8-
|
|
894
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-special___mgV7r_8-6-0{
|
|
895
895
|
--magritte-card-border-color:var(--magritte-color-stroke-special-v24-8-0);
|
|
896
896
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-special-hovered-v24-8-0);
|
|
897
897
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-special-disabled-v24-8-0);
|
|
898
898
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-special-pressed-v24-8-0);
|
|
899
899
|
}
|
|
900
|
-
.magritte-card___bhGKz_8-
|
|
900
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-dreamy___vYIow_8-6-0{
|
|
901
901
|
--magritte-card-border-color:var(--magritte-color-stroke-dreamy-v24-8-0);
|
|
902
902
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-dreamy-hovered-v24-8-0);
|
|
903
903
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-dreamy-disabled-v24-8-0);
|
|
904
904
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-dreamy-pressed-v24-8-0);
|
|
905
905
|
}
|
|
906
|
-
.magritte-card___bhGKz_8-
|
|
906
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-lovely___d1dyh_8-6-0{
|
|
907
907
|
--magritte-card-border-color:var(--magritte-color-stroke-lovely-v24-8-0);
|
|
908
908
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-lovely-hovered-v24-8-0);
|
|
909
909
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-lovely-disabled-v24-8-0);
|
|
910
910
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-lovely-pressed-v24-8-0);
|
|
911
911
|
}
|
|
912
|
-
.magritte-card___bhGKz_8-
|
|
912
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-vivid___UYrn3_8-6-0{
|
|
913
913
|
--magritte-card-border-color:var(--magritte-color-stroke-vivid-v24-8-0);
|
|
914
914
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-vivid-hovered-v24-8-0);
|
|
915
915
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-vivid-disabled-v24-8-0);
|
|
916
916
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-vivid-pressed-v24-8-0);
|
|
917
917
|
}
|
|
918
|
-
.magritte-card___bhGKz_8-
|
|
918
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-neutral-heavy___VR1s4_8-6-0{
|
|
919
919
|
--magritte-card-border-color:var(--magritte-color-stroke-neutral-heavy-v24-8-0);
|
|
920
920
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-neutral-heavy-hovered-v24-8-0);
|
|
921
921
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-neutral-heavy-disabled-v24-8-0);
|
|
922
922
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-neutral-heavy-pressed-v24-8-0);
|
|
923
923
|
}
|
|
924
|
-
.magritte-card___bhGKz_8-
|
|
924
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-constant___4DDKM_8-6-0{
|
|
925
925
|
--magritte-card-border-color:var(--magritte-color-stroke-constant-v24-8-0);
|
|
926
926
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-hovered-v24-8-0);
|
|
927
927
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-disabled-v24-8-0);
|
|
928
928
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-pressed-v24-8-0);
|
|
929
929
|
}
|
|
930
|
-
.magritte-card___bhGKz_8-
|
|
930
|
+
.magritte-card___bhGKz_8-6-0.magritte-card-border-style-constant-alt___wfnBK_8-6-0{
|
|
931
931
|
--magritte-card-border-color:var(--magritte-color-stroke-constant-alt-v24-8-0);
|
|
932
932
|
--magritte-card-hovered-border-color:var(--magritte-color-stroke-state-constant-alt-hovered-v24-8-0);
|
|
933
933
|
--magritte-card-disabled-border-color:var(--magritte-color-stroke-state-constant-alt-disabled-v24-8-0);
|
|
934
934
|
--magritte-card-active-border-color:var(--magritte-color-stroke-state-constant-alt-pressed-v24-8-0);
|
|
935
935
|
}
|
|
936
|
-
.magritte-between___kuRsE_8-
|
|
936
|
+
.magritte-between___kuRsE_8-6-0{
|
|
937
937
|
display:none;
|
|
938
938
|
}
|
|
939
|
-
.magritte-card-segment___7LjJe_8-
|
|
939
|
+
.magritte-card-segment___7LjJe_8-6-0 + .magritte-between___kuRsE_8-6-0:has(~ .magritte-card-segment___7LjJe_8-6-0){
|
|
940
940
|
display:contents;
|
|
941
941
|
}
|
package/index.js
CHANGED
|
@@ -7,7 +7,7 @@ import '@hh.ru/magritte-common-use-disabled';
|
|
|
7
7
|
import './Between.js';
|
|
8
8
|
import './cardContext.js';
|
|
9
9
|
import '@hh.ru/magritte-ui-divider';
|
|
10
|
-
import './card-
|
|
10
|
+
import './card-CXOxKkSf.js';
|
|
11
11
|
import './CardSegment.js';
|
|
12
12
|
import './useCardActivation.js';
|
|
13
13
|
import '@hh.ru/magritte-common-keyboard';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-card",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.6.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@hh.ru/magritte-types": "5.0.7",
|
|
32
32
|
"@hh.ru/magritte-ui-breakpoint": "6.1.1",
|
|
33
33
|
"@hh.ru/magritte-ui-divider": "3.2.3",
|
|
34
|
-
"@hh.ru/magritte-ui-icon": "14.2.
|
|
34
|
+
"@hh.ru/magritte-ui-icon": "14.2.16",
|
|
35
35
|
"@hh.ru/magritte-ui-layout": "2.1.0",
|
|
36
36
|
"@hh.ru/magritte-ui-mock-component": "1.1.7",
|
|
37
37
|
"@hh.ru/magritte-ui-skeleton": "3.0.27",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"publishConfig": {
|
|
41
41
|
"access": "public"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "a8286ff3e0ad8b30c9e9b8b05fd8b9fee20094ff"
|
|
44
44
|
}
|
package/types.d.ts
CHANGED
|
@@ -7,8 +7,8 @@ export type BorderStyle = TokenColorStroke;
|
|
|
7
7
|
export type CardShadow = TokenShadow;
|
|
8
8
|
export type LayoutDirection = 'row' | 'column';
|
|
9
9
|
export interface CommonCardProps {
|
|
10
|
-
/** Кастомный элемент 'a', 'div' или функция
|
|
11
|
-
Element?: 'a' | 'div';
|
|
10
|
+
/** Кастомный элемент 'a', 'div', 'article', 'section', 'aside' или функция */
|
|
11
|
+
Element?: 'a' | 'div' | 'article' | 'section' | 'aside';
|
|
12
12
|
/** Флаг включающий растягивание на всю ширину контейнера */
|
|
13
13
|
stretched?: boolean;
|
|
14
14
|
/** Флаг включающий растягивание на всю высоту контейнера */
|
package/useCardActivation.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ interface UseCardActivationParams {
|
|
|
3
3
|
onClick?: MouseEventHandler<HTMLElement>;
|
|
4
4
|
disabled?: boolean;
|
|
5
5
|
hasExplicitRole?: boolean;
|
|
6
|
+
hasExplicitTabIndex?: boolean;
|
|
6
7
|
}
|
|
7
8
|
interface CardActivationProps {
|
|
8
9
|
onClick: MouseEventHandler<HTMLElement>;
|
|
@@ -13,5 +14,5 @@ interface CardActivationProps {
|
|
|
13
14
|
tabIndex?: number;
|
|
14
15
|
'aria-disabled': boolean;
|
|
15
16
|
}
|
|
16
|
-
export declare const useCardActivation: ({ onClick, disabled, hasExplicitRole, }: UseCardActivationParams) => Partial<CardActivationProps>;
|
|
17
|
+
export declare const useCardActivation: ({ onClick, disabled, hasExplicitRole, hasExplicitTabIndex, }: UseCardActivationParams) => Partial<CardActivationProps>;
|
|
17
18
|
export {};
|
package/useCardActivation.js
CHANGED
|
@@ -4,7 +4,7 @@ import { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
|
|
|
4
4
|
import { isEventFromInteractiveComponent } from '@hh.ru/magritte-common-mouse';
|
|
5
5
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
6
6
|
|
|
7
|
-
const useCardActivation = ({ onClick, disabled = false, hasExplicitRole = false, }) => {
|
|
7
|
+
const useCardActivation = ({ onClick, disabled = false, hasExplicitRole = false, hasExplicitTabIndex = false, }) => {
|
|
8
8
|
const forceDisabled = useDisabled();
|
|
9
9
|
const hasFocusRef = useRef(false);
|
|
10
10
|
const isEffectivelyDisabled = forceDisabled || disabled;
|
|
@@ -44,7 +44,7 @@ const useCardActivation = ({ onClick, disabled = false, hasExplicitRole = false,
|
|
|
44
44
|
onFocus: focusCallback,
|
|
45
45
|
onBlur: blurCallback,
|
|
46
46
|
'aria-disabled': isEffectivelyDisabled,
|
|
47
|
-
...(!isEffectivelyDisabled && { tabIndex: 0 }),
|
|
47
|
+
...(!isEffectivelyDisabled && !hasExplicitTabIndex && { tabIndex: 0 }),
|
|
48
48
|
...(!hasExplicitRole && { role: 'button' }),
|
|
49
49
|
};
|
|
50
50
|
};
|
package/useCardActivation.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCardActivation.js","sources":["src/useCardActivation.ts"],"sourcesContent":["import { useCallback, useRef, type MouseEventHandler, type KeyboardEventHandler } from 'react';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { isEventFromInteractiveComponent } from '@hh.ru/magritte-common-mouse';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\n\ninterface UseCardActivationParams {\n onClick?: MouseEventHandler<HTMLElement>;\n disabled?: boolean;\n hasExplicitRole?: boolean;\n}\n\ninterface CardActivationProps {\n onClick: MouseEventHandler<HTMLElement>;\n onKeyDown: KeyboardEventHandler<HTMLElement>;\n onFocus: () => void;\n onBlur: () => void;\n role?: string;\n tabIndex?: number;\n 'aria-disabled': boolean;\n}\n\nexport const useCardActivation = ({\n onClick,\n disabled = false,\n hasExplicitRole = false,\n}: UseCardActivationParams): Partial<CardActivationProps> => {\n const forceDisabled = useDisabled();\n const hasFocusRef = useRef(false);\n\n const isEffectivelyDisabled = forceDisabled || disabled;\n\n const clickHandler: MouseEventHandler<HTMLElement> = useCallback(\n (event) => {\n if (isEffectivelyDisabled || !onClick || isEventFromInteractiveComponent(event)) {\n return;\n }\n\n onClick(event);\n },\n [onClick, isEffectivelyDisabled]\n );\n\n const keyDownHandler: KeyboardEventHandler<HTMLElement> = useCallback(\n (event) => {\n if (\n isEffectivelyDisabled ||\n !onClick ||\n !hasFocusRef.current ||\n !keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space]) ||\n isEventFromInteractiveComponent(event)\n ) {\n return;\n }\n\n // card может использоваться с SPALink который проверяет defaultPrevented\n // поэтому preventDefault делаем только на Space\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Space])) {\n event.preventDefault();\n }\n\n event.currentTarget.click();\n },\n [onClick, isEffectivelyDisabled]\n );\n\n const focusCallback = useCallback(() => {\n hasFocusRef.current = true;\n }, []);\n\n const blurCallback = useCallback(() => {\n hasFocusRef.current = false;\n }, []);\n\n if (!onClick) {\n return {};\n }\n\n return {\n onClick: clickHandler,\n onKeyDown: keyDownHandler,\n onFocus: focusCallback,\n onBlur: blurCallback,\n 'aria-disabled': isEffectivelyDisabled,\n ...(!isEffectivelyDisabled && { tabIndex: 0 }),\n ...(!hasExplicitRole && { role: 'button' }),\n };\n};\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"useCardActivation.js","sources":["src/useCardActivation.ts"],"sourcesContent":["import { useCallback, useRef, type MouseEventHandler, type KeyboardEventHandler } from 'react';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { isEventFromInteractiveComponent } from '@hh.ru/magritte-common-mouse';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\n\ninterface UseCardActivationParams {\n onClick?: MouseEventHandler<HTMLElement>;\n disabled?: boolean;\n hasExplicitRole?: boolean;\n hasExplicitTabIndex?: boolean;\n}\n\ninterface CardActivationProps {\n onClick: MouseEventHandler<HTMLElement>;\n onKeyDown: KeyboardEventHandler<HTMLElement>;\n onFocus: () => void;\n onBlur: () => void;\n role?: string;\n tabIndex?: number;\n 'aria-disabled': boolean;\n}\n\nexport const useCardActivation = ({\n onClick,\n disabled = false,\n hasExplicitRole = false,\n hasExplicitTabIndex = false,\n}: UseCardActivationParams): Partial<CardActivationProps> => {\n const forceDisabled = useDisabled();\n const hasFocusRef = useRef(false);\n\n const isEffectivelyDisabled = forceDisabled || disabled;\n\n const clickHandler: MouseEventHandler<HTMLElement> = useCallback(\n (event) => {\n if (isEffectivelyDisabled || !onClick || isEventFromInteractiveComponent(event)) {\n return;\n }\n\n onClick(event);\n },\n [onClick, isEffectivelyDisabled]\n );\n\n const keyDownHandler: KeyboardEventHandler<HTMLElement> = useCallback(\n (event) => {\n if (\n isEffectivelyDisabled ||\n !onClick ||\n !hasFocusRef.current ||\n !keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space]) ||\n isEventFromInteractiveComponent(event)\n ) {\n return;\n }\n\n // card может использоваться с SPALink который проверяет defaultPrevented\n // поэтому preventDefault делаем только на Space\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Space])) {\n event.preventDefault();\n }\n\n event.currentTarget.click();\n },\n [onClick, isEffectivelyDisabled]\n );\n\n const focusCallback = useCallback(() => {\n hasFocusRef.current = true;\n }, []);\n\n const blurCallback = useCallback(() => {\n hasFocusRef.current = false;\n }, []);\n\n if (!onClick) {\n return {};\n }\n\n return {\n onClick: clickHandler,\n onKeyDown: keyDownHandler,\n onFocus: focusCallback,\n onBlur: blurCallback,\n 'aria-disabled': isEffectivelyDisabled,\n ...(!isEffectivelyDisabled && !hasExplicitTabIndex && { tabIndex: 0 }),\n ...(!hasExplicitRole && { role: 'button' }),\n };\n};\n"],"names":[],"mappings":";;;;;MAuBa,iBAAiB,GAAG,CAAC,EAC9B,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,KAAK,EACvB,mBAAmB,GAAG,KAAK,GACL,KAAkC;AACxD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAElC,IAAA,MAAM,qBAAqB,GAAG,aAAa,IAAI,QAAQ,CAAC;AAExD,IAAA,MAAM,YAAY,GAAmC,WAAW,CAC5D,CAAC,KAAK,KAAI;QACN,IAAI,qBAAqB,IAAI,CAAC,OAAO,IAAI,+BAA+B,CAAC,KAAK,CAAC,EAAE;YAC7E,OAAO;SACV;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;AACnB,KAAC,EACD,CAAC,OAAO,EAAE,qBAAqB,CAAC,CACnC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAsC,WAAW,CACjE,CAAC,KAAK,KAAI;AACN,QAAA,IACI,qBAAqB;AACrB,YAAA,CAAC,OAAO;YACR,CAAC,WAAW,CAAC,OAAO;AACpB,YAAA,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;AAC7E,YAAA,+BAA+B,CAAC,KAAK,CAAC,EACxC;YACE,OAAO;SACV;;;AAID,QAAA,IAAI,eAAe,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE;YAC1D,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;AAED,QAAA,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;AAChC,KAAC,EACD,CAAC,OAAO,EAAE,qBAAqB,CAAC,CACnC,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;KAC9B,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,YAAY,GAAG,WAAW,CAAC,MAAK;AAClC,QAAA,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;KAC/B,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,OAAO,EAAE;AACV,QAAA,OAAO,EAAE,CAAC;KACb;IAED,OAAO;AACH,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,SAAS,EAAE,cAAc;AACzB,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,eAAe,EAAE,qBAAqB;AACtC,QAAA,IAAI,CAAC,qBAAqB,IAAI,CAAC,mBAAmB,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE;QACrE,IAAI,CAAC,eAAe,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC7C,CAAC;AACN;;;;"}
|
package/card-6g12w81B.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
var styles = {"card":"magritte-card___bhGKz_8-5-24","card-segment":"magritte-card-segment___7LjJe_8-5-24","cardSegment":"magritte-card-segment___7LjJe_8-5-24","layout-vertical":"magritte-layout-vertical___9V-h-_8-5-24","layoutVertical":"magritte-layout-vertical___9V-h-_8-5-24","layout-horizontal":"magritte-layout-horizontal___HUAK3_8-5-24","layoutHorizontal":"magritte-layout-horizontal___HUAK3_8-5-24","border-element":"magritte-border-element___x7sZL_8-5-24","borderElement":"magritte-border-element___x7sZL_8-5-24","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-5-24","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-5-24","interactive":"magritte-interactive___rmhl9_8-5-24","press-enabled":"magritte-press-enabled___dc53v_8-5-24","pressEnabled":"magritte-press-enabled___dc53v_8-5-24","card-disabled":"magritte-card-disabled___SMFnB_8-5-24","cardDisabled":"magritte-card-disabled___SMFnB_8-5-24","segment-disabled":"magritte-segment-disabled___FlWSu_8-5-24","segmentDisabled":"magritte-segment-disabled___FlWSu_8-5-24","card-stretched":"magritte-card-stretched___0Uc0J_8-5-24","cardStretched":"magritte-card-stretched___0Uc0J_8-5-24","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-5-24","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-5-24","border-selected":"magritte-border-selected___bGxVg_8-5-24","borderSelected":"magritte-border-selected___bGxVg_8-5-24","border-default":"magritte-border-default___eT8Lg_8-5-24","borderDefault":"magritte-border-default___eT8Lg_8-5-24","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-5-24","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-5-24","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-5-24","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-5-24","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-5-24","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-5-24","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-5-24","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-5-24","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-5-24","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-5-24","increase-shadow":"magritte-increase-shadow___Lvfmm_8-5-24","increaseShadow":"magritte-increase-shadow___Lvfmm_8-5-24","card-style-primary":"magritte-card-style-primary___eZ6aX_8-5-24","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-5-24","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-5-24","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-5-24","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-5-24","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-5-24","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-5-24","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-5-24","card-style-accent":"magritte-card-style-accent___Gd2T5_8-5-24","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-5-24","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-5-24","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-5-24","card-style-positive":"magritte-card-style-positive___4sgFq_8-5-24","cardStylePositive":"magritte-card-style-positive___4sgFq_8-5-24","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-5-24","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-5-24","card-style-negative":"magritte-card-style-negative___Fk6xX_8-5-24","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-5-24","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-5-24","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-5-24","card-style-warning":"magritte-card-style-warning___NIuCV_8-5-24","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-5-24","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-5-24","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-5-24","card-style-special":"magritte-card-style-special___GOdvY_8-5-24","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-5-24","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-5-24","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-5-24","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-5-24","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-5-24","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-5-24","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-5-24","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-5-24","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-5-24","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-5-24","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-5-24","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-5-24","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-5-24","card-style-body":"magritte-card-style-body___TNxld_8-5-24","cardStyleBody":"magritte-card-style-body___TNxld_8-5-24","card-style-overlay":"magritte-card-style-overlay___urh3T_8-5-24","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-5-24","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-5-24","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-5-24","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-5-24","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-5-24","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-5-24","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-5-24","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-5-24","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-5-24","card-style-constant":"magritte-card-style-constant___UluNp_8-5-24","cardStyleConstant":"magritte-card-style-constant___UluNp_8-5-24","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-5-24","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-5-24","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-5-24","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-5-24","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-5-24","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-5-24","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-5-24","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-5-24","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-5-24","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-5-24","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-5-24","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-5-24","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-5-24","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-5-24","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-5-24","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-5-24","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-5-24","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-5-24","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-5-24","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-5-24","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-5-24","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-5-24","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-5-24","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-5-24","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-5-24","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-5-24","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-5-24","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-5-24","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-5-24","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-5-24","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-5-24","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-5-24","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-5-24","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-5-24","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-5-24","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-5-24","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-5-24","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-5-24","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-5-24","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-5-24","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-5-24","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-5-24","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-5-24","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-5-24","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-5-24","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-5-24","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-5-24","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-5-24","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-5-24","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-5-24","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-5-24","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-5-24","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-5-24","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-5-24","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-5-24","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-5-24","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-5-24","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-5-24","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-5-24","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-5-24","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-5-24","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-5-24","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-5-24","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-5-24","flex-container":"magritte-flex-container___CVFEY_8-5-24","flexContainer":"magritte-flex-container___CVFEY_8-5-24","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-5-24","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-5-24","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-5-24","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-5-24","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-5-24","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-5-24","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-5-24","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-5-24","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-5-24","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-5-24","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-5-24","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-5-24","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-5-24","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-5-24","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-5-24","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-5-24","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-5-24","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-5-24","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-5-24","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-5-24","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-5-24","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-5-24","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-5-24","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-5-24","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-5-24","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-5-24","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-5-24","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-5-24","between":"magritte-between___kuRsE_8-5-24"};
|
|
3
|
-
|
|
4
|
-
export { styles as s };
|
|
5
|
-
//# sourceMappingURL=card-6g12w81B.js.map
|
package/card-6g12w81B.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card-6g12w81B.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|