acinguiux-ds-react-framework 0.0.1 → 0.0.4

package/build/esm/components/Card/Card.consts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.consts.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.consts.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGrD,KAAK,cAAc,GAAG;KACnB,KAAK,IAAI,QAAQ,GAAG;QACnB,OAAO,EAAE;aACN,QAAQ,IAAI,WAAW,GAAG,MAAM;SAClC,CAAC;QACF,YAAY,EAAE,MAAM,CAAC;KACtB;CACF,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,cAsBxB,CAAC"}

package/build/esm/components/Card/Card.consts.js

@@ -1,26 +0,0 @@
-import { Sizes } from 'acinguiux-ds-react-base';
-import { Spacings } from '../../types/types';
-export const cardConsts = {
-    [Sizes.Small]: {
-        padding: {
-            [Spacings.Tight]: '16px',
-            [Spacings.Generous]: '24px',
-        },
-        borderRadius: '4px',
-    },
-    [Sizes.Medium]: {
-        padding: {
-            [Spacings.Tight]: '20px',
-            [Spacings.Generous]: '32px',
-        },
-        borderRadius: '4px',
-    },
-    [Sizes.Large]: {
-        padding: {
-            [Spacings.Tight]: '24px',
-            [Spacings.Generous]: '40px',
-        },
-        borderRadius: '4px',
-    },
-};
-//# sourceMappingURL=Card.consts.js.map

package/build/esm/components/Card/Card.consts.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.consts.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,MAAM,UAAU,GAAmB;IACxC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,OAAO,EAAE;YACP,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM;YACxB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM;SAC5B;QACD,YAAY,EAAE,KAAK;KACpB;IACD,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QACd,OAAO,EAAE;YACP,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM;YACxB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM;SAC5B;QACD,YAAY,EAAE,KAAK;KACpB;IACD,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACb,OAAO,EAAE;YACP,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM;YACxB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM;SAC5B;QACD,YAAY,EAAE,KAAK;KACpB;CACF,CAAC","sourcesContent":["import { Sizes } from 'acinguiux-ds-react-base';\n\nimport { CardPadding, CardSize } from './Card.types';\nimport { Spacings } from '../../types/types';\n\ntype CardConstsType = {\n  [sizes in CardSize]: {\n    padding: {\n      [paddings in CardPadding]: string;\n    };\n    borderRadius: string;\n  };\n};\n\nexport const cardConsts: CardConstsType = {\n  [Sizes.Small]: {\n    padding: {\n      [Spacings.Tight]: '16px',\n      [Spacings.Generous]: '24px',\n    },\n    borderRadius: '4px',\n  },\n  [Sizes.Medium]: {\n    padding: {\n      [Spacings.Tight]: '20px',\n      [Spacings.Generous]: '32px',\n    },\n    borderRadius: '4px',\n  },\n  [Sizes.Large]: {\n    padding: {\n      [Spacings.Tight]: '24px',\n      [Spacings.Generous]: '40px',\n    },\n    borderRadius: '4px',\n  },\n};\n"]}

package/build/esm/components/Card/Card.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { Directions } from 'acinguiux-ds-react-base';
-import { ICardBar } from './Card.types';
-declare const Card: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    size?: import("./Card.types").CardSize | undefined;
-    padding?: import("./Card.types").CardPadding | undefined;
-    borders?: boolean | undefined;
-    elevated?: boolean | undefined;
-    isClickable?: boolean | undefined;
-} & {
-    direction?: Directions | undefined;
-    header?: ICardBar | undefined;
-    footer?: ICardBar | undefined;
-    bodyPadding?: boolean | undefined;
-    bodyBgColor?: boolean | undefined;
-    children?: import("react").ReactNode | import("react").ReactNode[];
-} & import("react").RefAttributes<HTMLDivElement>>;
-export default Card;
-//# sourceMappingURL=Card.d.ts.map

