@elliemae/ds-card 2.3.1 → 3.0.0-alpha.3

package/esm/v2/Card.js

@@ -1,77 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { DSHeader } from '@elliemae/ds-header';
-import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
-import { CardContainer, LeftSection, LeftAddon, MainSection, Description, RightAddonSection, RightAddon, Separator } from './components.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-var _Separator;
-
-const getCol = rightAddon => {
-  if (!rightAddon) return [1];
-  return [1, 'auto'];
-};
-
-const CustomCard = _ref => {
-  let {
-    title,
-    description,
-    leftAddon,
-    rightAddon,
-    // array. max 2 elements
-    hasBorder = false
-  } = _ref;
-  return /*#__PURE__*/_jsx(TooltipTextProvider, {}, void 0, /*#__PURE__*/_jsx(CardContainer, {
-    hasBorder: hasBorder,
-    cols: getCol(rightAddon),
-    "data-testid": "em-ds-card"
-  }, void 0, /*#__PURE__*/_jsx(LeftSection, {}, void 0, leftAddon && /*#__PURE__*/_jsx(LeftAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx(MainSection, {
-    style: {
-      maxWidth: leftAddon ? 'calc(100% - 40px)' : '100%'
-    }
-  }, void 0, /*#__PURE__*/_jsx(DSHeader, {
-    fontSize: "16px",
-    "data-testid": "em-ds-card-header",
-    fontWeight: "regular",
-    color: "neutral.800",
-    text: /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
-      value: title
-    })
-  }), description && /*#__PURE__*/_jsx(Description, {}, void 0, /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
-    value: description
-  })))), rightAddon && /*#__PURE__*/_jsx(RightAddonSection, {}, void 0, rightAddon[0] && /*#__PURE__*/_jsx(RightAddon, {}, void 0, rightAddon[0]), rightAddon[1] && /*#__PURE__*/jsxs(Fragment, {
-    children: [rightAddon.length > 1 && (_Separator || (_Separator = /*#__PURE__*/_jsx(Separator, {}))), /*#__PURE__*/_jsx(RightAddon, {}, void 0, rightAddon[1])]
-  }))));
-};
-
-const cardProps = {
-  /**
-   * Title of the card. requiered
-   */
-  title: PropTypes.string.isRequired.description('Title of the card. requiered'),
-
-  /**
-   * Description of the card. not requiered
-   */
-  description: PropTypes.string.description('Description of the card. not requiered'),
-
-  /**
-   * Left Addon
-   */
-  leftAddon: PropTypes.element.description('Left Addon'),
-
-  /**
-   * Right addon array, max elements: 2
-   */
-  rightAddon: PropTypes.array.description('Right addon array, max elements: 2'),
-
-  /**
-   * Wheter if the card has border or not
-   */
-  hasBorder: PropTypes.bool.description('Wheter if the card has border or not')
-};
-const DSCardCustomWithSchema = describe(CustomCard);
-DSCardCustomWithSchema.propTypes = cardProps;
-
-export { CustomCard, DSCardCustomWithSchema, CustomCard as default };

package/esm/v2/Group.js

@@ -1,57 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { truncate, color, border } from '@elliemae/ds-system';
-import { CustomCard } from './Card.js';
-
-const Group = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1y2lfoo-0"
-})(["display:flex;flex-direction:column;width:100%;max-width:100%;", "{border-top:none;}", ""], CustomCard, _ref => {
-  let {
-    theme,
-    withTopBorder
-  } = _ref;
-  return withTopBorder ? "border-top: ".concat(theme.colors.neutral['100']) : '';
-});
-const GroupTitle = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1y2lfoo-1"
-})(["", ""], truncate());
-const TitleWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1y2lfoo-2"
-})(["display:flex;justify-content:space-between;padding:0 ", ";font-size:12px;", ";font-weight:", ";background-color:", ";border-top:", ";line-height:24px;"], props => props.theme.space.xs, color('neutral', '700'), props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['080'], props => border(props.theme.colors.neutral['080']));
-const Items = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1y2lfoo-3"
-})(["display:flex;flex-direction:column;"]);
-
-const CardGroup = _ref2 => {
-  let {
-    children,
-    title,
-    action
-  } = _ref2;
-  return /*#__PURE__*/_jsx(Group, {
-    withTopBorder: !title
-  }, void 0, !!title && /*#__PURE__*/_jsx(TitleWrapper, {}, void 0, /*#__PURE__*/_jsx(GroupTitle, {}, void 0, title), action), /*#__PURE__*/_jsx(Items, {}, void 0, children));
-};
-
-const cardgroupProps = {
-  /**
-   * Card items
-   */
-  children: PropTypes.element.isRequired.description('Card items'),
-
-  /**
-   * Title of the group
-   */
-  title: PropTypes.string.isRequired.description('Title of the group'),
-
-  /**
-   * Right addon action
-   */
-  action: PropTypes.element.description('Right addon action')
-};
-const DSCardGroupWithSchema = describe(CardGroup);
-DSCardGroupWithSchema.propTypes = cardgroupProps;
-
-export { CardGroup, DSCardGroupWithSchema, CardGroup as default };