package/build/esm/components/Card/Card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAS,UAAU,EAAc,MAAM,yBAAyB,CAAC;AAGxE,OAAO,EAAc,QAAQ,EAAE,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,IAAI;;;;;;;;;;;;;kDA8DT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/build/esm/components/Card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAgB,MAAM,OAAO,CAAC;AAEjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,IAAI,GAAG,UAAU,CACrB,CACE,EACE,SAAS,EACT,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,SAAS,GAAG,UAAU,CAAC,QAAQ,EAC/B,MAAM,EACN,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,QAAQ,CAAC,KAAK,EACxB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACW,EAAE;IAChB,MAAM,kBAAkB,GAAG,CAAC,IAAc,EAAE,EAAE,CAC5C,WAAW,IAAI,CAAC,WAAW,IAAI,OAAO,IAAI,IAAI,CAAC,MAAM,IAAI,SAAS,KAAK,UAAU,CAAC,UAAU,CAAC;IAE/F,OAAO,CACL,MAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAC5C,IAAI,EAAE,IAAI,gBACE,SAAS,eACV,QAAQ,kBACL,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,EACxC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,KACJ,IAAI,aAEP,MAAM,IAAI,CACT,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,OAAO,IAAI,MAAM,CAAC,MAAM,EAChC,kBAAkB,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAC9C,IAAI,EAAC,QAAQ,GACb,CACH,EACD,KAAC,MAAM,CAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,YAC9F,QAAQ,GACO,EACjB,MAAM,IAAI,CACT,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,OAAO,IAAI,MAAM,CAAC,MAAM,EAChC,kBAAkB,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAC9C,IAAI,EAAC,QAAQ,GACb,CACH,IACW,CACf,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { forwardRef, ReactElement } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, Directions, CARD_CLASS } from 'acinguiux-ds-react-base';\n\nimport * as Styled from './Card.styles';\nimport { ICardProps, ICardBar } from './Card.types';\nimport CardBar from './components/CardBar/CardBar';\nimport { Spacings } from '../../types/types';\n\nconst Card = forwardRef<HTMLDivElement, ICardProps>(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      direction = Directions.Vertical,\n      header,\n      footer,\n      bodyPadding = true,\n      bodyBgColor = false,\n      padding = Spacings.Tight,\n      borders = false,\n      elevated = true,\n      onClick,\n      isClickable,\n      children,\n      ...rest\n    },\n    ref,\n  ): ReactElement => {\n    const getPaddingWithBody = (type: ICardBar) =>\n      bodyBgColor || !bodyPadding || borders || type.border || direction === Directions.Horizontal;\n\n    return (\n      <Styled.Card\n        className={classNames(CARD_CLASS, className)}\n        size={size}\n        $direction={direction}\n        $elevated={elevated}\n        $isClickable={!!isClickable || !!onClick}\n        onClick={onClick}\n        ref={ref}\n        {...rest}\n      >\n        {header && (\n          <CardBar\n            size={size}\n            direction={direction}\n            padding={padding}\n            bar={header}\n            border={borders || header.border}\n            setPaddingWithBody={getPaddingWithBody(header)}\n            type=\"header\"\n          />\n        )}\n        <Styled.CardBody size={size} padding={padding} bodyPadding={bodyPadding} bodyBgColor={bodyBgColor}>\n          {children}\n        </Styled.CardBody>\n        {footer && (\n          <CardBar\n            size={size}\n            direction={direction}\n            padding={padding}\n            bar={footer}\n            border={borders || footer.border}\n            setPaddingWithBody={getPaddingWithBody(footer)}\n            type=\"footer\"\n          />\n        )}\n      </Styled.Card>\n    );\n  },\n);\n\nexport default Card;\n"]}

package/build/esm/components/Card/Card.stories.d.ts

@@ -1,91 +0,0 @@
-/// <reference types="react" />
-import { StoryFn } from '@storybook/react';
-import { Directions, Sizes } from 'acinguiux-ds-react-base';
-import { ICardProps } from './Card.types';
-import { Spacings } from '../../types/types';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        size?: import("./Card.types").CardSize | undefined;
-        padding?: import("./Card.types").CardPadding | undefined;
-        borders?: boolean | undefined;
-        elevated?: boolean | undefined;
-        isClickable?: boolean | undefined;
-    } & {
-        direction?: Directions | undefined;
-        header?: import("./Card.types").ICardBar | undefined;
-        footer?: import("./Card.types").ICardBar | undefined;
-        bodyPadding?: boolean | undefined;
-        bodyBgColor?: boolean | undefined;
-        children?: import("react").ReactNode | import("react").ReactNode[];
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    parameters: {
-        storyLink: string;
-    };
-    argTypes: {
-        bodyBgColor: {
-            control: {
-                type: string;
-            };
-        };
-        bodyPadding: {
-            control: {
-                type: string;
-            };
-        };
-        direction: {
-            options: Directions[];
-            control: string;
-        };
-        elevated: {
-            control: {
-                type: string;
-            };
-        };
-        footer: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        header: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        link: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        padding: {
-            control: string;
-            options: Spacings[];
-        };
-        size: {
-            options: Sizes[];
-            control: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: StoryFn<ICardProps>;
-export declare const DefaultLinkWithOnClick: StoryFn<ICardProps>;
-export declare const DefaultLinkWrappedWithAnchor: StoryFn<ICardProps>;
-export declare const Outlined: StoryFn<ICardProps>;
-export declare const WithBorders: StoryFn<ICardProps>;
-export declare const HorizontalModeWithHeader: StoryFn<ICardProps>;
-export declare const HorizontalModeWithFooter: StoryFn<ICardProps>;
-export declare const FullHeader: StoryFn<ICardProps>;
-export declare const HeaderWithTitleOnly: StoryFn<ICardProps>;
-export declare const HeaderWithTitleAndDescriptionOnly: StoryFn<ICardProps>;
-export declare const FooterWithContentOnly: StoryFn<ICardProps>;
-export declare const NoHeaderAndFooter: StoryFn<ICardProps>;
-export declare const WithoutBodyPadding: StoryFn<ICardProps>;
-export declare const DifferentBodyBackgroundColors: StoryFn<ICardProps>;
-export declare const CardWithTabs: StoryFn<ICardProps>;
-export declare const DifferentSizes: StoryFn<ICardProps>;
-export declare const DifferentHeightOfCards: StoryFn<ICardProps>;
-//# sourceMappingURL=Card.stories.d.ts.map

package/build/esm/components/Card/Card.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAM5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK7C,wBAmCE;AAEF,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,UAAU,CAoBvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAgBtD,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,OAAO,CAAC,UAAU,CAgB5D,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,UAAU,CAqBxC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,UAAU,CAiB3C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,UAAU,CAWxD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,UAAU,CAWxD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,UAAU,CAqB1C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,OAAO,CAAC,UAAU,CAMnD,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,OAAO,CAAC,UAAU,CAMjE,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,OAAO,CAAC,UAAU,CAMrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,UAAU,CAUjD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,UAAU,CA4BlD,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,OAAO,CAAC,UAAU,CAsC7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,UAAU,CAwB5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,UAAU,CAkC9C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CA2CtD,CAAC"}

package/build/esm/components/Card/Card.stories.js

@@ -1,153 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Directions, Sizes } from 'acinguiux-ds-react-base';
-import Grid from '../Grid/Grid';
-import Tabs from '../Tabs/Tabs';
-import * as data from './_internalComponents/data';
-import Card from './Card';
-import Flexbox from '../Flexbox/Flexbox';
-import { GITHUB_COMPONENT_BASE_URL } from '../../utils/storybookUtils';
-import Showcase from '../_internalComponents/Showcase/Showcase';
-import { getTabContent } from './_internalComponents/data';
-import { Spacings } from '../../types/types';
-import ButtonLink from '../ButtonLink/ButtonLink';
-import { ArrowRight } from '../Icon/components';
-import Placeholder from '../_internalComponents/Placeholder/Placeholder';
-export default {
-    title: 'Layout/Card',
-    component: Card,
-    parameters: {
-        storyLink: `${GITHUB_COMPONENT_BASE_URL}/Card/Card.stories.tsx`,
-    },
-    argTypes: {
-        bodyBgColor: { control: { type: 'boolean' } },
-        bodyPadding: { control: { type: 'boolean' } },
-        direction: {
-            options: [Directions.Vertical, Directions.Horizontal],
-            control: 'radio',
-        },
-        elevated: { control: { type: 'boolean' } },
-        footer: {
-            description: 'Insert array of CardBar objects, like: { title: "title", ... }',
-            control: { type: 'object' },
-        },
-        header: {
-            description: 'Insert array of CardBar objects, like: { title: "title", ... }',
-            control: { type: 'object' },
-        },
-        link: {
-            description: 'Insert CardLinkProps object, like: { href: "https://...", ... }',
-            control: { type: 'object' },
-        },
-        padding: {
-            control: 'radio',
-            options: [Spacings.Tight, Spacings.Generous],
-        },
-        size: {
-            options: [Sizes.Small, Sizes.Medium, Sizes.Large],
-            control: 'radio',
-        },
-    },
-};
-export const Default = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: {
-            meta: '20 Mar 2023',
-            title: 'Card title',
-            description: 'Card description',
-        }, footer: {
-            content: (_jsx("div", { style: { width: '100%', padding: '0 20px 20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-        }, ...args, children: data.shortText }) }));
-export const DefaultLinkWithOnClick = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: {
-            meta: '20 Mar 2023',
-            title: 'Card title',
-            description: 'Card description',
-        }, onClick: () => {
-            window === null || window === void 0 ? void 0 : window.open('#', '_blank');
-        }, ...args, children: data.longText }) }));
-export const DefaultLinkWrappedWithAnchor = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx("a", { href: "#", target: "_blank", style: { textDecoration: 'none' }, children: _jsx(Card, { header: {
-                meta: '20 Mar 2023',
-                title: 'Card title',
-                description: 'Card description',
-            }, isClickable: true, ...args, children: data.longText }) }) }));
-export const Outlined = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: {
-            meta: '20 Mar 2023',
-            title: 'Card title',
-            description: 'Card description',
-        }, footer: {
-            content: (_jsx("div", { style: { width: '100%', padding: '0 20px 20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-        }, elevated: false, ...args, children: data.shortText }) }));
-export const WithBorders = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: { meta: '20 Mar 2023', title: 'Card title', description: 'Card description', border: true }, footer: {
-            content: (_jsx("div", { style: { width: '100%', padding: '0 20px 20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-            border: true,
-        }, ...args, children: data.shortText }) }));
-export const HorizontalModeWithHeader = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: { meta: '20 Mar 2023', title: 'Card title', description: 'Card description' }, direction: Directions.Horizontal, bodyPadding: false, ...args, children: _jsx(data.BodyImage, {}) }) }));
-export const HorizontalModeWithFooter = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { footer: { meta: '20 Mar 2023', title: 'Card title', description: 'Card description' }, direction: Directions.Horizontal, bodyPadding: false, ...args, children: _jsx(data.BodyImage, {}) }) }));
-export const FullHeader = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: {
-            meta: '20 Mar 2023',
-            title: 'Card title',
-            description: 'Card description',
-            content: _jsx(Placeholder, { style: { height: '56px' } }),
-        }, footer: {
-            content: (_jsx("div", { style: { width: '100%', padding: '0 20px 20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-        }, ...args, children: _jsx(data.BodyImage, {}) }) }));
-export const HeaderWithTitleOnly = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: { title: 'Card title' }, ...args, children: _jsx(data.BodyImage, {}) }) }));
-export const HeaderWithTitleAndDescriptionOnly = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: { title: 'Card title', description: 'Card description' }, ...args, children: _jsx(data.BodyImage, {}) }) }));
-export const FooterWithContentOnly = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { footer: { content: _jsx(Placeholder, { style: { height: '56px' } }) }, ...args, children: _jsx(data.BodyImage, {}) }) }));
-export const NoHeaderAndFooter = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsxs(Grid, { children: [_jsx(Card, { ...args, children: data.shortText }), _jsx(Card, { ...args, children: data.longText }), _jsx(Card, { ...args, children: _jsx(data.BodyImage, {}) })] }) }));
-export const WithoutBodyPadding = (args) => (_jsxs(Flexbox, { gap: "48px", alignItems: "flex-start", children: [_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: {
-                    meta: '20 Mar 2023',
-                    title: 'Card title',
-                    description: 'Card description',
-                }, footer: {
-                    content: (_jsx(Grid, { justifyItems: "end", style: { padding: '20px' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View more" }) })),
-                }, bodyPadding: false, ...args, children: _jsx(data.BodyImage, {}) }) }), _jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { bodyPadding: false, ...args, children: _jsx(data.BodyImage, {}) }) })] }));
-export const DifferentBodyBackgroundColors = (args) => {
-    const header = {
-        meta: '20 Mar 2023',
-        title: 'Card title',
-        description: 'Card description',
-    };
-    return (_jsxs(Flexbox, { gap: "48px", alignItems: "flex-start", children: [_jsx(Card, { header: header, footer: {
-                    content: (_jsx("div", { style: { width: '100%', padding: '0 20px 20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-                }, ...args, children: data.shortText }), _jsx(Card, { header: header, footer: {
-                    content: (_jsx("div", { style: { width: '100%', padding: '20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-                }, bodyBgColor: true, ...args, children: data.shortText })] }));
-};
-export const CardWithTabs = (args) => (_jsx("div", { style: { width: '500px', height: '360px' }, children: _jsx(Card, { header: { title: data.title, description: data.description }, ...args, children: _jsx(Tabs, { items: [
-                {
-                    label: 'Option A',
-                    key: 'A',
-                    children: getTabContent('A'),
-                },
-                {
-                    label: 'Option B',
-                    key: 'B',
-                    children: getTabContent('B'),
-                },
-                {
-                    label: 'Option C',
-                    key: 'C',
-                    children: getTabContent('C'),
-                },
-            ] }) }) }));
-export const DifferentSizes = (args) => {
-    const header = {
-        meta: '20 Mar 2023',
-        title: 'Card title',
-        description: 'Card description',
-    };
-    const footer = {
-        content: (_jsx("div", { style: { width: '100%', padding: '0 20px 20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-    };
-    return (_jsxs(Flexbox, { gap: "48px", alignItems: "flex-start", children: [_jsx(Showcase, { label: "Small", children: _jsx(Card, { header: header, footer: footer, size: Sizes.Small, ...args, children: data.longText }) }), _jsx(Showcase, { label: "Medium", children: _jsx(Card, { header: header, footer: footer, size: Sizes.Medium, ...args, children: data.longText }) }), _jsx(Showcase, { label: "Large", children: _jsx(Card, { header: header, footer: footer, size: Sizes.Large, ...args, children: data.longText }) })] }));
-};
-export const DifferentHeightOfCards = (args) => {
-    const header = {
-        meta: '20 Mar 2023',
-        title: 'Card title',
-        description: 'Card description',
-    };
-    const footer = {
-        content: (_jsx("div", { style: { width: '100%', padding: '20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-    };
-    return (_jsxs(Grid, { columns: 4, gap: "24px", children: [_jsx(Card, { header: header, footer: footer, bodyBgColor: true, ...args, children: data.shortText }), _jsx(Card, { header: header, footer: footer, bodyBgColor: true, ...args, children: data.longText }), _jsx(Card, { header: header, bodyBgColor: true, ...args, children: data.shortText }), _jsx(Card, { header: header, bodyBgColor: true, ...args, children: data.longText }), _jsx(Card, { footer: footer, bodyBgColor: true, ...args, children: data.shortText }), _jsx(Card, { footer: footer, bodyBgColor: true, ...args, children: data.longText }), _jsx(Card, { bodyBgColor: true, ...args, children: data.shortText }), _jsx(Card, { bodyBgColor: true, ...args, children: data.longText })] }));
-};
-//# sourceMappingURL=Card.stories.js.map

package/build/esm/components/Card/Card.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StoryFn } from '@storybook/react';\nimport { Directions, Sizes } from 'acinguiux-ds-react-base';\n\nimport Grid from '../Grid/Grid';\nimport Tabs from '../Tabs/Tabs';\nimport * as data from './_internalComponents/data';\nimport Card from './Card';\nimport { ICardProps } from './Card.types';\nimport Flexbox from '../Flexbox/Flexbox';\nimport { GITHUB_COMPONENT_BASE_URL } from '../../utils/storybookUtils';\nimport Showcase from '../_internalComponents/Showcase/Showcase';\nimport { getTabContent } from './_internalComponents/data';\nimport { Spacings } from '../../types/types';\nimport ButtonLink from '../ButtonLink/ButtonLink';\nimport { ArrowRight } from '../Icon/components';\nimport Placeholder from '../_internalComponents/Placeholder/Placeholder';\n\nexport default {\n  title: 'Layout/Card',\n  component: Card,\n  parameters: {\n    storyLink: `${GITHUB_COMPONENT_BASE_URL}/Card/Card.stories.tsx`,\n  },\n  argTypes: {\n    bodyBgColor: { control: { type: 'boolean' } },\n    bodyPadding: { control: { type: 'boolean' } },\n    direction: {\n      options: [Directions.Vertical, Directions.Horizontal],\n      control: 'radio',\n    },\n    elevated: { control: { type: 'boolean' } },\n    footer: {\n      description: 'Insert array of CardBar objects, like: { title: \"title\", ... }',\n      control: { type: 'object' },\n    },\n    header: {\n      description: 'Insert array of CardBar objects, like: { title: \"title\", ... }',\n      control: { type: 'object' },\n    },\n    link: {\n      description: 'Insert CardLinkProps object, like: { href: \"https://...\", ... }',\n      control: { type: 'object' },\n    },\n    padding: {\n      control: 'radio',\n      options: [Spacings.Tight, Spacings.Generous],\n    },\n    size: {\n      options: [Sizes.Small, Sizes.Medium, Sizes.Large],\n      control: 'radio',\n    },\n  },\n};\n\nexport const Default: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card\n      header={{\n        meta: '20 Mar 2023',\n        title: 'Card title',\n        description: 'Card description',\n      }}\n      footer={{\n        content: (\n          <div style={{ width: '100%', padding: '0 20px 20px', textAlign: 'end' }}>\n            <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n          </div>\n        ),\n      }}\n      {...args}\n    >\n      {data.shortText}\n    </Card>\n  </div>\n);\n\nexport const DefaultLinkWithOnClick: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card\n      header={{\n        meta: '20 Mar 2023',\n        title: 'Card title',\n        description: 'Card description',\n      }}\n      onClick={() => {\n        window?.open('#', '_blank');\n      }}\n      {...args}\n    >\n      {data.longText}\n    </Card>\n  </div>\n);\n\nexport const DefaultLinkWrappedWithAnchor: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <a href=\"#\" target=\"_blank\" style={{ textDecoration: 'none' }}>\n      <Card\n        header={{\n          meta: '20 Mar 2023',\n          title: 'Card title',\n          description: 'Card description',\n        }}\n        isClickable\n        {...args}\n      >\n        {data.longText}\n      </Card>\n    </a>\n  </div>\n);\n\nexport const Outlined: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card\n      header={{\n        meta: '20 Mar 2023',\n        title: 'Card title',\n        description: 'Card description',\n      }}\n      footer={{\n        content: (\n          <div style={{ width: '100%', padding: '0 20px 20px', textAlign: 'end' }}>\n            <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n          </div>\n        ),\n      }}\n      elevated={false}\n      {...args}\n    >\n      {data.shortText}\n    </Card>\n  </div>\n);\n\nexport const WithBorders: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card\n      header={{ meta: '20 Mar 2023', title: 'Card title', description: 'Card description', border: true }}\n      footer={{\n        content: (\n          <div style={{ width: '100%', padding: '0 20px 20px', textAlign: 'end' }}>\n            <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n          </div>\n        ),\n        border: true,\n      }}\n      {...args}\n    >\n      {data.shortText}\n    </Card>\n  </div>\n);\n\nexport const HorizontalModeWithHeader: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card\n      header={{ meta: '20 Mar 2023', title: 'Card title', description: 'Card description' }}\n      direction={Directions.Horizontal}\n      bodyPadding={false}\n      {...args}\n    >\n      <data.BodyImage />\n    </Card>\n  </div>\n);\n\nexport const HorizontalModeWithFooter: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card\n      footer={{ meta: '20 Mar 2023', title: 'Card title', description: 'Card description' }}\n      direction={Directions.Horizontal}\n      bodyPadding={false}\n      {...args}\n    >\n      <data.BodyImage />\n    </Card>\n  </div>\n);\n\nexport const FullHeader: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card\n      header={{\n        meta: '20 Mar 2023',\n        title: 'Card title',\n        description: 'Card description',\n        content: <Placeholder style={{ height: '56px' }} />,\n      }}\n      footer={{\n        content: (\n          <div style={{ width: '100%', padding: '0 20px 20px', textAlign: 'end' }}>\n            <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n          </div>\n        ),\n      }}\n      {...args}\n    >\n      <data.BodyImage />\n    </Card>\n  </div>\n);\n\nexport const HeaderWithTitleOnly: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card header={{ title: 'Card title' }} {...args}>\n      <data.BodyImage />\n    </Card>\n  </div>\n);\n\nexport const HeaderWithTitleAndDescriptionOnly: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card header={{ title: 'Card title', description: 'Card description' }} {...args}>\n      <data.BodyImage />\n    </Card>\n  </div>\n);\n\nexport const FooterWithContentOnly: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card footer={{ content: <Placeholder style={{ height: '56px' }} /> }} {...args}>\n      <data.BodyImage />\n    </Card>\n  </div>\n);\n\nexport const NoHeaderAndFooter: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Grid>\n      <Card {...args}>{data.shortText}</Card>\n      <Card {...args}>{data.longText}</Card>\n      <Card {...args}>\n        <data.BodyImage />\n      </Card>\n    </Grid>\n  </div>\n);\n\nexport const WithoutBodyPadding: StoryFn<ICardProps> = (args) => (\n  <Flexbox gap=\"48px\" alignItems=\"flex-start\">\n    <div style={{ width: '500px', height: '360px' }}>\n      <Card\n        header={{\n          meta: '20 Mar 2023',\n          title: 'Card title',\n          description: 'Card description',\n        }}\n        footer={{\n          content: (\n            <Grid justifyItems=\"end\" style={{ padding: '20px' }}>\n              <ButtonLink icon={<ArrowRight />}>View more</ButtonLink>\n            </Grid>\n          ),\n        }}\n        bodyPadding={false}\n        {...args}\n      >\n        <data.BodyImage />\n      </Card>\n    </div>\n    <div style={{ width: '500px', height: '360px' }}>\n      <Card bodyPadding={false} {...args}>\n        <data.BodyImage />\n      </Card>\n    </div>\n  </Flexbox>\n);\n\nexport const DifferentBodyBackgroundColors: StoryFn<ICardProps> = (args) => {\n  const header = {\n    meta: '20 Mar 2023',\n    title: 'Card title',\n    description: 'Card description',\n  };\n\n  return (\n    <Flexbox gap=\"48px\" alignItems=\"flex-start\">\n      <Card\n        header={header}\n        footer={{\n          content: (\n            <div style={{ width: '100%', padding: '0 20px 20px', textAlign: 'end' }}>\n              <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n            </div>\n          ),\n        }}\n        {...args}\n      >\n        {data.shortText}\n      </Card>\n      <Card\n        header={header}\n        footer={{\n          content: (\n            <div style={{ width: '100%', padding: '20px', textAlign: 'end' }}>\n              <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n            </div>\n          ),\n        }}\n        bodyBgColor\n        {...args}\n      >\n        {data.shortText}\n      </Card>\n    </Flexbox>\n  );\n};\n\nexport const CardWithTabs: StoryFn<ICardProps> = (args) => (\n  <div style={{ width: '500px', height: '360px' }}>\n    <Card header={{ title: data.title, description: data.description }} {...args}>\n      <Tabs\n        items={[\n          {\n            label: 'Option A',\n            key: 'A',\n            children: getTabContent('A'),\n          },\n          {\n            label: 'Option B',\n            key: 'B',\n            children: getTabContent('B'),\n          },\n          {\n            label: 'Option C',\n            key: 'C',\n            children: getTabContent('C'),\n          },\n        ]}\n      />\n    </Card>\n  </div>\n);\n\nexport const DifferentSizes: StoryFn<ICardProps> = (args) => {\n  const header = {\n    meta: '20 Mar 2023',\n    title: 'Card title',\n    description: 'Card description',\n  };\n\n  const footer = {\n    content: (\n      <div style={{ width: '100%', padding: '0 20px 20px', textAlign: 'end' }}>\n        <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n      </div>\n    ),\n  };\n\n  return (\n    <Flexbox gap=\"48px\" alignItems=\"flex-start\">\n      <Showcase label=\"Small\">\n        <Card header={header} footer={footer} size={Sizes.Small} {...args}>\n          {data.longText}\n        </Card>\n      </Showcase>\n      <Showcase label=\"Medium\">\n        <Card header={header} footer={footer} size={Sizes.Medium} {...args}>\n          {data.longText}\n        </Card>\n      </Showcase>\n      <Showcase label=\"Large\">\n        <Card header={header} footer={footer} size={Sizes.Large} {...args}>\n          {data.longText}\n        </Card>\n      </Showcase>\n    </Flexbox>\n  );\n};\n\nexport const DifferentHeightOfCards: StoryFn<ICardProps> = (args) => {\n  const header = {\n    meta: '20 Mar 2023',\n    title: 'Card title',\n    description: 'Card description',\n  };\n\n  const footer = {\n    content: (\n      <div style={{ width: '100%', padding: '20px', textAlign: 'end' }}>\n        <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n      </div>\n    ),\n  };\n\n  return (\n    <Grid columns={4} gap=\"24px\">\n      <Card header={header} footer={footer} bodyBgColor {...args}>\n        {data.shortText}\n      </Card>\n      <Card header={header} footer={footer} bodyBgColor {...args}>\n        {data.longText}\n      </Card>\n      <Card header={header} bodyBgColor {...args}>\n        {data.shortText}\n      </Card>\n      <Card header={header} bodyBgColor {...args}>\n        {data.longText}\n      </Card>\n      <Card footer={footer} bodyBgColor {...args}>\n        {data.shortText}\n      </Card>\n      <Card footer={footer} bodyBgColor {...args}>\n        {data.longText}\n      </Card>\n      <Card bodyBgColor {...args}>\n        {data.shortText}\n      </Card>\n      <Card bodyBgColor {...args}>\n        {data.longText}\n      </Card>\n    </Grid>\n  );\n};\n"]}

package/build/esm/components/Card/Card.styles.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { Directions } from 'acinguiux-ds-react-base';
-import { ICardProps } from './Card.types';
-declare const Card: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<ICardProps, "direction" | "elevated" | "isClickable"> & {
-    $direction?: Directions | undefined;
-    $elevated?: boolean | undefined;
-    $isClickable?: boolean | undefined;
-}, never>;
-declare const InsetCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Omit<ICardProps, "direction" | "elevated" | "isClickable"> & {
-    $direction?: Directions | undefined;
-    $elevated?: boolean | undefined;
-    $isClickable?: boolean | undefined;
-} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    size?: import("./Card.types").CardSize | undefined;
-    padding?: import("./Card.types").CardPadding | undefined;
-    borders?: boolean | undefined;
-    elevated?: boolean | undefined;
-    isClickable?: boolean | undefined;
-} & {
-    backgroundImage: string;
-    bar?: import("./Card.types").ICardBar | undefined;
-}, never>;
-declare const CardBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<ICardProps, "size" | "padding">> & Pick<ICardProps, "bodyPadding" | "bodyBgColor">, never>;
-export { Card, InsetCard, CardBody };
-//# sourceMappingURL=Card.styles.d.ts.map

package/build/esm/components/Card/Card.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAa,MAAM,yBAAyB,CAAC;AAGhE,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D,QAAA,MAAM,IAAI;;;;SAoCT,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;SAcd,CAAC;AAEF,QAAA,MAAM,QAAQ,uMA0Bb,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC"}

package/build/esm/components/Card/Card.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAa,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAiE;IACpF,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;sBAE3C,UAAU,KAAK,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;;wBAEnD,KAAK,CAAC,UAAU,CAAC,OAAO;wBACxB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;MAIrC,IAAI;IACN,GAAG,CAAA;uBACgB,UAAU,CAAC,IAAI,CAAC,CAAC,YAAY;KAC/C;;MAEC,SAAS;IACX,GAAG,CAAA;;oBAEa,KAAK,CAAC,SAAS,CAAC,MAAM;KACrC;;MAEC,YAAY;IACd,GAAG,CAAA;;;;;;sBAMe,KAAK,CAAC,SAAS,CAAC,MAAM;;KAEvC;;;2BAGsB,KAAK,CAAC,KAAK,CAAC,MAAM;;GAE1C;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAiB;IAC3C,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;4BAGnB,eAAe;;;;MAIrC,IAAI;IACN,OAAO;IACP,GAAG,CAAA;iBACU,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;KAC7C;GACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAE1B;IACG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACzD,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM;;;aAGtB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM;wBAChB,KAAK,CAAC,UAAU,CAAC,OAAO;;MAE1C,WAAW;IACb,GAAG,CAAA;iBACU,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC;KAC7C;;MAEC,WAAW;IACb,GAAG,CAAA;0BACmB,KAAK,CAAC,UAAU,CAAC,IAAI;KAC1C;;;;;;;GAOF;CACF,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport { Directions, Transient } from 'acinguiux-ds-react-base';\n\nimport { cardConsts } from './Card.consts';\nimport { ICardProps, IInsetCardProps } from './Card.types';\n\nconst Card = styled.div<Transient<ICardProps, 'elevated' | 'direction' | 'isClickable'>>`\n  ${({ size, $elevated, $direction, $isClickable, theme }) => css`\n    display: flex;\n    flex-direction: ${$direction === Directions.Vertical ? 'column' : 'row'};\n    width: 100%;\n    background-color: ${theme.background.surface};\n    border: 1px solid ${theme.border.medium};\n    transition: box-shadow 0.3s ease;\n    overflow: hidden;\n\n    ${size &&\n    css`\n      border-radius: ${cardConsts[size].borderRadius};\n    `}\n\n    ${$elevated &&\n    css`\n      border: none;\n      box-shadow: ${theme.elevation.level0};\n    `}\n\n    ${$isClickable &&\n    css`\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n\n      &:hover {\n        box-shadow: ${theme.elevation.level2};\n      }\n    `}\n\n    &:focus-visible {\n      outline: 3px solid ${theme.focus.medium};\n    }\n  `}\n`;\n\nconst InsetCard = styled(Card)<IInsetCardProps>`\n  ${({ size, backgroundImage, padding }) => css`\n    align-items: flex-end;\n    height: 100%;\n    background-image: url(${backgroundImage});\n    background-repeat: no-repeat;\n    background-size: cover;\n\n    ${size &&\n    padding &&\n    css`\n      padding: ${cardConsts[size].padding[padding]};\n    `}\n  `}\n`;\n\nconst CardBody = styled.div<\n  Required<Pick<ICardProps, 'size' | 'padding'>> & Pick<ICardProps, 'bodyPadding' | 'bodyBgColor'>\n>`\n  ${({ size, padding, bodyPadding, bodyBgColor, theme }) => css`\n    ${theme.paragraph.medium.normal};\n    display: grid;\n    flex-grow: 1;\n    color: ${theme.text.onSurface.strong};\n    background-color: ${theme.background.surface};\n\n    ${bodyPadding &&\n    css`\n      padding: ${cardConsts[size].padding[padding]};\n    `}\n\n    ${bodyBgColor &&\n    css`\n      background-color: ${theme.background.base};\n    `}\n\n    > img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n    }\n  `}\n`;\n\nexport { Card, InsetCard, CardBody };\n"]}

package/build/esm/components/Card/Card.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Card.test.d.ts.map

package/build/esm/components/Card/Card.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.test.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.test.tsx"],"names":[],"mappings":""}

package/build/esm/components/Card/Card.test.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NOOP, CARD_CLASS } from 'acinguiux-ds-react-base';
-import { render, describe, it, expect, screen } from '../../utils/viTestUtils';
-import { meta } from './_internalComponents/data';
-import Card from './Card';
-import ButtonLink from '../ButtonLink/ButtonLink';
-import { ArrowRight } from '../Icon/components';
-const title = 'Card title';
-const description = 'Card description';
-describe('Card component', () => {
-    it('should render with header and footer titles, descriptions and contents', () => {
-        render(_jsx(Card, { header: { meta: '20 Mar 2023', title, description }, footer: {
-                content: (_jsx("div", { style: { width: '100%', padding: '0 20px 20px', textAlign: 'end' }, children: _jsx(ButtonLink, { icon: _jsx(ArrowRight, {}), children: "View" }) })),
-            }, children: "Middle text" }));
-        expect(screen.queryByText(title)).toBeInTheDocument();
-        expect(screen.queryByText(description)).toBeInTheDocument();
-        expect(screen.queryByText(meta)).toBeInTheDocument();
-    });
-    it('should have onClick action if passed', () => {
-        const { container } = render(_jsx(Card, { header: { title, description }, footer: { title, description }, onClick: NOOP, children: "Middle text" }));
-        expect(container.firstChild).toHaveTextContent('Middle text');
-        expect(container.firstChild).toHaveClass(CARD_CLASS);
-    });
-});
-//# sourceMappingURL=Card.test.js.map

package/build/esm/components/Card/Card.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,KAAK,GAAG,YAAY,CAAC;AAC3B,MAAM,WAAW,GAAG,kBAAkB,CAAC;AAEvC,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,wEAAwE,EAAE,GAAG,EAAE;QAChF,MAAM,CACJ,KAAC,IAAI,IACH,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,EACnD,MAAM,EAAE;gBACN,OAAO,EAAE,CACP,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,YACrE,KAAC,UAAU,IAAC,IAAI,EAAE,KAAC,UAAU,KAAG,qBAAmB,GAC/C,CACP;aACF,4BAGI,CACR,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,IAAI,IAAC,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,4BAE5E,CACR,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAC9D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { NOOP, CARD_CLASS } from 'acinguiux-ds-react-base';\n\nimport { render, describe, it, expect, screen } from '../../utils/viTestUtils';\nimport { meta } from './_internalComponents/data';\nimport Card from './Card';\nimport ButtonLink from '../ButtonLink/ButtonLink';\nimport { ArrowRight } from '../Icon/components';\n\nconst title = 'Card title';\nconst description = 'Card description';\n\ndescribe('Card component', () => {\n  it('should render with header and footer titles, descriptions and contents', () => {\n    render(\n      <Card\n        header={{ meta: '20 Mar 2023', title, description }}\n        footer={{\n          content: (\n            <div style={{ width: '100%', padding: '0 20px 20px', textAlign: 'end' }}>\n              <ButtonLink icon={<ArrowRight />}>View</ButtonLink>\n            </div>\n          ),\n        }}\n      >\n        Middle text\n      </Card>,\n    );\n\n    expect(screen.queryByText(title)).toBeInTheDocument();\n    expect(screen.queryByText(description)).toBeInTheDocument();\n    expect(screen.queryByText(meta)).toBeInTheDocument();\n  });\n\n  it('should have onClick action if passed', () => {\n    const { container } = render(\n      <Card header={{ title, description }} footer={{ title, description }} onClick={NOOP}>\n        Middle text\n      </Card>,\n    );\n\n    expect(container.firstChild).toHaveTextContent('Middle text');\n    expect(container.firstChild).toHaveClass(CARD_CLASS);\n  });\n});\n"]}

package/build/esm/components/Card/Card.types.d.ts

@@ -1,37 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { Sizes, Directions } from 'acinguiux-ds-react-base';
-import { Spacings } from '../../types/types';
-export type CardSize = Sizes.Small | Sizes.Medium | Sizes.Large;
-export type CardDirection = Directions;
-export type CardPadding = Spacings.Tight | Spacings.Generous;
-export type ICardBar = {
-    meta?: string;
-    title?: string;
-    description?: string;
-    content?: ReactNode;
-    border?: boolean;
-    width?: number;
-};
-export type CommonCardProps = ComponentPropsWithoutRef<'div'> & {
-    size?: CardSize;
-    padding?: CardPadding;
-    borders?: boolean;
-    elevated?: boolean;
-    isClickable?: boolean;
-};
-export type ICardProps = CommonCardProps & {
-    direction?: CardDirection;
-    header?: ICardBar;
-    footer?: ICardBar;
-    bodyPadding?: boolean;
-    /**
-     * `bodyBgColor` has been changed to a boolean - if it's set to true - than it uses background base color
-     */
-    bodyBgColor?: boolean;
-    children?: ReactNode | ReactNode[];
-};
-export type IInsetCardProps = CommonCardProps & {
-    backgroundImage: string;
-    bar?: ICardBar;
-};
-//# sourceMappingURL=Card.types.d.ts.map

package/build/esm/components/Card/Card.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AAChE,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC;AACvC,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,QAAQ,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC9D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC"}

package/build/esm/components/Card/Card.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Card.types.js.map

package/build/esm/components/Card/Card.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.types.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"","sourcesContent":["import { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { Sizes, Directions } from 'acinguiux-ds-react-base';\n\nimport { Spacings } from '../../types/types';\n\nexport type CardSize = Sizes.Small | Sizes.Medium | Sizes.Large;\nexport type CardDirection = Directions;\nexport type CardPadding = Spacings.Tight | Spacings.Generous;\n\nexport type ICardBar = {\n  meta?: string;\n  title?: string;\n  description?: string;\n  content?: ReactNode;\n  border?: boolean;\n  width?: number;\n};\n\nexport type CommonCardProps = ComponentPropsWithoutRef<'div'> & {\n  size?: CardSize;\n  padding?: CardPadding;\n  borders?: boolean;\n  elevated?: boolean;\n  isClickable?: boolean;\n};\n\nexport type ICardProps = CommonCardProps & {\n  direction?: CardDirection;\n  header?: ICardBar;\n  footer?: ICardBar;\n  bodyPadding?: boolean;\n  /**\n   * `bodyBgColor` has been changed to a boolean - if it's set to true - than it uses background base color\n   */\n  bodyBgColor?: boolean;\n  children?: ReactNode | ReactNode[];\n};\n\nexport type IInsetCardProps = CommonCardProps & {\n  backgroundImage: string;\n  bar?: ICardBar;\n};\n"]}

package/build/esm/components/Card/InsetCard.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-declare const InsetCard: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    size?: import("./Card.types").CardSize | undefined;
-    padding?: import("./Card.types").CardPadding | undefined;
-    borders?: boolean | undefined;
-    elevated?: boolean | undefined;
-    isClickable?: boolean | undefined;
-} & {
-    backgroundImage: string;
-    bar?: import("./Card.types").ICardBar | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
-export default InsetCard;
-//# sourceMappingURL=InsetCard.d.ts.map

package/build/esm/components/Card/InsetCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsetCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/InsetCard.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,SAAS;;;;;;;;;kDA8Bd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/build/esm/components/Card/InsetCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InsetCard.js","sourceRoot":"","sources":["../../../../src/components/Card/InsetCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG5D,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EACE,SAAS,EACT,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,GAAG,EACH,eAAe,EACf,OAAO,GAAG,QAAQ,CAAC,KAAK,EACxB,OAAO,EACP,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,WAAW,EACX,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE,CAAC,CACH,KAAC,MAAM,CAAC,SAAS,IACf,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAC5C,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,eACL,QAAQ,kBACL,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,OAAO,EACxC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,KACJ,IAAI,YAEP,GAAG,IAAI,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,gBAAgB,GAAG,GACjF,CACpB,CACF,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, CARD_CLASS } from 'acinguiux-ds-react-base';\n\nimport { IInsetCardProps } from './Card.types';\nimport * as Styled from './Card.styles';\nimport CardBar from './components/CardBar/CardBar';\nimport { Spacings } from '../../types/types';\n\nconst InsetCard = forwardRef<HTMLDivElement, IInsetCardProps>(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      bar,\n      backgroundImage,\n      padding = Spacings.Tight,\n      borders,\n      elevated = true,\n      onClick,\n      isClickable,\n      ...rest\n    },\n    ref,\n  ) => (\n    <Styled.InsetCard\n      className={classNames(CARD_CLASS, className)}\n      size={size}\n      backgroundImage={backgroundImage}\n      padding={padding}\n      $elevated={elevated}\n      $isClickable={!!isClickable || !!onClick}\n      onClick={onClick}\n      ref={ref}\n      {...rest}\n    >\n      {bar && <CardBar size={size} padding={padding} bar={bar} border={borders} type=\"floatingFooter\" />}\n    </Styled.InsetCard>\n  ),\n);\n\nexport default InsetCard;\n"]}

package/build/esm/components/Card/InsetCard.stories.d.ts

@@ -1,75 +0,0 @@
-/// <reference types="react" />
-import { StoryFn } from '@storybook/react';
-import { Sizes } from 'acinguiux-ds-react-base';
-import { IInsetCardProps } from './Card.types';
-import { Spacings } from '../../types/types';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        size?: import("./Card.types").CardSize | undefined;
-        padding?: import("./Card.types").CardPadding | undefined;
-        borders?: boolean | undefined;
-        elevated?: boolean | undefined;
-        isClickable?: boolean | undefined;
-    } & {
-        backgroundImage: string;
-        bar?: import("./Card.types").ICardBar | undefined;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    parameters: {
-        storyLink: string;
-    };
-    argTypes: {
-        bar: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        bodyPadding: {
-            control: {
-                type: string;
-            };
-        };
-        borders: {
-            control: {
-                type: string;
-            };
-        };
-        elevated: {
-            control: {
-                type: string;
-            };
-        };
-        link: {
-            description: string;
-            control: {
-                type: string;
-            };
-        };
-        padding: {
-            control: string;
-            options: Spacings[];
-        };
-        size: {
-            options: Sizes[];
-            control: string;
-        };
-        width: {
-            control: {
-                type: string;
-            };
-        };
-        height: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: StoryFn<IInsetCardProps>;
-export declare const DefaultLinkWithOnClick: StoryFn<IInsetCardProps>;
-export declare const DefaultLinkWrappedWithAnchor: StoryFn<IInsetCardProps>;
-export declare const Outlined: StoryFn<IInsetCardProps>;
-export declare const WithBorders: StoryFn<IInsetCardProps>;
-//# sourceMappingURL=InsetCard.stories.d.ts.map