package/esm/v2/components.js

@@ -1,38 +0,0 @@
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-
-const CardContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1cjakml-0"
-})(["align-items:center;justify-content:space-between;width:100%;height:56px;padding:8px 16px;position:relative;border:", ";&:before{content:'';border-bottom:1px solid ", ";position:absolute;margin:0 auto;width:90%;bottom:0;}&:last-child::before{content:none;}"], _ref => {
-  let {
-    theme,
-    hasBorder
-  } = _ref;
-  return hasBorder ? "1px solid ".concat(theme.colors.neutral['100']) : '';
-}, props => props.theme.colors.neutral['100']);
-const LeftSection = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1cjakml-1"
-})(["display:flex;align-items:center;"]);
-const LeftAddon = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1cjakml-2"
-})(["height:fit-content;width:fit-content;margin-right:16px;cursor:pointer;"]);
-const RightAddonSection = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1cjakml-3"
-})(["display:flex;align-items:center;width:fit-content;"]);
-const RightAddon = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1cjakml-4"
-})(["height:fit-content;width:fit-content;cursor:pointer;"]);
-const Separator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1cjakml-5"
-})(["width:0px;height:24px;border-right:1px solid ", ";margin:0 8px;"], props => props.theme.colors.neutral['300']);
-const MainSection = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1cjakml-6"
-})(["display:flex;flex-direction:column;"]);
-const Title = /*#__PURE__*/styled.h3.withConfig({
-  componentId: "sc-1cjakml-7"
-})(["margin:0;font-size:16px;font-weight:", ";color:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['800']);
-const Description = /*#__PURE__*/styled.p.withConfig({
-  componentId: "sc-1cjakml-8"
-})(["margin:0;color:", ";"], props => props.theme.colors.neutral['600']);
-
-export { CardContainer, Description, LeftAddon, LeftSection, MainSection, RightAddon, RightAddonSection, Separator, Title };

package/types/DSCard.d.ts

@@ -1,44 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSCard: {
-    ({ innerRef, children, containerProps, ...otherProps }: {
-        [x: string]: any;
-        innerRef?: undefined;
-        children?: null | undefined;
-        containerProps?: {} | undefined;
-    }): JSX.Element;
-    propTypes: {
-        /** inject props to component wrapper */
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Get reference for the button
-         */
-        innerRef: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * DSCardBody and DSCardHeader
-         */
-        children: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSCardWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSCard, DSCardWithSchema };
-export default DSCard;

package/types/DSCardBody.d.ts

@@ -1,23 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSCardBody: {
-    ({ children }: {
-        children: any;
-    }): JSX.Element;
-    propTypes: {
-        /** children */
-        children: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSCardBodyWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSCardBody, DSCardBodyWithSchema };
-export default DSCardBody;

package/types/DSCardHeader.d.ts

@@ -1,31 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSCardHeader: {
-    ({ title, action }: {
-        title: any;
-        action: any;
-    }): JSX.Element;
-    propTypes: {
-        /** card header title */
-        title: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** action */
-        action: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSCardHeaderWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSCardHeader, DSCardHeaderWithSchema };
-export default DSCardHeader;

package/types/detail/DetailCard.d.ts

@@ -1,160 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DetailCard: {
-    ({ title, description, descriptionColor, rightValue, rightDescription, rightAddon, selectable, isSelected, onSelect, expandable, isExpanded, onExpand, expandContent, readOnly, disabled, }: {
-        title: any;
-        description: any;
-        descriptionColor?: string | undefined;
-        rightValue: any;
-        rightDescription: any;
-        rightAddon: any;
-        selectable?: boolean | undefined;
-        isSelected?: boolean | undefined;
-        onSelect?: ((...args: any[]) => void) | undefined;
-        expandable?: boolean | undefined;
-        isExpanded?: boolean | undefined;
-        onExpand?: ((...args: any[]) => void) | undefined;
-        expandContent: any;
-        readOnly?: boolean | undefined;
-        disabled?: boolean | undefined;
-    }): JSX.Element;
-    propTypes: {
-        /**
-         * Title of the card.
-         */
-        title: any;
-        /**
-         * Description of the card.
-         */
-        description: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Description color.
-         */
-        descriptionColor: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Right value (should be used with `rightDescription`)
-         */
-        rightValue: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Right description (should be used with `rightValue`)
-         */
-        rightDescription: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Right addon array, max elements: 2
-         */
-        rightAddon: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Whether if the card is selectable or not
-         */
-        selectable: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Whether if the card is selected or not
-         */
-        isSelected: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Callback on selection
-         */
-        onSelect: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Whether if the card is expandable or not
-         */
-        expandable: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Whether if the card is expanded or not
-         */
-        isExpanded: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Callback on expand
-         */
-        onExpand: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Content
-         */
-        expandContent: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Read only
-         */
-        readOnly: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Disabled
-         */
-        disabled: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSCardDetailWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DetailCard, DSCardDetailWithSchema };
-export default DetailCard;

package/types/detail/styled.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const RightAddon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const RightDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const RightValue: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const ExpandContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Container: any;

package/types/index.d.ts

@@ -1,8 +0,0 @@
-export * from './DSCard';
-export * from './DSCardHeader';
-export * from './DSCardBody';
-export * from './v2/Card';
-export * from './v2/Group';
-export * from './v2/ActionAddon';
-export * from './detail/DetailCard';
-export { default } from './DSCard';

package/types/tests/DSCard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/types/v2/ActionAddon.d.ts

@@ -1,45 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const ActionAddon: {
-    ({ label, onClick, icon }: {
-        label: any;
-        onClick: any;
-        icon: any;
-    }): JSX.Element;
-    propTypes: {
-        /**
-         * Addon label
-         */
-        label: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * On click callback
-         */
-        onClick: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Icon to display after the label
-         */
-        icon: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSCardActionAddonWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { ActionAddon, DSCardActionAddonWithSchema };
-export default ActionAddon;

package/types/v2/Card.d.ts

@@ -1,60 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const CustomCard: {
-    ({ title, description, leftAddon, rightAddon, hasBorder, }: {
-        title: any;
-        description: any;
-        leftAddon: any;
-        rightAddon: any;
-        hasBorder?: boolean | undefined;
-    }): JSX.Element;
-    propTypes: {
-        /**
-         * Title of the card. requiered
-         */
-        title: any;
-        /**
-         * Description of the card. not requiered
-         */
-        description: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Left Addon
-         */
-        leftAddon: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Right addon array, max elements: 2
-         */
-        rightAddon: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Wheter if the card has border or not
-         */
-        hasBorder: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSCardCustomWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { CustomCard, DSCardCustomWithSchema };
-export default CustomCard;

package/types/v2/Group.d.ts

@@ -1,35 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const CardGroup: {
-    ({ children, title, action }: {
-        children: any;
-        title: any;
-        action: any;
-    }): JSX.Element;
-    propTypes: {
-        /**
-         * Card items
-         */
-        children: any;
-        /**
-         * Title of the group
-         */
-        title: any;
-        /**
-         * Right addon action
-         */
-        action: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSCardGroupWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { CardGroup, DSCardGroupWithSchema };
-export default CardGroup;

package/types/v2/components.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-declare const CardContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-declare const LeftSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const LeftAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const RightAddonSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const RightAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const MainSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const Title: import("styled-components").StyledComponent<"h3", import("styled-components").DefaultTheme, {}, never>;
-declare const Description: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export { CardContainer, LeftSection, LeftAddon, RightAddonSection, RightAddon, Separator, MainSection, Title, Description, };